第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.01.00.91


Coding Edge フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

Coding Edge 記事ランキング

本日 月間