オンライフモバイルの開発で役立った情報源やライブラリのまとめ

本日、株式会社ヨセミテにて提供中のみんなの闘病サイト オンライフのモバイル版がオープンしました。

22a7137f

僕自身、ログインやフォーム送信などの機能を備えたモバイルサイトの本格的な開発は初めてだったので、多くの情報源やライブラリに助けられました。その中でも特に役立ったものを紹介します。

モダンなモバイル開発のススメ (PHP編)

mobile01

ゆどうふ氏による最近のモバイル開発事情と利用ライブラリのまとめ。ライブラリはPHPですが事情説明は共通ですので、PHPな人もそうでない人もぜひ。

PHP×携帯サイト デベロッパーズバイブル

PHP×携帯サイト デベロッパーズバイブル
PHP×携帯サイト デベロッパーズバイブル
このサイトから - が購入しました
全体で -人 がクリック

posted with amazlet at 09.03.23
荒木 稔
ソフトバンククリエイティブ
売り上げランキング: 2718
おすすめ度の平均: 4.0

5 デコメと位置情報がためになりました
5 実践的に使える携帯サイト開発の本です

memokami氏の著書。よくぞここまで...といった内容と、章ごとの「ゴール設定」の構成がすごくわかりやすかったです。PCサイト作りは慣れてるけどケータイサイト作りが初めて、という人にはぴったりかと。絵文字コード表も、絵文字の実装時のバイナリチェックに便利です。

HTML_CSS_Mobile

-lang-php-HTML_CSS_Mobile-trunk – CodeRepos--Share – Trac

ゆどうふ氏によるPHPのライブラリ。3大キャリアのうち、ドコモだけが外部CSSに対応していない状況を吸収します。具体的には、指定したCSS(&内部参照のstyle要素のスタイル)をHTMLのstyle属性値に設定&追記します。これが無かったら大変でした。要PEAR::HTML_CSS

以前はtoInlineCSSDoCoMoという名前だったようです。

MobilePictogramConverter

MobilePictogramConverter 絵文字変換ライブラリ

ryster氏による3キャリア対応の絵文字変換ライブラリ(PHP)。オンライフモバイルは現在、絵文字の入力には対応していませんが、入力された絵文字を除去するために利用しています。

PEAR::Net_UserAgent_Mobile

Net_UserAgent_Mobile

PHPでは定番の携帯キャリア/機種判別、画面サイズ取得他のPEARライブラリです。

FireMobileSimulator

FireMobileSimulator-Sample

最後に紹介するのはツールですが、モダンなモバイル開発のススメでも「開発者はこれさえあればOK(デザイン確認は実機だし)」とのことなのでご紹介。

FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。

thorikawa氏によるFirefoxの拡張機能です。FirefoxからユニークIdの送出に利用しました。絵文字も表示可能です。

以上、他にも沢山のサイトを参考にさせていただきました。情報の囲い込みになりがちなケータイサイト開発のバッドノウハウを公開していただき、本当にありがとうございました。

コメント / トラックバック

コメント / トラックバック 1 件

  1. [...] あきやんさんも(絵文字除去に)採用していたりしている [...]