先日2007/11/17(土)に行われたPiF(PHP in Fukuoka)の第９回勉強会のスピカーで「携帯の機種判別」を話せさてもらいました。
その時、携帯開発で便利な、Firefoxの拡張でUserAgentを切り替えられるUser Agent Switcher を紹介したんですが、各携帯のUserAgentをメモったuseragentswitcher.xml を公開します。
修正：20080917) リンク切れ直しましたm(_ _)m
useragentswitcher.xml (7KB)
元ファイルはblog in a fogのYozikさんがエントリー「blog in a fog – User Agent Switcher ユーザーエージェント一覧」で公開していたxml(感謝！感謝！)をベースにしています。
私なりに携帯関係を加えたものです。
(幅別にしたり、SoftBank系にダミーの携帯固有IDを入れたりとか)
使い方は簡単です。
- User Agent Switcher をFirefoxにインストール
- [ツール]メニュー – [ User Agent Switcher ] – [option]から設定ウインドウを表示
- useragentswitcher.xmlをImportする。
これだけでOKです。
後は、[ツール]メニュー – [ User Agent Switcher ]の一覧に出てくる機種名で切り替えるだけです。
（切り替えたらリロード・再読み込みが必要）
勉強会ではNet_UserAgent_Mobileでの簡単な使い方と過信したらいけない点、実際に自分の携帯でアクセスしてどう動くか等を試してもらいました。
当日のスライドデータはPiFのGoogle グループに一式を公開してます。
PiFのサイトが無くなったため、こちらに公開しました。
http://blog.cgfm.jp/garyu/appendix/2007/10/slide/20071117pif.html
各自の携帯で試してもらったURLのQRコードです。
http://blog.cgfm.jp/garyu/appendix/2007/10/sample_php/s4_mobile_test.php
種判別の結果や、機種固有IDの取得、画像幅と高さを取得できる事が分かると思います。
(機種固有IDなどはサーバーに保存・蓄積しません)
携帯サイトに 関する参考サイトも集めてみました。
- ウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト
- userAgent（ユーザーエージェント一覧）
- PEAR：：Net_UserAgent_Mobile 3G対応携帯判別(ケータイ判別) [dozo dokuwiki.php]
（使い方とか参考になります） - ke-tai.orgは携帯サイトのデザイナーは必見！
特に携帯端末スペック一覧のページで公開されてる「携帯端末スペック一覧」やCSVはオススメ。
そういえば次のPiFのネタは何も決まってませんでしたね。
何かリクエストあれば考えます。
CSSでフォームデザインの検証ネタの続きをしないとなー。
携帯サイト制作のオススメ書籍
携帯サイト コーディング&デザイン
モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。
PHP×携帯サイト デベロッパーズバイブル
追記 2009/05/24)
Webデザイナー向けの絵文字ライブラリを公開しました。
絵文字一覧表はこちら
追記 2009/01/30)
XMLに追記しました。
おかしいところがあったら指摘お願いします。
- FOMA、movaの製造番号付
- iPhone (新旧２つ)
- iPod Touch (新旧２つ)
追記 2009/01/19)
別記事で「Firefoxを簡単に携帯エミュレータにするアドオン「FireMobileSimulator」が素晴らしい件について」を書いてます。
携帯の絵文字確認や画面幅確認など、簡単な携帯画面の動作確認にはこちらをオススメです！
追記 2008/07/25)
PiF(PHP in Fukuoka)の第９回勉強会のスライドを公開しました。
http://blog.cgfm.jp/garyu/appendix/2007/10/slide/20071117pif.html
タグ: CSS, Firefox, PEAR, PHP, PIF, UserAgent, XML, スライド, 判別, 拡張, 携帯, 書いてみた, 配布
2 Comments
useragentswitcher.xml 使わせていただきました！
非常に助かりました。ありがとうございます！
（多分、21行目あたり、ダブルコーテがおかしかったです。）
＞sonnさんへ
コメントありがとうございます。
＞（多分、21行目あたり、ダブルコーテがおかしかったです。）
あー、「description=”H"”」の部分でしょうね。
xmlを直接ブラウザで開かれたからだと思います。
なのでxmlのリンクを「別名でリンク先を保存」などで保存すれば大丈夫です。
8 Trackbacks
ユーザエージェントを切り替えるFirefoxの拡張（User…
この記事に書いたように，WordPressを携帯から閲覧可能にするプラグイン「Mobile Eye+」を導入してこのブログを携帯からも見えるようにしたのですが，見た目を (more…)
[...] User Agent Switcher の携帯用のXML – 我流天性 – がらくた屋 (tags: extension Firefox useragent browser webdev) [...]
[...] Agent Switcher』というものがあります。 携帯用のUser-Agentは、「我流天性 – がらくた屋」さんのサイトで「User Agent Switcher [...]
[...] モバイルSEOをする際には欠かせません！ブラウザのUAを偽ってモバイルにすることができます。これを使用することで、UAでモバイルサイトへリダイレクトをしているURLがわかるようになります。 モバイルのUAを手に入れるためにはこちら →User Agent Switcher の携帯用のXML [...]
[...] FireFoxのアドオン「User Agent Switcher」でUSER-AGENTを切り替える環境を作り、「 我流天性 – がらくた屋」で配布されている携帯用のUSER-AGENTのリスト（XMLファイル）をダウンロードして、User Agent Switcherにインポート。 これだけで準備完了。 USER-AGENTで判別しているケータイサイトをPCから見ることができる。 後はFireFoxのUser Agent Switcherにある携帯のリストから好きな端末を選ぶだけだ。 [...]
[...] ができます。これを使用することで、UAでモバイルサイトへリダイレクトをしているURLがわかるようになります。 モバイルのUAを手に入れるためにはこちら →User Agent Switcher の携帯用のXML [...]
[...] User Agent Switcher の携帯用のXML – 我流天性 がらくた屋 [...]
[...] User Agent Switcher の携帯用のXML [...]