制作レポートのスマホ対応状況

-実は対応しているみかん魚のスマートフォン対応状況あれこれ- sumaho07.jpg

知っている人は知っているだろうがこのブログにはスマホに対応させていて、iphoneやandroid携帯などでこの制作レポートを見るとPCで見たときと違った外観で見ることができる。 今回はそのスマホ専用ページを少しずつ調整していっているのでそのへんの話を少々。

最近になって一番目に付くスクロールするとついてくる広告が消せることを知ったので少しは見やすくなっているとおもう。 スマホがあればいつでもどこでも(電波とバッテリーが大丈夫なら)このブログを見ることができる。まぁ何かのメモ代わりに使うには便利かもしれない。

それでもまだまだ不十分なところがあるのであくまでも試験的なものと考えるといいだろうか。仮に画面は3世代目のipod touchのもの。

スマホ、PC両対応を想定


sumaho02.jpg

 このブログ、何か幅が狭くないか?と感じるのは気のせいではなく、もともとスマートフォンでもPCでも両方で見れるように想定して作られて、記事の幅が狭くなっている。まぁみんながみんなフルHDのディスプレイで視聴しているわけではないので臨機応変に対応させたいと考えた結果である。

テンプレートは自作ではなく、FC2共有テンプレートにあるPlatinumcolor様のcustom_blackを使用させていただいている。スマホのテンプレートはヘッダー画像などを少しいじっているが、それ以外はほとんどいじっていないのでだいたいそのままだ。

sumaho10.jpg <sumaho11.jpg

”スマホで見てもPCで見ても違和感なく見ることができる”とはいかないが、それでも見やすくはこころがけているのでストレスなく読めるようにはなっているだろう。 仮に画像には極力拡大表示などリンクをつけないようにしている。

理由はタッチパネルでスクロールさせやすいように画像のリンクで画面を占有させないようにしていることと、容量を少なくして負荷を軽くするためだ(実はあんまり意識していない) 画像は幅450pxという制限を設けている。

以下未対応な部分


- IOSはFLASH未対応 -

sumaho13.jpg

iphone や ipodtouch などのアップルの端末ではFLASHが未対応なようで例えばFLASHを使用したmp3プレーヤーが再生できないなんてことがある。(ファッ○ンジョ○ズ!)

- ブラウザ上では動画再生不可 -

sumaho15.jpg sumaho14.jpg

 またブラウザ上でYOUTUBEやニコニコ動画はスマホのスペックの関係だろうか、だいたいが再生できないようだ。みかん魚のipod touchでは再生ボタンをおすと読み込みが始まったそぶりを見せるがいつまでたっても始まることはない。

まぁこれは端末によって対応状況が違うかもしれないが、基本的にはスマホでブラウザ上での動画再生はおすすめしない。 以下このブログでは画像を大量に使っているために3G回線では重いのではないかという懸念もある。


sumaho12.jpg

 といった具合にところどころ不完全な部分はあるが、メインの制作したレポート記事に関しては読みやすく調整はしておくのでふと何かを確認したいときなどにiphoneやアンドロイド携帯でこのブログを利用してみるのもいいかもしれない。

まだ未確定事項だが、そのうちにandroidを想定して何かを作っていく予定なので楽しみに待ってくれるとありがたい。 では今回はここまでにしておこう。

それでは、またの機会に…


The following two tabs change content below.
みかん魚

みかん魚

みかん魚は仄暗い水の底から這い上がってきたインスマス面の魚っぽい人、ポ○ョじゃないよ。好きな食べ物はサーモンのお刺身。あとここの管理人です。

コメントを残す

名前、メールアドレス、ウェブサイト欄の項目は必須ではありません。名前欄を空欄のまま投稿にするとデフォルトネーム(名無し)が設定されます。


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>