2007/10/27 PiF 勉強会

初めましての人も、そうじゃないひともこんにちわ。
福岡でWeb制作を生業にしてる金内 透（かねうち とおる）といいます。
今日は「UserAgentで携帯の分岐処理」を勉強会のテーマにしました。

ブログはこちら。→我流天性 - がらくた屋

※このスライドはブログエントリー「User Agent Switcher の携帯用のXML」から公開しています。

その前に

すごく個人的な事

• 個人サイト「FDS:福岡ダンスステージ」が昨日で7周年になりました。
• PC版と携帯版も両方運営してました。
• 機種判別にはいつも泣かされてました。
• Vodafoneは鬼門

おおまかな流れ予定

1. PHPで簡単に分岐処理
2. 携帯開発には欠かせないNet_UserAgent_Mobileを使ってみる
3. Net_UserAgent_Mobileをもうちょい使ってみる
4. FirefoxでUserAgentを切り替えて効率UP
5. Net_UserAgent_Mobileで出来ない事
6. 携帯で実際にアクセスしてみよう

 

実際にPHPで簡単に分岐処理

• $_SERVER["HTTP_USER_AGENT"] でユーザーエージェント（環境変数ブラウザやOS、携帯機種情報）を取得
• 文字列で判別
• 判別の順番に注意。特にVodafone。
• 実際の携帯のUserAgentで試す

Vodafoneが鬼門だったわけ

UserAgent に関する事で過去に数回、勝手な仕様変更やイレギュラーな事をVodafoneがやってくれた件について

• J-PHONE → Vodafoneに変更 （これは仕方無い）
• VodafoneでUserAgentに「UP.Browser」の文字列が混ざる機種が出る　→ AUとの判別にぶつかり、AUと誤認識された
• モトローラー社製の機種のUserAgentが酷すぎた。 → [Vodafone]の文字列すら無かった
• Softbankに買収されて、またUserAgentが変わった。 → またかよ...orz

判別する順番（俺流）

1. DoComoかどうか判別
• movaかFOMAかを判別
2. SoftBankかどうか判別
   • Vodafoneかどうか
   • モトローラー製かどうか
   • 3G携帯かどうか
3. AUかどうか判別
   • 古いAUかWINか
4. それ以外の携帯端末か
   • WILLCOMとかAirPhoneとか
5. 全部違ったらPC扱いで

Net_UserAgent_Mobileを使ってみる

• 現在のバージョンはNet_UserAgent_Mobile 0.30.0
• 最終更新日：2007-02-20
• 新機種には対応していないので過信しないこと
• 実際にUserAgentを変更してみて挙動を確認

PHP上でUserAgentの変更って面倒じゃない？

Firefoxの拡張：User Agent Switcher

携帯開発必須の手軽にUserAgentを切り替えツール（要リロード）

1. User Agent Switcher 0.6.10 をFirefoxにインストール
2. [ツール] - [User Agent Switcher] - [Options] - [Options..] でダイアログ開く
3. 左メニュー[User Agents]をクリックして、[Import/Export]で、Overwriteにチェックして[Import]をクリック
4. useragentを記したXMLを読み込む

Net_UserAgent_Mobileで出来ない事

• 全ての機種の高さや幅のデータがあるわけではない。(DoCoMoは一部取れる)
• 携帯固有のシリアルIDは必ず取れるわけではない。（ユーザーの任意）
• データマップなりXMLなり全ての機種情報のデータを準備する必要がある
• 強引な手法も。。。

携帯で実際にアクセスしてみよう

http://cgfm.jp/~garyu/pif/20071117/

• あなたの機種情報
• 詳しい機種情報を見る(機種固有IDの送信)
• 画面幅の取得

おわり

今日もありがとうございました。

懇親会＆おっくん歓送会は楽しみましょう！