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

第2回　jpmobileはじめの一歩

設樂 洋爾

2009/2/23

何かと注文の多い日本の携帯電話向けWebサイト構築。jpmobileで、Ruby on Rails流の、つらくない携帯Webサイトを開発しよう（編集部）
- PR -

　前回「つらくないケータイWeb開発」では、jpmobileの概略、jpmobileとは何か、そしてjpmobileがどういうふうにして作られてきたかについて紹介しました。

　本稿では簡単なRailsアプリケーションを作成しながら、jpmobileに触れていきます。

　今回は、携帯電話アプリケーションを作成するうえで最も基本的な処理となる、アプリケーションにアクセスして来た携帯電話のキャリアの判別機能と、出力を行う際に機種やキャリアに合わせて適切に処理を行うための機能を使います。

jpmobileをRailsに組み込んでみる

　まず、練習用のRailsアプリケーションを作成し、jpmobileを組み込んでみましょう。Railsはバージョン2.2.2を使用します。

% rails jpmobile-demo

　これでRailsアプリケーションのスケルトンが用意されます。続いて、

% cd jpmobile-demo

として、RAILS_ROOTで、

% ./script/plugin install git://github.com/darashi/jpmobile.git

と実行することで、jpmobileが組み込まれます。

% ./script/console
Loading development environment (Rails 2.2.2)
>> Jpmobile::VERSION::STRING
=> "0.0.3"

　このようにしてjpmobileが組み込まれているか、組み込まれていればそのバージョンを確認することができます。

アクセス元が携帯電話かPCかを判定する

　まず、PC用のコントローラ（pc_controller）とview（index）を作ってみましょう。

% ./script/generate controller pc index
exists  app/controllers/
exists  app/helpers/
create  app/views/pc
exists  test/functional/
create  app/controllers/pc_controller.rb
create  test/functional/pc_controller_test.rb
create  app/helpers/pc_helper.rb

　Webサーバを起動して、Webブラウザでhttp://localhost:3000/pcを開きます。

% ./script/server

　Railsが自動で生成した、普段どおりの、

というページが表示されているはずです。

　アクセスしてきた端末が携帯電話であるかどうかを表示してみましょう。app/view/pc/index.htm.erbを編集して、<%=h request.mobile? %>という行を追加します。

<h1>Pc#index</h1>
<p>Find me in app/views/pc/index.html.erb</p>

<%=h request.mobile? %>

　携帯電話、PCの両方でアクセスしてみてください。request.mobile?は、携帯電話からアクセスした場合にはtrue、PCからアクセスした場合にはfalseを返します。

PCからのアクセスにはfalseを返す
携帯電話からのアクセスにはtrueを返す
（NTTドコモが提供しているiモードHTMLシミュレータIIを利用した）

　携帯電話の実機でPCのlocalhostに接続することはできませんので、外部からアクセスできる環境にRailsアプリケーションを配置して試すか、シミュレータを使用する、あるいはWebブラウザのUser-Agentを携帯電話のものに書き換えて試してみてください（FirefoxであればUser Agent Switcherを利用すると便利です）。

関連リンク：
リンク User Agent Switcher
https://addons.mozilla.org/ja/firefox/addon/59

 
1/3

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

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