スラッシュドット    はてなブックマーク  Yahoo!ブックマークに登録  印刷

第2回　jpmobileはじめの一歩

設樂 洋爾

2009/2/23

ディスプレイ情報の取得

- PR -

　携帯電話の画面サイズは機種により異なっているため、これらに合わせた出力を行いたい場合、request.mobile.displayを利用することができます。例えば、

<%=h request.mobile.display.width %> x <%=h request.mobile.display.height %>

とすると、画面の幅、高さを表示できます。Webブラウザ部分の画面サイズが取得できた場合はそのサイズが、Webブラウザ部分のサイズが取得できなかった場合には画面そのもののサイズが返ります。

　ただし、これらの値は必ずしも取得できるとは限りません。うまく取得できない場合にはnilが返されますので、適切に取り扱う必要があります。例えば、

<% if request.mobile.display.width && request.mobile.display.width >= 240 %>
  大きな画面用
<% else %>
  普通の画面用
<% end %>

のようにすると、画面の幅が取得できて、かつ240px以上の場合に「大きな画面用」が出力されます。

　なお、PCからのアクセスの場合はrequest.mobileがnilになるため、上記のコードではnilに対してメソッドを呼ぼうとしてエラーが出ます。必要に応じて<% if request.mobile? %>～<% end %>でくくるなどの対処をしてください。

　auやソフトバンクの携帯電話では、HTTPリクエストヘッダからディスプレイ情報を取得していますが、ドコモの携帯電話はディスプレイ情報がリクエストに含まれていません。そこで、User-agentの文字列から機種を取得し、jpmobileに内蔵されているテーブルを参照することでディスプレイ情報を提供しています。

　従って、このテーブルに含まれていない機種では、ディスプレイ情報を正しく取得できません。vendor/plugins/jpmobile内でrake updateすると、このテーブルが更新されます（ほかにIPアドレス帯域テーブルなども更新されます）。

　ただし、キャリアのWebサイトからHTMLをスクレープすることで情報を取得しているため、レイアウトなどが変わると正しい情報が取得できなくなる可能性があることに注意が必要です。gitリポジトリのmasterのテーブルも適宜更新されていますので、これを取得し直す方法もあります。

まとめ

　jpmobileを利用して携帯電話アプリケーションを作成するうえで、最も基本的な処理であるキャリアの判別機能と、適切な画面出力を行う際に便利なディスプレイ情報の取得の機能について紹介しました。次回は位置情報の取得や認証にまつわる話題を扱う予定です。

　携帯電話やRailsを取り巻く状況が時々刻々と変わって行く中、jpmobileもまた変わり続けています。「われこそは！」と思われた方は、ぜひIRCやMLにて議論に参加していただければと思います。そして、GitHubでコードをforkしていただければ幸いです。皆さまからのすてきなpull requestをお待ちしています。http://jpmobile-rails.orgをご覧ください。

3/3
  

Index
jpmobileはじめの一歩
  Page1
jpmobileをRailsに組み込んでみる
アクセス元が携帯電話かPCかを判定する
  Page2
携帯電話からのアクセスの場合にリダイレクトする
携帯電話ビューへの自動振り分け
Page3
ディスプレイ情報の取得
まとめ

jpmobileとRailsで楽しい携帯Web開発 バックナンバー

jpmobileとRailsで楽しい携帯Web開発
　Ruby／Rails関連記事
プログラミングは人生だ
まつもと ゆきひろのコーディング天国　ときにプログラミングはスポーツであり、ときにプログラミングは創造である。楽しいプログラミングは人生をより実りあるものにしてくれる
生産性を向上させるRuby向け統合開発環境カタログ
Ruby on Rails 2.0も強力サポート　生産性が高いと評判のプログラミング言語「Ruby」。統合開発環境を整えることで、さらに効率的なプログラミングが可能になる
かんたんAjax開発をするためのRailsの基礎知識
Ruby on RailsのRJSでかんたんAjax開発（前編）　実はAjaxアプリケーション開発はあなたが思うよりも簡単です。まずはRuby on Railsの基礎知識から学びましょう
Praggerとnetpbmで作る画像→AA変換ツール
Rubyを使って何か面白いものを作ってみよう！　一般的な画像をアスキーアートに変換するツールを作ってみる。さらに出力にバリエーションを持たせてみよう
コードリーディングを始めよう
Railsコードリーディング～scaffoldのその先へ～（1）　優れたプログラマはコードを書くのと同じくらい、読みこなす。優れたコードを読むことで自身のスキルも上達するのだ
　　Coding Edgeフォーラムフィード　 2.0／1.0／0.91

Coding Edge フォーラム 新着記事

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

スキルアップ／キャリアアップ（JOB@IT）

＠IT Special -PR-
SANでもネットアップは凄い！
その威力をアーキテクチャから徹底解説
New!
サーバはx86＋Linuxで決まり!? 本当に？
メニーコア化が進んだら、Solaris OSだ
New!
悩める携帯サイト運営者が運用効率の向上
やコストダウンを“実感”できるCMSとは
New!
データが増え続けストレージを減らせない
どうしようもないとあきらめてませんか？
New!
14倍のROI、その秘密はUI開発にあった！
＠ITリッチクライアント・カンファレンスⅤ
「iPhone」でも「車の中から」でも使える
“What”だけでなく“How”を示すBIとは
SaaSを導入！ でもセキュリティが……
“セキュアな環境”も実現できる方法は？
「クセがなく扱いやすい」～運用担当の声
GMO-HSに選ばれた“サーバベンダー”は？
Webシステムのボトルネックを回避する
先進的なメモリ管理技術とは？

→＠IT Special ヘ

お勧め求人情報

キャリアアップ　～JOB＠IT
＠IT Special -PR-
◆ 　 SANでもネットアップは凄い！
その威力をアーキテクチャから徹底解説
New！
◆ 　 時間をかけずにデータセンタ構築
クラウド時代に最適なデータセンタとは？
New！
◆ 　 OSSってどこまで使えるようになった？
＠IT協力 オープンソース活用セミナー
New！

◆ 　 サーバはx86＋Linuxで決まり!? 本当に？
メニーコア化が進んだら、Solaris OSだ
New！
◆ 　 進化するUI技術の最新トレンドを学ぶ！
＠ITリッチクライアント・カンファレンスⅤ

◆ 　 セキュリティの知識だけではなれない、
セキュリティコンサルタントの素養とは？
◆ 　 「iPhone」でも「車の中から」でも使える
“What”だけでなく“How”を示すBIとは
◆ 　 「最適な顧客」にキャンペーンを打つ！
キャンペーンポイントの分析と活用方法

◆ 　 「WBS」が現場で使われていない？
“活用したくなる”WBSのコツはこれだ！
◆ 　 SaaSを導入！ でもセキュリティが……
“セキュアな環境”も実現できる方法は？
◆ 　 富士通の開発者に独占直撃インタビュー！
エントリ・ストレージに込めた思い

◆ 　 クラウドを使いこなすには何が必要か――
サンが志向する「クラウドの姿」とは？
◆ 　 テストツールを導入しても結果が伴わない
なぜ？ JaSSTメンバがその真相に迫る！
◆ 　 UTMだからといってあきらめていませんか
境界防御はフルスペックのFW＋IPSで臨め

◆ 　 これで分かる！「ログを使いこなす方法」
立ち見が出るほどの会場で語られたことは
◆ 　 Javaの宿命、「Full GC」によるシステム
停止はどのようにしたら防げるだろうか？
◆ 　 eラーニングの利点＋集合研修の利点＝？
第3の研修形態「オンラインLive研修」

→＠IT Special ヘ

ソリューションFLASHPR