Webアプリ「Get 1500」をスマホ対応するよう更新をしました。 : ういすぷの記録帳

先日更新したWebアプリ「Get 1500」をスマホ対応（スマホで快適に見られる）しました。

□ 対応前のiPod touchで表示した画面

□ 対応後のiPod touchで表示した画面


リンクなどは、セレクトメニューから選択出来るようにしました。ただし、iPod touchでのみテストしたので、他のデバイスでは上手く表示出来るか不明です。

□ ページのセレクト

□ ハッシュタグのセレクト



制作途中に一つだけ気になる点がでました。それは、ユーザによる拡大、縮小をさせるかどうかの設定です。この値は、META viewport の content="" の値に「user-scalable=yes」または「user-scalable=no」と指定するのですが、「user-scalable=yes」としても、拡大縮小が出来ないのです。こういう物なのでしょうか。

なんだか、色々面倒そうな罠にはまりそうです。
ひとまず、勉強がてらに公開です。


□ おまけ、スマホ用のメタ
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=yes" />

□ メタタグの仕様について
下記サイトがわかりやすいです。
スマートフォンのための viewport について

□ 関連記事
・Webアプリ「Get 1500」の更新をしました。
・Get 1500
・Twitterのツイート記事を1500までさかのぼれる。Get1500
・Twitter - Get 1500でTwitter公式の東北地方太平洋沖地震の情報を共有するハッシュタグに対応しました。
・Twitter - Get 1500 にて、RTが付くツイートを検索対象外としました。