―Ruby on Rails 3で作る―jpmobileによるモバイルサイト構築

内容

Rails＋jpmobileでモバイルサイトの構築を早く、手軽に！

スマートフォンやタブレット端末の出現で、モバイルサイトはいっそう多様になっています。これまでの携帯電話で用いられた絵文字や半角文字だけでなく、スマートフォンやタブレット端末で可能な新しい表現を取り入れる必要があります。かといって、これまでの携帯電話はまだ市場にたくさん存在するため、両方に対応しなければならなくなり、モバイルサイト開発はさらに大変になってきています。

本書は、Ruby on Rails（以下、Rails）向けの携帯電話用プラグインであるjpmobileによるモバイルサイト開発の解説書です。Rails＋jpmobileにより、キャリア間の文字コードの違い、絵文字の表示、半角変換、位置情報の取り扱い…など、いまどきのWebサイトに必須な機能をカバーし、PC・携帯電話・スマートフォン全てに対応するサイトをラクに制作することができます。

本書は、これからRailsとjpmobileを使ってモバイルサイトを構築したいと考えている方を対象としています。また、jpmobileを使ったカスタマイズ方法も紹介していますので、初級者から上級者まで満足していただける内容となっています。

目次

第1章　jpmobileとRuby on Rails

1.1 RubyとRuby on Rails

• Rubyとは
• Ruby on Railsとは
• Railsとモバイルサイト
• Rails向けの携帯電話用プラグイン「jpmobile」

1.2 jpmobile

• jpmobileの主な機能
• Ruby 1.9.2とRails 3.1
• jpmobileでの対応

1.3 開発環境のセットアップ

• Windows 7の場合
• Mac OS X10.6／10.7の場合
• Debian/GNU Linux 6.0の場合
• Ubuntu 11.04の場合
• RailsのインストールとGitの設定

1.4 サーバ環境について

• 基本的な構成
• 大規模な構成
• VPSを使う場合
• herokuを使う場合
• Unix 系OSの場合の環境構築例

第2章　jpmobileでコーポレートサイトを作ろう

2.1 本章で作成するウェブサイトの要件

2.2 PCサイトを作る

• Railsアプリケーションの作成
• コントローラの作成
• routes.rbの修正
• アクセスしてみよう
• レイアウトの作成
• 表示する画面の作成

2.3 モバイル対応サイトを作る

• 携帯電話用のサイトを作る
• スマートフォンに対応する

第3章　モバイルECサイトを作ろう

3.1 モバイルECサイトの要件

3.2 PC版ECサイトを作る

• セッションテーブルの作成
• トップページの仮作成
• ユーザ機能の追加
• 商品機能の追加

3.3 モバイル画面を作成する

• jpmobileの設定の追加
• 携帯電話用画面の作成
• スマートフォン用画面の作成

3.4 商品の購入処理を実装する

• カートを作る
• カートへ商品を追加する処理
• 購入画面を作る
• 入力フォームを作る
• モバイルに対応する

第4章　日本語メールを送信する

4.1 メールと日本語

• 文字コードの問題
• ヘッダー内での文字列の折り返し問題
• 携帯電話に送る場合
• Railsと日本語のメール
• jpmobileでのメール送信

4.2 日本語に適した形式でメールを送信する

• 登録時のメール
• 購入時のメール

4.3 携帯電話にメールを送るときの注意点

• SPFの設定

第5章　携帯電話にHTMLメールを送信する

5.1 デコメのフォーマット

• 通常のマルチパートメール
• ドコモのデコメ
• auのデコメ
• SoftBankのデコメ

5.2 jpmobileでデコメを送信する

第6章　位置情報を使ったモバイルサービスを作ろう

6.1 ミニブログを作る

• ユーザの作成
• 記事の作成

6.2 携帯電話とスマートフォンの画面を作る

• jpmobileのインストールと設定
• 携帯電話用の画面、スマートフォン用の画面を作る

6.3 位置情報を取得する

• 記事にカラムを追加する
• PCで位置情報を記録する
• 位置をGoogle Mapで表示する
• スマートフォンで位置を記録する
• 携帯電話で位置を記録する

6.4 PCでの絵文字の扱い

• PCで絵文字を表示しない場合
• PCで絵文字を画像として表示する場合

第7章　Sinatraでモバイルサイトを作る

7.1 Sinatraを使ったサイトの作成

• Sinatraをインストールする
• ページを作る

7.2 Sinatraとjpmobile

• jpmobileのインストールと設定
• ビューを切り替える

第8章　jpmobileをカスタマイズする

8.1 端末の判別

• 端末ごとにビューを切り替える
• スマートフォンで携帯電話のビューを表示する

8.2 絵文字の変換

• 変換する絵文字を変更する

8.3 絵文字を画像や別の文字列に変換する

• 絵文字を表示しない
• 絵文字を画像として表示する

8.4 特定のキャリア以外の端末や古い端末を非対応とする

第9章　jpmobileについて

9.1 現状と開発状況

• パッチについて
• ドキュメントについて
• バージョンについて

9.2 jpmobileリファレンス

• jpmobileの仕組み
• Railsプラグインとしてのjpmobile
• 半角変換
• ビューの切り替え
• メール
• 位置情報の取得
• 端末情報の取得

立ち読み