Kenji Sugimoto: 2014年1月アーカイブ

56

[iPhoneアプリ]今こそ乗り換えるべきiOS7/フラットデザイン対応のQRコードリーダー

img_140118_01.png


iOS7に対応したシンプルで使いやすいQRコードリーダーをリリースしました。
たくさんのQRアプリがありますが、もしAppleが純正のQRリーダー機能を付けたら、どう実装されるかを意識しています。UIは当たり前ですがiOS7に対応させ、読み込んだQRをSafariでもChromeでも選べるようにしましています。

特徴としては、

■徹底的にシンプル
アプリ起動と共にカメラが起動し、印刷されたQRコードや画面上に表示されたQRコードを瞬時に読み取り、内蔵ブラウザで表示します。

■履歴機能
直感的に分かりやすいスクリーンショットの履歴ページを用意いたしました。

■お気に入りのブラウザの選択
SafariやChrome、みなさんそれぞれの好みでメインブラウザを決めていると思います。QR Readerは内蔵ブラウザからsafariとchromeを起動して確認することもできます。

img_140118_01.png

55

ソーシャルゲーム(GREE/Mobage/Ameba)スマホサイトをPC/パソコンでプレイする為にUser Agentを設定する方法

ソーシャルゲームをやるときは大体スマートフォンで遊ぶ事になっていますが、GREE、Mobage、Amebaのゲームはまだ大半がブラウザゲームなのでもちろんPCでも設定をすれば遊ぶ事ができます。今回はChromeブラウザの設定になります。

[STEP.0]
見たいページを開きます


[STEP.1]
メニューからデベロッパーツールを選択

img_140103_01.png

ツール > デベロッパーツールで選択します。



[STEP.2]

ブラウザ下に表示されたデベロッパーツールの右下のネジアイコンを選択

img_140103_02.png
※新しいChrome(2014/2/10以降にアップデートした方)は、
ネジアイコンの左にある
>≡
↑このアイコンを押して表示されるEmulationタブをクリックしてください。


[STEP.3]
SettingsのOverridesで設定する

img_140103_03.png

設定する内容は、

  • [ √ ]Enable
  • [ √ ]User Agent (iPhone か Chrome-Android)
  • [ √ ]Device metrics(Screen resolution:320 x 480)
    ↑単なる表示画面サイズなのでモニタのサイズに合わせて設定してください。
  • [ √ ]Emulate touch events


[STEP.4]
そのまま更新すると、スマホサイトが表示されます。


(※クリックしても進まない時は...)

ゲームの作り方によっては、タップしたイベントを、Clickで取得している場合と、Touchで取得している場合があります。これは作る側でバラバラなので、何度もクリックしても進まない事があります。

この場合は、[STEP.3]で設定したOverridesの中に「Emulate touch events」があるので、これを切り替えると認識されます。