Tag Archives: ブラウザ

WordPressを携帯電話対応サイトにする

携帯電話でウェブを参照するユーザーは、けして少なくない。 「WordPress」は、プラグインの導入によって、簡単に携帯電話向けに簡略化されたテーマでの表示が可能になるので、ぜひ、携帯電話に対応させたいところだ。 しかし、一口に携帯電話と言っても様々な種類があり、標準搭載されているブラウザの機能も様々である。 場合によっては別のブラウザを追加インストールしている可能性もある。 携帯電話の場合もPCと同様にその環境は複雑であり、一括りに考えることは出来ない。 ゲーム機などの携帯端末まで考慮すると更に複雑になる。 PCサイトの参照を目的としたフルブラウザで参照しているユーザーに対して、携帯電話向けの簡略されたテーマで表示することが、果たして親切なのか?それともパフォーマンスに優れた携帯電話向けのテーマで表示することが親切なのか? 色々と考え始めるキリがないが、幸いそこまで高度な設定が可能なプラグインを私は知らないので、もう少し、シンプルに考える。 とは言え、かなり複雑である。 基本的には、搭載されている、もしくは使用している可能性があるブラウザによって分類する必要がある。 以下、主な携帯端末のブラウザを分類した。 NTTドコモ iモード iモードブラウザ au Ezweb PCサイトビューアー ソフトバンク Yahoo!ケータイ PCサイトブラウザ ウィルコム Opera NetFront Opera(フルブラウザ) NetFront(フルブラウザ) イー・モバイル NetFornt NetFront(フルブラウザ) Apple Mobile Safari(AppleWebKit系、iPhone、iPad、iPodに搭載) Windows Mobile IE系 NetFront Android AppleWebKit系 BlackBerry ブラウザ不明 Palm OS AppleWebKit系 Symbian OS(ノキアなど) UIQ搭載ブラウザ S60搭載ブラウザ(AppleWebKit系) 任天堂 DS(Opera系?) ソニー PSP その他 Opera Mini 携帯電話への対応は、プラグインで簡単に実現出来るが、一番の問題は、実際に、どの端末で携帯電話用テーマを使って表示されるかの確認である。 ユーザーエージェントを偽装できる「FireFox」のアドオン「User Agent Switcher」や「Google Chrome」のエクステンション「User-Agent Switcher for Chrome」を用いれば、レイアウトの確認までは無理としても、携帯用テーマで表示されるか否かの確認は出来る。 使用する前に、「Options」で、ユーザーエージェントを設置する必要があるが、携帯端末のユーザーエージェントは、「ユーザーエージェント – Wikipedia」「userAgent一覧-ユーザーエージェント一覧」で確認出来る。 追記 携帯電話のブラウザをシュミレーションするFireFox用プラグイン「FireMobileSimulator」が「FireFox4」対応となった。 対応機種は限られるが、こちらの方が実際に近い画面を確認できる。端末の情報さえ得られれば、自身で機種を追加することも可能。 以下、「WordPress」を携帯電話対応にするためのプラグインを紹介する。 ・WPtouch 1.9.25 「WPtouch」は、「WordPress」に標準でインストールされているプラグインで、iPhone、iPod touch、Android、Blackberry Storm、Blackberry Torch、Palm Preやその他タッチタイプパネルの携帯端末を自動的に判別し、専用のテーマでの表示を行う。 Blackberryがリストにあるが、全てのモデルが対象ではない。 ユーザーエージェントを偽装したテストの結果では、対応リストにはないものの、iPadにも対応している様に思われる。 あくまで特定の携帯端末が対象で、日本のものを含めて、一般的な携帯電話には対応していないので、後で述べる「Ktai Style」と併用すると良い。 標準のテーマは、iPhoneアプリを意識したデザインで、見た目も悪くない。 日本語にも対応しており、「Regionalization Settings」を「Japanese」に変更すれば、日本語テーマでの表示になる。 コメントシステムの「DISQUS」にも対応している。 基本的に有効化するだけで使えるが、メールアドレスを公開したくないなら設定で「Enable Email Menu Item (Uses default WordPress admin e-mail)」のチェックを外して置くこと。 設定の「Adsense」に「Adsense ID」を設定できる。 ※「Adsense ID」は、「Adsense」の管理画面右上に表示される「pub」で始まるコード。 「Google Analytics」でアクセス解析を行う場合は、PC用のテーマとは別に、対応が必要。 「Stats & Custom Code」で、「Google Analytics」のトラッキングコードを設定出来るが、携帯電話用のトラッキングコードが設定出来る訳ではない。 ・WordPress Mobile Pack 1.2.4 「WordPress Mobile Pack」は、殆どの携帯端末での表示に対応している。 … 続きを読む →

Posted in WordPress, ネット・PC | Tagged , , , , , , , , , , , | 1 Comment

IE9、Firefox4の登場で、高速ブラウザが揃い踏み

3/15に「Internet Explorer 9」、3/22に「Firefox 4」がリリースされ、主要ブラウザは、全て描画が高速なタイプになった。 ※IE9 日本語版のリリースは、地震を配慮して延期されている。 描画の速さでは「Google Chrome 10」が、一歩先をゆく感じだったが、「IE9」と「Firefox4」がリリースされたことで、シェア争いも激化しそうだ。 では一体、どのブラウザが高速化ということに興味があるかもしれないが、ベンチマークの結果は、他でも公開されているので、そちらを見て欲しい。 そもそも、使うツールによってベンチマークの結果は異なるし、実際の使用に近い負荷テストがされているとは限らない。 以下、主要なブラウザ用ベンチマークを紹介しておく。 Kraken JavaScript Benchmark SunSpider JavaScript Benchmark V8 Benchmark Suite Revisions Peacekeeper 個人的にも、管理下のサイトの表示を確認するために「IE 9」、「Firefox 4」、「Google Chrome 10」、「Safari 5 Win版」、「Opera 11」をインストールして使っているが、パフォーマンスという意味では「IE9」、「Firefox4」、「Google Chrome10」の差は大きくないと思っている。 「Google Chrome」と同じ、レンダリングエンジン「AppleWebKit」を採用している「Safari5」も、パーフォーマンス面では、「Google Chrome」に劣るものの、かなり速い。 「Opera11」に対しても、かなり速い印象を持ってはいるが、「Safari5」同様に、サイトの表示を確認する目的以外に使用しないので、体感的に、どの程度かと言われると判断が難しい。 パフォーマンスという意味では、「IE9」、「Firefox4」、「Google Chrome10」のいずれを選んでも損はないだろう。(勿論、「Safari5」、「Opera11」という選択肢も間違いではない。) 「Firefox4」は、やや起動にもたつく感があるが、許容の範囲だ。 また、今回のバージョンアップで、標準の設定では「IE9」、「Firefox4」共に「Google Chrome」のようにシンプルなナビゲーションインターフェースを採用している。 液晶モニタが主流になってからは、かなり横長のアスペクト比の画面で作業をすることが多くなっているが、この場合、横には広く使えるが、縦が狭い。 しかし、アプリケーションの多くは、縦に見るタイプだ。 ブラウザに限らず、メニューで場所をとってしまうと、メインの表示領域や作業領域がその分狭くなってしまう。 そう言った事を考慮すると、シンプルなナビゲーションは、当然の流れという事になるが、容易にユーザーに受け入れられるかは疑問の余地がある。 実際、シンプルなナビゲーションを逸早く採用し、高速な表示で知られる「Google Chrome」は、急速にシェアを伸ばしたが、IEやFirefoxに迫る程のシェアは獲得してない。 私は、大きな液晶を持つモデルではあるが、ノートパソコンをメインに使っている。 そう言った環境では、「Google Chrome」は、サイトが見やすいと感じたのも事実だ。 とは言え、シンプルなナビゲーションは、1つ流れであるので、これを嫌うユーザーは、ナビゲーションのカスタマイズ性でブラウザを選ぶ事になると思う。 ・Internet Explorer 9 実は、現在も過去もIEが、私のメインブラウザである。 世界中の殆どのサイトは、まず第一にIEにおいての表示を考慮した設計なので、そう言った意味で一日の長があった。 IE9になって、ナビゲーションが大きく変わり、アドレスバー、タブ、アイコンが一列で表示されている。 検索バーは無くなり、アドレスバーがそれを兼ねている。 上に無駄なスペースがあるように見えるが、実際には、他のブラウザと比べても省スペースなデザインで、表示領域を広く取っている。 起動も速く、描画は高速で、パフォーマンス面では、「Firefox4」、「Google Chrome10」と遜色ない。 私のようにIEをメインに使っていた者にとっては、「IE9」は救世主になるだろう。 しかし、1つ残念なことに「Windows XP版」はリリースされない。「Windows Vista」、「Windows 7」ユーザーのみが、その恩恵を受ける事が出来る。 「ALT」キーを押すとメニューが表示されるので、メニューからナビゲーションをカスタマイズし、旧来のインターフェースに近づける事も可能。 ・Firefox 4 Firefoxもナビゲーションが大きく変わった。 アドレスバーの上にタブを配置し、「Google Chrome」に近いレイアウトになっている。(それ以上に「Opera11」に酷似しているが・・・。) 大きな違いは、検索バーがある事と、最上段にメニューにアクセスするアイコンを配している点だ。 「IE9」や「Google Chrome10」と比較すると、起動が遅い印象があるが、全体のパフォーマンスとしては遜色なく、高速である。 「IE9」、特に「Google Chrome10」の大きな違いは、ナビゲーションのカスタマイズ性の高さだ。 自由度が高く、様々なユーザーの要求に応えるられるナビゲーションを提供してくれるだろう。 個人的には「Firefox」を積極的に使う理由は、「Firebug」と言うアドオンのためだった。 機能は劣るが「Google Chrome」にも同等の「Firebug Lite for Google Chrome」がある事を最近知ったので、サブブラウザとして使っている「Google Chrome」に一本化しようと思っていたが、「Firefox4」は、考えを改めさせるに十分な機能を秘めている。 ・Google Chrome 10 「IE9」と「Firefox4」が登場する以前は、高速な描画のブラウザと言えば「Google Chrome」だった。 私の体感では、パフォーマンス面においては、今現在も「Google Chrome」に一日の長があるように感じる。 しかし、その差は特筆するようなレベルではない。 私は、「Google Chrome」をサブブラウザとして使っている。 特定の作業は、全て「Google Chrome」で行っているので、使用頻度も、そう低くはない。 正直、最初はインターフェースに戸惑ったが、慣れてしまえば全く問題はない。 インターフェースのカスタマイズ性は高くないが、ある程度、使いやすい環境は構築できる。 何よりも、他のブラウザと比べて少し、表示領域が広くなっただけで、随分と見やすく感じたものだった。 ツールバーもインストールしてるが、必要に応じて表示するタイプなので、無駄に表示領域を侵食することもない。 「テーマ」という形でスキンも提供されているが、私にとっては、背景は白地が一番なので使ってない。 ・Safari 5(Win版) Safariは、Windowsユーザーにとってはマイナーブラウザーであるかもしれないが、Macユーザーに支えられて、一定のシェアを確保している。 Windows版も提供されており、iPhoneやiPadにも、専用にチューンしたものが搭載されている。 描画も遅くなく、パフォーマンス面は悪くないし、使い勝手も、悪くないが、個人的にはあまり好きにはなれない。 何が、嫌なのか説明するのが難しいが、1つ言えるのは、タブの操作性が今1つで、空の新しいタブを開いたりする操作が面倒だ。 ナビゲーションは、アドレスバーとブックマークバー、タブの3列に見えるが、実際には、複数のタブを開いた場合のみ、タブが表示される。 ブックマークバーを非表示にすれば、他のブラウザと大差ないレイアウトだ。 … 続きを読む →

Posted in ネット・PC | Tagged , , , , , , | Leave a comment