,

スマホ用ページを作ろう(2)

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



投稿日

カテゴリー:

,

投稿者:


1回のみ
毎月

記事を気に入っていただけましたか?よろしければ、今後のSSK Worldの活動に向けてご支援をお願いいたします。

SSK Worldを「面白い!」と思っていただける方がありましたら、今後の当サイトの活動継続に向けて、ご支援をお願いいたします。

Choose an amount

¥100
¥500
¥1,000
¥500
¥1,000
¥2,000

Or enter a custom amount

¥

ご協力いただき、ありがとうございます。

ご協力いただき、ありがとうございます。

送金送金

コメント

コメントを残す

タグクラウド

2年縛り Amazon Android BESS Bluetooth CF-B5 CF-R2 CF-R4 CF-RZ4 CF-SV8 DIY iPhone LTE Movable Type Nintendo Switch NuAns NEO Reloaded SNS SSD Webサイト Webブラウザー Windows 10 Windows XP カメラ カーナビ クルマ ショップ ステップワゴンスパーダ スマートフォン バージョンアップ ブログ マラソン レッツノート ログハウス 中日ドラゴンズ 伊豆 倉庫 健康 写真 合唱 塗装 家族 携帯電話 旅行 日本プロ野球 映画 暮らし 東京 槇原敬之 浜松 無線LAN 省電力 自作PC 芝生 花壇 薪ストーブ 薪割り 記念日 野球 音楽 食べる