スマートフォン

[フロントエンド] スマホサイトの表示幅調整

現在の仕事はソシャゲ開発をやってるわけで、当然時代の流れに沿ってスマホ対応もあります。
開発してるのはWebアプリなのでiPhoneとAndroidでソース統一できるんですけど、Androidは意外と曲者がいたりしてやっかいです。
先日Android用のFlashプラグインも配布が終ってしまってFlash再生不可な機種もでてきましたし。
Androidも3.0からSVGに対応したようなので、早くSVGの普及が進んで欲しいところです。

今回はGALAXY Nexusなどの機種で下記のようにおなじみのviewportを指定しているにも関わらず、画面いっぱいに表示されない件について。

<meta name="viewport" content="width=320, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

続きを読む

[JavaScript] スマホでシングルタップのレスポンスを向上させるjQueryプラグイン

スマホ(スマートフォン)ではWebページのリンクがタップしてからページ移動を開始するまでやや遅く感じることが多い。
調べてみるとスマホ上では、タップしてからクリックイベントが発生するまで約300msの遅延が発生しているとのこと。

そこでtouchstart/touchendイベントを利用してシングルタップを高速に判定するjQueryプラグインを作ってみた。
続きを読む