先週から思い立って作業を始めた、SSK Worldのスマートフォン向けページの作成なんですが、1週間も経たないうちに、既にページ自体の作成はほぼ終了しています。思っていた以上に速いペースで出来ましたね。これもひとえにjQuery Mobileの用意してくれた様々な機能のおかげです。
例えば、jQuery Mobileでは、普通のリンクに「data-role="button"」と属性をひとつ追加するだけで、スマートフォン向けらしい大きなボタンにすることが出来ます。また、他のフォーム部品もスマートフォンで操作しやすいようなカスタムメイドのものに切り替わります。インターフェースについては至れり尽くせりで、ほとんど手間はかかりません。
また、一つのファイルの中に複数のページを記述して、アンカータグを利用してAjaxで読み込む仕組みも用意されています。ページあたりの容量に厳しい制約があった携帯電話用ページとは異なり、実質的にパソコン用と同等のページを扱えて、相当に速い通信環境も用意されているスマートフォン用ブラウザを使う場合、通信が不安定な場合に備えて、この機能を使って複数のページを一気に読み込んでしまう…という方法を採るのが有利です。
SSK Worldでもこの手法は積極的に活用していますが、大量のデータを書き出さなくてはならないため、もともと分量が多いPHPの処理時間も含めて少々「重たい」ページになっています。試しに動かしてみたところ、意外に待ち時間が短く済んでいるので、とりあえずはこのまま行ってみる予定ですが、場合によってはもう少し処理の最適化が必要かも知れません。
あとは、コメント投稿などのごく一部の機能の実装の他、ブラウザ環境を判別して自動的にページ振り分けを行うためのプログラミングが残ります。ページの自動振り分けはどのように動作させるべきか迷っている部分もありますが、基本的にはそれほどややこしいプログラムではありません。振り分け部分が完成したら、皆さんにβ版として公開しようと思っています。…まあ、そんなにお待たせしないと思いますよ。
投稿者:
タグ:
コメントを残す