ｹｲﾀｲ版 ありのごとくあつまりて

※このページは 携帯向け です。 このメッセージが表示されている場合は、PC版 記事 もしくは ｽﾏﾎ版 記事 への移動をお願いします。
ｹｲﾀｲ版 では一部の画像が表示されなかったり、ﾚｲｱｳﾄが崩れて表示される場合などがあります。

2011/09/10 
ブログカスタマイズ上級

FC2ブログを スマートフォン（iPhone， Android， Windows Mobile 等） 及び iPod touch から閲覧する時に適応される テンプレート、これをカスタマイズ出来るようになりました！ 2011年8月30日頃〜 一部サーバーで導入， 2011年9月7日 公式アナウンス 有り

でも、「iPhone とか持ってないし...」 という方も多いですよね。 私も持っていないので 殆どが手探りの状態ですが、スマートフォンを持っていなくてもプレビューすることは可能ですので、その方法をいくつか紹介します。

http://arinogotokuatumarite.blog19.fc2.com/?no=175&sp

まず、知りたいのは 今どんな見え方になっているかですよね。 現在FC2ブログで用意されている スマホ用公式テンプレートは 2種類あるのですが...

追記 （2012/04/24） ：
今は 公式・共有で100種類以上の スマートフォン用テンプレート が使えるようになっています。

• 「basic_blue」（デフォルト）
• 「basic_black」

IE や Sleipnir 等 （Trident エンジン） のブラウザでは 確認できない CSS設定 がいくつか入っています。

また、それ以外のブラウザでも （カスタマイズしない状態では） 各所のリンクをクリックすると パソコンでの表示に戻ってしまうので、色々と不都合があります。 （※カスタマイズすれば、辿りやすいリンクに変更も可能）

と、いう訳で...

iPhone表示は、ブラウザ『Safari』で比較的近い確認できると思います。ブラウザメニューの設定→詳細→開発表示チェック。メニューの開発→ユーザエージェント（iPhone）。ウインドウ狭める。 http://www.apple.com/jp/safari/
http://twitter.com/paroday/status/108564599934173184

と、Paroday（@paroday）さん から教えて頂いたので、早速 Safari（Windows版）をダウンロード。 以下の手順で設定しました。 簡単です^^

最初に 1〜3 の設定をしたら、後は 4 のアイコン → 開発 → ユーザエージェント → Safari iOS 4.3.3 - iPhone を選択 （メニューの 開発 からでも同様） でOKです。

これで見ると、FC2ブログの広告表示 や 「スマートフォン版テンプレート」 から 「パソコン版テンプレート」 に切り替えた時の表示なども 実際に近い状態でページが辿れ、表示確認 ができます。 公式テンプレートのままでは ちょっと問題がある ということにも気付くかも。。 使いやすく修正してみたり、アクセス解析のタグ を入れたり... 今後はいくらでもできますね！ カスタマイズに関しては また別の記事にまとめます。。。

Safari（横幅）を 限界まで小さくすると、丁度 320px になります。 iPhone の ディスプレイ解像度 は 3.5インチサイズで 480×320ピクセル （上のSafariの画像は 横320px）です。 手軽に サイズを合わせられるのも便利ですよ。

ちなみに... 最初の画像にある 「パソコンから iPhone での表示（みたいな）テストが出来る」 iPhone 3G/4G tester はちょっとクセがあって、スマホ用アドレス のままでは テスト出来ません。。 短縮アドレス なら確認できるので、パラメータを省略しているからかな と思います。
http://arinogotokuatumarite.blog19.fc2.com/?sp　等を一旦短縮すれば使えます。

スマートフォン各OS で使われるブラウザは、実際には色々あります。 なので、ここで紹介した方法は あくまでも「疑似（それっぽい表示）」です。

そもそも、「スマートフォンって何？ ドコモの Xperia が Android 携帯 ってことは知っているけど、他の機種はよく知らない」 というレベルだった私。。 アクセス解析などを元に Android の携帯機種 を調べてみましたが、色々あり過ぎて調べきれない。。。

という訳で、以下はそれをまとめてあったサイトから引用させていただきました。
これほど多いとさすがに把握しきれないですね。

docomo
Android搭載端末一覧！〜NTTドコモ編〜 | andronavi (アンドロナビ)
Xperia ray SO-03C｜MEDIAS WP N-06C｜Xperia acro SO-02C｜GALAXY S II SC-02C｜P-07C｜F-12C｜AQUOS PHONE f SH-13C｜Optimus bright L-07C｜AQUOS PHONE SH-12C｜Xperia arc SO-01C｜MEDIAS N-04C｜Optimus chat｜REGZA Phone｜LYNX 3D｜GALAXY S｜LYNX｜Xperia｜HT-03A

au
Android搭載端末一覧！〜au編〜 | andronavi (アンドロナビ)
MIRACH IS11PT｜Xperia acro IS11S｜INFOBAR A01｜G’zOne IS11CA｜AQUOS PHONE IS11SH｜AQUOS PHONE IS12SH｜REGZA Phone IS11T｜htc EVO WiMAX ISW11HT｜SIRIUSα IS06｜IS05｜REGZA Phone IS04｜IS03｜IS01

SoftBank
Android搭載端末一覧！〜ソフトバンクモバイル編〜 | andronavi (アンドロナビ)
Vision 007HW｜Yahoo! Phone 009SH Y｜007SH KT｜AQUOS PHONE THE PREMIUM 009SH｜シンプルスマートフォン 008Z｜AQUOS PHONE THE HYBRID 007SH J｜Sweety 003P｜AQUOS PHONE THE HYBRID 007SH｜AQUOS PHONE 006SH｜GALAPAGOS 005SH｜DM009SH｜Libero｜DELL Streak｜GALAPAGOS 003SH｜HTC Desire HD｜Desire｜SoftBank 004HW