スマホアプリのアイコンを物理的に作る。その2

標準

どーも(^-^)/岡本です。

今回は以前のスマホアプリ(アイコン)を作るよ。物理的に。の続きで、スマホアプリのアイコンを物理的に作ろうという話です。

DSC_2706

こちらが前回作ったスマホアイコン(物理)です。

これからデザインがちょっと気になったので、変更するために作りなおします。

DSC_3032

またマスキングテープで絵を描いていきます。

DSC_3033

スプレーで着色していきます。今回はグラデーションさせるために2色のスプレーを徐々にかけていきます。

初めてやってみましたが、思いのほか綺麗にグラデーションできました。

DSC_3035

マスキングテープをはがした所がこちら。

意外といい感じに出来ました。

これを後で使ってみようと思いますが、今回はこんな所で。では(^-^)/

 

 

—–

岡山のカメラマン、クアトロフォトデザインさんにモデルさんの撮影をしてもらった話へ続く

明けましておめでとうございます&2016年ピクロス年賀状

標準

明けましておめでとうございます_(u_u)_岡本です。

年賀状はどうされましたか。

僕は去年の『するメール』の年賀状が大変好評で、今年も『するメール』にしようかと思っていたのですが購入をすっかり忘れてしまい、今年の年賀状はこんな感じにしました。

 

newyearpuzzle2

はい。ピクロスです。

↓スクリプトで動くやつも書きました。一回クリックで黒くなり、もう一回クリックで斜線が出るはずです。

1
2
1
3
1
3
1
1
1
1
1
1
1
1
1
7
6
3
1
1
1
1
1
1
1
2
1
1
5
2
2
2
2
1
1
5 7
3
4
1
5
1
1
1
1
1
1
2
1
5
6
4
1
1
1
1
4
1
3
1 1 1
6 1 4
1 1 1 1
4 1 1
1 1 1 1 1
1 2 1 1 1
2 1 1 2
1
1 1 1 1
4 1 1 1
1 5
5 2 1 1
1 1 1 1 1 1
3 2 2 1 1
3 3 1 3
1 1 1 1 1
3 1 1 1 3
1 1 1 1 1 1
3 3 1 3

お時間があればやってみてください。スクリプト版はパズル完成してもメッセージとか何も出ません。あとスマホだと押しづらいかも。

印刷用にPDF版も置いておきます。

何度も確認しましたので、ちゃんと解けます。

今年の目標は

フットワークを軽く

色々やって行きたいと思います。

とりあえず今回はこんな所で。今年もよろしくお願いします(^-^)/

 

スマホアプリ(アイコン)を作るよ。物理的に。

標準

どーも(^-^)/岡本です。

以前よりオカモトラボでスマホアプリを作りたいと思っています。

しかし、いかんせん本業がプログラミングなので、休日にまでプログラミングをする気にはなりません。

そこでまずは気分だけでも味わうために物理的にスマホアプリのアイコンを作りました。

ちなみに、アプリのアイコンは「ランチャーアイコン」とも言います。

DSC_2692

これはホームセンターで購入してきた低発泡ポリエチレン板と呼ばれる板です。

DSC_2693

まずは正方形にします。

低発泡ポリエチレン板は加工が簡単で、薄い物ならカッターナイフやハサミでも切れます。

DSC_2694

次にスマホアプリ特有の角の曲線を切ります。

アプリの角の曲線をプリントアウトし、それに沿ってカットしていきます。

カットしたらヤスリを掛けて、曲線を滑らかにします。

DSC_2695

出来上がったものがこちら。なんか良い感じにアプリっぽい気がします。

結構大きくて、一辺が46センチです。

DSC_2697

続いてスプレーで着色していきます。ムラにならない様に何回かに分けて塗っていきます。

DSC_2698

続いて肝心の図案を描いていくのですが、マスキングテープで描いていきます。

今流行りのお洒落なマスキングテープではなく、普通の模型用マスキングテープです。

マスキングテープは直線なので、少しづつずらしながら曲線を描いていきます。

DSC_2700

図案が完成しました。

DSC_2701

スプレーで色を乗せていきます。

DSC_2702

銀色のスプレーは下地の色が透けないので、まず銀色のスプレーをかけます。

DSC_2703

続いて白のスプレーをかけます。

DSC_2706

マスキングテープを剥がすと、アプリのアイコンが物理的に完成です。

 

 

近いうちにこのアイコン(物理)を使う事になるかも知れません。

とりあえず今回はこんな所で(^-^)/~

 

——-

追記

デザインを変更したので再び作成しました。

スマホアプリのアイコンを物理的に作る。その2」へ続く

原寸大サイトに画像表示が出来るパワーアップ工事が完了した話

標準

どーも(^-^)/岡本です。

今回は、パソコン画面上に原寸の大きさを表示できるウェブサービスモニター画面に正確な原寸大/実物大を表示』についてです。
今までは大きさを四角形や円などで表現していましたが、今回パワーアップ工事を行い、
画像を表示出来る様になりました。

まだ用意した画像は少ないですが、徐々に増やしていきたいと思います。

umaibo

原寸大のうまい棒が表示できたり。

frisk1

フリスクを表示させたり、

frisk2

回転させてフリスクの裏側を見たりも出来ます。

百聞は一見にしかずなので、こちらもご覧下さい。

↓↓↓↓↓↓↓↓↓↓↓

http://realscale.net/?width=59.2&height=124.4&length=8.97&shape=0&title=iPhone5c&texture0=texture%2Fiphone5c0.png&texture1=texture%2Fiphone5c1.png&texture2=texture%2Fiphone5c2.png&texture3=texture%2Fiphone5c3.png&texture4=texture%2Fiphone5c4.png&texture5=texture%2Fiphone5c5.png

 

以上です。では(^-^)/~

『原寸大・実物大』サービスがまた色々と取り上げられた件

標準

どーもー(^-^)/岡本です。

realscale_net

今回は、オカモトラボにて開発しました『モニター画面に正確な原寸大/実物大を表示』(http://realscale.net/)というウェブサービスに関する記事です。

 

このウェブサービスは、パソコンとかタブレット等のモニターに原寸大を表示するサービスです。

本来パソコンのモニターは大きさも様々で、そこに映し出される映像はモニターの大きさやパソコンの設定等により、大きく表示されたり小さく表示されていたり、大きさについては一定ではありません。

しかし、この『モニター画面に正確な原寸大/実物大を表示』を使用すれば、実寸大そのままの大きさをモニターに表示できます。

ネットショッピングなどで大きさが分からない時、モニター上で確認できるという便利なサービスです。

 

こちらのウェブサービスですが、サービス開始して1年半ほど経ち、ちょっと偉い方等からもお褒めの言葉を頂くんですが、新しくご紹介を頂いたり、話題にして頂いたりしていたので、それら反響をこちらでまとめて見ました。

ちなみに以前の反響まとめはこちら

 

CNET Japan様

realscale_cnet

[ウェブサービスレビュー]手に取る様にサイズが分かる –「モニター画面に正確な原寸大/実物大を表示」

http://japan.cnet.com/news/society/35068550/

 

すぐやる課様

realscale_suguyaruka

今タブレット探しているんだけど、サイズを実寸大で見れるサイトがめっちゃ役に立つ

http://okinawan66.blogspot.jp/2014/08/blog-post_12.html

 

 

あとツイッターでは神サイトと呼ばれていました。

 

うれしかったのでまとめてみました。

では。今回はこんな所で(^-^)/

プログラマ・SEが英語で海外へ問い合わせする時の文例

標準

どーも(^-^)/岡本です。

DSC_1747

僕はプログラムを作ったりもしますが、その関係で、英語で海外の会社に技術的な内容を問合わせる事もあります。

今まで僕が英語で問合せをした時の文例を、自分の備忘録もかねて、こちらでご紹介したいと思います。

注意して頂きたいのですが、僕のつたない英語力では、間違っている可能性が大いに考えられる事です。

しかし一応、先方には対応して頂いたので、 意図は伝わったのかなというレベルです。ご参考程度に見てください。

 

その1、サーバーのFTPとHTTPの接続が滅茶苦茶遅くなり、サーバー会社に問合せした時

このブログをはじめ、僕のウェブサイト、ウェブサービスは全てアメリカのサーバー会社に置いてあります。

これには色々とメリットがあるのですが、困るのは何かしら問題が発生した場合です。英語で問合せをしなければなりません。

これはサーバーの応答が非常に遅くなった時に問合せをした時の文章です。

To Whom It May Concern
(ご担当者様)

I am sending this email to request for the improvement.
(私は改善を要求するために、この電子メールを送信しています。)
The events that the server response of both HTTP and FTP gets slow and is unable to connect have been generated in the following time:

* Feb 20, 8:20 AM – 8:30 AM UTC
* Feb 21, 1:35 AM – 1:50 AM UTC
* May 18 3:40 AM UTC
* May 19, 0:45 AM UTC – present

I would be grateful if you could fix it as soon as possible.
(できるだけ早くそれを修正していただくと、私は感謝します。)

Yours faithfuly,
(敬具)

OKAMOTO Tomohiro

当時、接続が度々遅くなったり、接続出来なくなったりしていたので、遅くなった時刻をメモしていました。問合せの時にその時刻を伝えて、原因調査のヒントにならないかなと考えました。

ポイントは時刻を日本時間から協定世界時(UTC)に置き換えた事です。

「○時○分から●時●分まで接続が遅かったんだけど」って言っても、あちらの担当者さんは「それは日本時間?それともこちらの時間?」と分からなくなるかもしれません。

アメリカだと州ごとに時差がありますし、まあ日本時間(JST)ですって明記しても良いかも知れませんが、UTCの方が親切かなと思いました。ちなみにUTCに直すのは日本時間から9時間マイナスすればOKです。

あと日本だと24時間標記で「19時」という事も多いですが、アメリカだと12時間標記の方が一般的らしいので、AMとかPMを時刻の後ろにつけます。

また、日本のビジネスメールでも同じですが、なるべく結論から、簡潔に書いたほうがいいと思います。

この問合せの返事としては「サーバーは正常だからMTRの結果を送ってください」という感じでした。

MTRはサーバーまでのネットワーク経路を調べる事です。WinMTRというフリーソフトを使って、その結果を送りました。その時の文章が以下です。

Hi,

I appreciate for your advice.
(アドバイスに感謝します)

I ran the MTR with WinMTR around May 21, 3:00 AM UTC.
I feel the server response was still slow.
A result is following:

(MTRの結果は略)

Truly Yours,
(敬具)

OKAMOTO Tomohiro

そして、MTRの結果を送った返事は「また発生したら、もう一度教えてくれ」との事でした。サーバーが原因ではなく、経路上の問題みたいでした。それに対する返事がこちらです。

Hi,

Thank you for checking it for me.

I will let you know when it occurs again.
(再度発生したら教えます)

Regards,
(敬具)

OKAMOTO Tomohiro

ポイントは「教えます」が「tell」ではなく「let you know」となる事です。今知っている事を教える場合には「tell」ですが、今は知らないけど教える事は「let you know」となります。

その後、サーバーの応答が遅くなる事は発生していません。

 

その2、スマホアプリをマーケットに登録したら、スパムと判断されてしまい、異議申し立てを行った時

以前スマホアプリを開発し、マーケットに登録しました。しかしスパムであると判定されてしまいました。

スパムと判断された理由が「アプリの主な目的がアフィリエイトトラフィックのウェブサイトへの誘導」との事でした。そんなつもりは無かったので異議申し立てしました。

現在は日本語で異議申し立てを行う事が出来るようになったかも知れませんが、当時は英語だけでした。

Dear Sir or Madam:

I am sending this message to appeal that your spam determination to my application is wrong.
(私は私のアプリへのスパム判定が間違っていることを主張するためにこのメッセージを送信します。)

Please confirm the reasons below:
(以下の理由を確認してください。)

*My application has enough functions and contents volume, and the service is concluded inside the app.
(・私のアプリは十分な機能とコンテンツ量を有し、サービスはアプリ内で完結しています。)

*The link to my website inside the app is for credit. It is NOT the main purpose to drive users to my site.
(・アプリ内の私のサイトへのリンクはクレジットの為で、それは私のサイトにユーザーを誘導するのが主な目的ではありません。)

*I prepare the exclusive screen to display the credit. As long as users do not intend to display the credit screen, the link will not be displayed on the screen.
(・私はクレジットを表示する専用画面を用意し、ユーザーはクレジット画面を表示する意思を持たない限り、リンクは画面に表示されません。)

I would appreciate your consideration in this matter.
(この問題でご検討をいただければ幸いです。)

Yours faithfully,
(敬具)

OKAMOTO Tomohiro

「アプリの主な目的がアフィリエイトトラフィックのウェブサイトへの誘導」が考えられるのは「クレジット」画面に自サイトへリンクを張っていた事とだと考えました。上記の様に説明しましたが、結果として反論は聞き入れられず、アプリが復活する事はありませんでした(T_T)

このアプリは時間が経つとスタミナが溜まって、遊べるゲームアプリでした。時間が経っているかどうかを判断する為に、HTTPで自サーバーにアクセスして、時間を取りに行っていました。理由としては、スマホの時刻は時計を操作された場合分からなくなる為です。もしかしたら、そのHTTPアクセスの事がスパムを言われたのかも知れません。

それに後から気が付いたのですが、異議申し立ては1回のみ受付なので、後の祭りでした。

 

その3、サーバー上からファイルとデータベースが消失し、消失したファイルをアップロードしようとしても出来ない時

ある日突然、ブログ(WordPress)が正常に表示されなくなりました。調べて見た所、必要なファイルが無くなっていました。

自分で間違って消した可能性もありますが、深い階層でそんな所を見たり触ったりした記憶はありません。

自分のパソコンにファイルのバックアップがあったのでアップロードしようとしましたが出来ず、503エラーになりました。

そうこうしている内に、こんどはデータベースへのアクセスも出来なくなり、調べて見るとデータベースが消えていました。少し時間を置くとまたアクセス出来るようになったのですが、ブログは引き続き正常に表示されませんでした。

To Whom It May Concern
(ご担当者様)

I am sending this message to request for the investigation.
(調査を要求する為にこのメッセージを送っています)

Problems has occurred in my WordPress on Oct 30 UTC. The problems as follows:

* I couldn’t upload files with FTP in “ファイルのパス” and “ファイルのパス”.
I got “553 Error”

I thought files in “ファイルのパス” and “ファイルのパス” might have been lost.
So, I tried to upload files with FTP in “ファイルのパス” and “ファイルのパス”.

However, I couldn’t upload a file and I got “553 Error”.

I think permissions has no problems.

* The database “データベース名” disappeared around 8:20 AM UTC and appeared again at 8:38 AM UTC.

The database is currently running all right.
(データベースは現在問題ありません)

I would appreciate your consideration in this matter.

Regards,
(敬具)

OKAMOTO Tomohiro

自分の落ち度の可能性もあったのと、英文を考える事に時間が掛かり、問合せを行ったのは翌日になりました。

この問題はサーバー会社では結構な大事だったらしく、「気付いたら早めに連絡をくれ」という事を言われました。

しかし英語は苦手なので、文章作るのだけで時間かかりますからね。

 

 

また最後に、海外への問合せでは回答が貰えない事も多々発生します。回答がなければ催促してみるという事も必要かなと思いました。

今回はこんな所で。ではまた(^o^)/

『原寸大・実物大』のサイトが2つの検索ワードで1位表示される様になる

標準

どーも(^-^)/岡本です。

以前ウェブサービス『モニター画面に正確な原寸大/実物大を表示(http://realscale.net/)』を作成しました。

その『原寸大・実物大』がGoogleとYahooにおきまして「実物大」「実寸大」のキーワードで1位表示していただけるようになりました。

原寸大」というキーワードでも5位くらい。

realscale_rank1

「検索エンジン一括順位チェックツール ランキングチェッカー」様(http://broadentry.com/rankingchecker/)にて調べた結果がこちらです。

現在、検索エンジンは利用者に応じて、検索結果を最適化しています。

そのため、必ずしも同じ結果にならないかもしれません。

だいたいはこの順序らしいです。

realscale_rank2

ちなみに、別のチェックツール「順位チェックツール – SEOTOOLS」様(http://www.seotools.jp/002_rankcheck/)だとこんな感じです。

Googleだと『実物大』、『実寸大』では1位ですが、Yahooでは2位に。

固有名詞ではない一般名詞での上位表示は嬉しいです。

ありがたいですね。

この「原寸大・実物大」のサイトはツール系のサイトなのでサイトの特性上、一般的に言われている「検索結果の上位に表示させる対策(=SEO対策)」が出来ませんでした。

(一般的に言われているSEO対策は「キーワードを散りばめる」「情報量を増やす」「頻繁に更新していく」等です)

それなのに検索エンジンで上位表示される様になってきました。

もしかしたら、「キーワードを散りばめる」「情報量を増やす」「頻繁に更新していく」等は、あまり重視しなくても良いのかもしれません。

つまり、検索エンジン側もユーザーに役に立つ検索結果を提供したい筈です。

サイトを作る側がユーザーの役に立つ情報を提供するように努めれば、情報量が少なくて更新頻度が低いサイトでも上位表示を狙えるのかもしれないなあと思いました。

何かのご参考に。

マッシュアップアワードというコンテストに「原寸大・実物大」を応募した話

標準

どーも(^-^)/岡本です。

急に寒くなりましたが、皆様いかがお過ごしでしょうか。

以前、僕が作った「原寸大・実物大」(http://realscale.net/)を、マッシュアップアワードというプログラミング(?)コンテストに応募しました。

その後、1次審査を通過の連絡と、ヤフー株式会社様の「課題解決エンジン賞」を受賞したとの連絡を頂きました。

そして、2次審査のプレゼンテーションのためにまたまた東京に行ってきました。

ちなみに東京に行ったのはこれで3週連続(1回目の記事2回目の記事)です。

実は僕、昔多摩センター(↓)に住んでましたが、

tamacenter

多摩センターに住んでる時でさえ、こんな頻度で都心に行った事なんかありません。

とはいえ、大変ありがたい事です。

再び岡山から東京へ向かいます。

IMG_20141108_122703

今回も新幹線です。

1次審査通過の連絡が有ったのが前の週の土曜日でした。

土曜日から日曜日にかけて雑貨大賞で東京にいたのでプレゼンの準備は出来ず、更に平日は仕事だったので結局全然準備出来ていません

IMG_20141108_130411

新幹線の中でプレゼンの準備と、ブツブツと小さい声で練習をします。

幸い隣の席は空いていました。

プレゼンに際して「プレゼン用のノートパソコンは各自で用意してください」との事でした。

しかし僕はプログラマーなのにノートパソコン持ってないので、父の滅茶苦茶遅いネットブックを借りてきました。

パソコンがプレゼン中に動かなくならないか本気で心配です。

IMG_20141108_162726

なんとか新幹線の中でプレゼンの準備を終える事ができました。

会場の東京カルチャーカルチャーがあるお台場に到着です。

IMG_20141108_163418

迷いながらも会場に到着。

あれ?カーテンが閉まってるんですけど…。

恐る恐る開けてみます。

後で分かったのですが、僕みたいに、自分のプレゼン時間のギリギリに来たりする人は少なくて、皆さん最初から参加されていたみたいです。

IMG_20141108_173515

中はこんな感じでした。

皆さんの服装はカジュアルな感じです。

最初プレゼンをすると聞いた時に「“かぶりもの”か“きぐるみ”でも着て出ようかな」と漠然と思ってました。

しかし、Youtubeで何年か前のマッシュアップアワードを見た所、そんな感じではなく「あ、これふざけてたら怒られるやつだ」と思って、ネクタイを締めてきたのですが、そんな人は誰もいません。完全に浮いてます。

ツイッターで悲痛な叫びを上げる僕。

ustr

いよいよプレゼンで緊張しています。

プレゼンはカンペを読み上げるだけになってしまい、面白い事も出来ませんでした。

プレゼンの後、株式会社トヨタIT開発センターの方が来て下さいました。

その方によると、技術調査で「原寸大・実物大」を以前、見て下さっていて話題に上がったそうです。

そして、その「原寸大・実物大」を僕がプレゼンし始めたので、わざわざご挨拶をしてくださったとの事でした。

嬉しかったのでその場で「この話ブログ記事にしても良いですか」と聞いてしまいましたf(^-^;)

 

プレゼンが終了した後には、懇親会がありました。

持って来た名刺を全て配ってやろうと思いましたが、半分くらいしか配れませんでした。

名刺交換をさせていただいた方の中にニフティの方もいらっしゃいました。(会場の東京カルチャーカルチャーはニフティ様の運営)

「先々週、ニフティのデイリーポータルZの方々とお会いしました。()」という話もしました。

その方は「え!?」というリアクションでした。

ネタとして「鼻の穴皿」(↓)を持って行ってましたが、

IMGP3768

「原寸大・実物大」よりウケた気がします。

懇親会終了後、ホテルに帰ります。

実は、3週連続東京となりますと流石にお金がなくなってしまいました。

1回目はシティホテルで、2回目はビジネスホテル。3回目の今回はカプセルホテル(↓)です。

1415454049650

翌日は東京で買い物でもしようかなと思っていましたが、朝5時に目が覚めてしまいました。

店が開くのが10時だとすると、あと5時間待つのもなあ。と思い朝6時くらい品川発の新幹線で岡山に帰りました。

そして、今回ヤフー株式会社様の「課題解決エンジン賞」を頂いたので授賞式に出席するため、この10日後にもう一回東京に行きます。4回目(爆)

原寸大・実物大サイトに新しく印刷機能を付けた話

標準

どーも(^o^)/岡本です。

ちょっと前の話になりますが、僕のほうで運営しているウェブサービス『モニター画面上に正確な原寸大/実物大を表示』に新しい機能を付けました。

その新しい機能というのは、その大きさの箱の展開図が印刷できる機能です。

ボタン位置

サイトのこのボタンを押すと、表示されているのは5cm立法の大きさです。

展開図

この様に、PDFファイルが表示されます。このPDFを印刷して、組み立てると、

IMGP3511

この様に、実物大の箱を作る事が出来ます。

横に定規を置いてありますが、ちゃんと5cm立法の大きさになっています。

print

もし、大きさが実物大より小さくなってしまう場合には、Acrobat ReaderやAdobe Readerの印刷ダイアログボックスを開きます。

ページの拡大 / 縮小」を「なし」に変更してください。

あと同じダイアログで「実際のサイズ」を選びます。

PDF の用紙サイズに合わせて用紙を選択」にもチェックを入れてください。

便利な機能なので使って見て下さい。

ではまた。

『原寸大/実物大』が有名サイト様に相次いでご紹介頂いてた話

標準

どーも。(^-^)/岡本です。

正月休みに引き篭もって作成した『モニター画面に正確な原寸大/実物大を表示』というウェブサイトが、ここ数日アクセスが伸びてきているなあと思っていたところ、2つの有名ウェブ媒体様に、相次いでご紹介頂いていた様です。 続きを読む