›スマホとタブレットへの対応を考えてみたが、しばらく必要がないとの結論に達したのでガラケーの対応に専念してみた2012-10-07スマホとタブレットへの対応を考えてみたが、しばらく必要がないとの結論に達したのでガラケーの対応に専念してみたこのブログのアクセス解析をしていると、様々なブラウザが使われてるのがわかります。最近の解析を見ればトップ10はこんな感じです。いった訳なのかChromeが一位。10以下以降もそれなりに興味深いデータが続いています。Browserや7位のSafari(in-app)。このあたりはスマホからだと思われます。SafariについてもiPadからの可能性もありますので(Chromeもその可能性が)、PC以外の環境での閲覧も段々と増えてきているようです。それからうちのブログの場合はガラケーネタをちょいちょい扱っている事もあり、ガラケーからのアクセスもそこそこあります。これがスマホネタなどの旬なものを記事にしていけばもっとアクセスは伸びるのでしょうが、生憎所持していないものでそこはどうしようもありません。ニッチな部分で地味にアクセスを集める記事を書いていければと思っています。TsutanoこのようにPC以外のデバイスからアクセスがあるという事は、それらの環境に対して少し対応を考える必要が出てきます。styleでガラケーに一瞬で対応させる事が可能です。設定が面倒なら何も考えずインストールして有効化するだけでも十分。Analyticsの設置)やアドセンスの設置も、上記のプラグインを利用すれば、とんでもなく簡単です。digitalrob70ただしこれはあくまでブログに限った話。いわゆる普通のウェブサイト(ホームページ)だと少し話が変わってきます。最近では、業務用サイトもWordPressで作成するようにしています。従って上述したようなプラグインを使えば、ただ単にウェブページを見せるという事だけであれば業務用サイトであろうがモバイル対応は可能。実際にWPtouchを使ってみるとわかりますが、ブログではない業務用のサイトとして使うのには少し無理があります。それはどうしても画面の幅が狭いのでコンテンツをメインにしてしまう為、サイドバーなどのナビゲーションが目立たなくなってしまうから。文字で表現するとわかりにくいかもしれませんが、実際に見ると理解しやすいと思います。そこでスマホでの閲覧に対応する為WPtouchを利用することは断念。なると残る方法は3つです。DetectorでアクセスをPCからとスマホからを振り分けそれぞれにあったテーマを見せるというやり方。詳しくはこちらの記事が参考になります。Detector」ということで、モバイル専用のWPテーマを探してみたんですが、やはりどれもブログに最適化されているものが多く、通常サイトとして使うのにはちょっとどうかなといったものばかり。それなりにカスタマイズすれば使えると思いますが、正直かなり手間がかかりそうな印象でした。当たり前ですが、ほぼ全部英語なのでそもそも商用で利用してもいいのかどうなのかを確認するのも一苦労です。複数のサイトをモバイル対応する事を念頭に置いていたので、あまりひとつひとつに手間や時間がかかるようではよろしくありません。そこでこの案はとりあせず却下する事にしました。レスポンシブデザインにするそれならば次に考えたのが、スマホ用だとかPC向けだとかいちいち考えなくても済むように全部を同じテーマで使い回せばいいんじゃないかという事で、今一番流行っているらしい「レスポンシブデザイン」を検討。レスポンシブデザインとはスマホ・タブレット・PCなどのように異なる画面サイズであっても単一のhtmlで対応できるデザインの事です。平たく言えば、画面の横幅に合わせて勝手に伸び縮みしたりカラムが回り込んだりしてうまい具合にやってくれるという代物。具体例としては、この辺↓でまとめてくれているサイトを、PCやスマホで見比べてみればわかります。W3QWordPressの場合、レスポンシブ対応のテーマは探すといくらでも無料のものがあります。よさそうなのを見つけて早速試してみたのですが、これも少し問題ありでした。しても行政書士などの業務用サイトを2カラムで作ると、サイドバーのリンクが多くなってしまい縦に長くなってきます。これがレスポンシブにメインコンテンツの下に潜り込む形になってしまうと、サイトそのものがひたすらとんでもなく縦長になりアクセサビリティが台無しです。上の記事↑に掲載されているようなレスポンシブなサイトでは、そのあたりは最初から計算されており、どれほど可変しようとも導線はちゃんと保たれたまま。あそこまで全体をまとめて作り上げる事が出来るのならいいのですが、さて自分がやってみるとなった時に同じように出来るかと言われればちょっと無理です。何より、思いついたら後から後から記事を付け足していくというスタイルをとってサイトを作成する為(そもそもその為のCMSなので)、最終的なサイトのボリュームがどうなるのかは自分でもわからない状態。そんな訳なので設計図のきっちりしたサイトを作るのはほぼ不可能なのです。加えてもうひとつ考えたのが、サイトの重さについて。レスポンシブデザインのウェブサイトでは、PCでの閲覧でもスマホでの閲覧でも、ダウンロードするデータの量は同じです。回線のしっかりしているPC環境であれば普通に表示されていても、回線の不安定なスマホやタブレットなどでは表示にかかるスピードが変わってきます。ここで思い浮かんだのが、同じファイルがダウンロードされるのであれば、別に見え方もPCと同じで構わないのではないかという事。レスポンシブにした結果、縦長になってしまうぐらいならPCと同じ見え方の方がアクセサビリティは保たれるのではないでしょうか。フリックでいくらでも画面の拡大・縮小、遷移が可能なので、サイトの見たい部分を見るにはそこまで問題ないはずです。特別対応せずPCで見るままの画面を見てもらうそんなこんなを考えていて、結局スマホやタブレットには対応しない事にしました。PCと同じように閲覧してもらえばいいかなと思います。スマホからのアクセスがとんでもない量になってくれば再考するという事で。なると、唯一対応しなければいけないのはガラケーのみです。styleのテンプレートを入手して、シミュレーターを見つつ改造。NTTドコモかなり簡素な感じに出来上がりましたがガラケーへの対応は完了。これから先ガラケーは減っていく一方な気がするので、この労力もどうなんだろうという感じです。Google+ページを作成したので自動でWordPressの更新が反映されるように設定してみた。榎田(エノキダ)といいます。ひとみ綜合法務事務所の代表行政書士やっています。ノート100YEN.com.。