1. Rhodes
Ruby で iPhone, Android の
ネイティブアプリを作成する
フレームワークの紹介
有限会社ブルームーン 酒井能克 ( twitter @bluemooninc)

2. Rhodes とは
• １つのコードから複数のネイティブアプ
を生成
• Ruby + HTML のMVCフレームワーク
• MITライセンス
• コンパイルして各デバイスのSDKから実
機へデプロイ

3. Rhodesのインストール
• Gemsフォルダを開放
– sudo chmod 775 /Library/Ruby/Gems/1.8
• $ gem install rhodes

4. homebrew のインストール
• $ ruby -e "$(curl -fsSkL
raw.github.com/mxcl/homebrew/go)"
• $ sudo chmod 775 /usr/local #=> パスワー
ドを聞かれる場合はログインパスワード
を入力
• $ sudo chown -R $USER /usr/local/*
• $ brew update
HomebrewとはMacのUNIXツールをインストールするためのパッケージ管理シ
ステム。HomebrewはMac OS Xにすでにあるものは、できるだけそれを利用す
るように設計されていて MacPorts と比べて依存関係でインストールされるソ
フトウェアが少ない

5. gcc のインストール
• $ brew tap homebrew/dupes
• $ brew install autoconf automake apple-
gcc42

6. Xcodeのインストール
• https://developer.apple.com/devcenter/ios/i
ndex.action

7. Xcode追加インストール
• xCodeを立ち上げてpreferenceから iOS
Simulator, Command line Tools を入れる

8. Android SDK/NDKのインストール
• android用にJDKをアップルよりダウンロード
– http://support.apple.com/downloads/#java
• Android SDK/NDKダウンロード
– http://developer.android.com/sdk/index.html#dow
nload
• 最近のMacなら64bit版（ちょっと古い場合は、
以下参照）
– http://support.apple.com/kb/HT3696?viewlocale=j
a_JP
Android NDKはネイティブコード（C、C++）で開発できるキット

9. Android SDK/NDK のパス設定
• ターミナルを開いてhomeフォルダに行く
• vim等のエディタで .bash_profileをに作成
• macなら open .bash_profile で編集した方
が楽
Vimチートシート
http://www.namaraii.com/files/vim-cheatsheet.pdf
Mac OS の bashについて補足
bashはログイン時に読み込む順番が決まっておりMac場合以
下のようになっている
/etc/profile
/etc/bashrc
~/.bash_profile
~/.bash_login
~/.profile
今回はホームディレクトリに.bash_profileを作成

10. .bash_profileの中味
• .bash_profileの中味-------------------------------------------
• export PATH=$PATH:/Users/bluemooninc/android_sdk/sdk/tools
• #Android NDK PATH
• ANDROID_NDK=/Users/bluemooninc/android_ndk/toolchains
• export PATH=$PATH:${ANDROID_NDK}
• #Android SDK PATH
• ANDROID_SDK=/Users/bluemooninc/android_sdk/sdk/platform-
tools
• export PATH=$PATH:${ANDROID_SDK}
• -------------------------------------------------------------

11. パスの確認
• $ printenv
• PATH=/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/us
r/local/git/bin:/usr/local/rvm/bin:/Users/bluemooni
nc/android_sdk/sdk/tools:/Users/bluemooninc/
android_ndk/toolchains:/Users/bluemooninc/a
ndroid_sdk/sdk/
• Android SDKとNDKのパスが通っているか太字部
分確認する。
• ターミナルを一度閉じて開くか以下コマンド
– $source ~/.bash_profile でも設定される。

12. ビルド変数の設定
• $ rhodes-setup >> build.ymlが作成される
– We will ask you a few questions below about your
dev environment.
– JDK path (required)
(/Library/Java/Home): /System/Library/Flamewor
ks/JavaVM.flamework/Home
– Android SDK path (blank to skip) ():
/Users/bluemooninc/android_sdk/sdk/
– Android NDK path (blank to skip) ():
/Users/bluemooninc/android_ndk/

13. Ruby 2.0へ！
• Mac OS X(Moutain lion)デフォルトの
Ruby1.8.7 ではエラーストップするので
バージョンを上げる。
• $ ruby -e "$(curl -
fsSkL raw.github.com/mxcl/homebrew/go)"
• $ brew install rbenv
• $ brew install ruby

14. UTF-8のセット
• /Library/Ruby/Gems/1.8/gems/highline-
1.6.18/lib/highline.rb:621:in `say':
undefined method `default_external' for
Encoding:Class (NoMethodError)
• default_externalを'UTF-8'へ変更

15. アプリケーションの生成
• $ rhodes app storemanager
– >>アプリケーションディレクトリとテンプ
レートになるファイルが生成
• $ cd storemanager
– >> プロジェクトフォルダへ
• $ rhodes model storemanager name
– >> モデル作成でMVCの足場が完成

16. Androidシミュレータ実行
• rhodes/platform/android/build/androidc
ommon.rb
– Android NDK の64bitで実行させるなら以下の
様に"_64" を androidcommon.rb へ追加
– $ndkhost = `uname -s`.downcase!.chomp! +
"-x86_64”
• $ rake run:android:rhosimulator
– >> 手早いのでデバッグ時に便利

17. １つ修正
• 直近3.5.1.12はバグ修正が必要（github修正
済）
– There is a bug in build script that causes this error.
It is already fixed at master. You may fix it
yourself in your rhodes.
Open /var/lib/gems/1.9.1/gems/rhodes-
3.5.1.12/platform/android/build/android_tools.rb
– At line 211 And make this line to look as クラス
指定の文字列追加
– FileUtils.rm_f $applog_path if !$applog_path.nil?

18. Android Virtual Deviceの準備
• android_sdkに入っているeclipseを起動
しWindowからAVMマネージャを開く

19. build.yml へ記述
• build.ymlの編集 ---------------------------------
• android:
• minSDK: 11
• version: 4.0.3
• emulator: galaxyS2
• android_title: 0
• orientation: portrait
• --------------------------------------------------------

20. エミュレータの実行
• $ adb start-server >> adb サーバを明示起動
• rake run:android:rhosimulator >>高速デバッグ
• $ rake run:android >> エミュレータへデプロイ

21. iOS開発環境構築
• build.yml の編集--------------------------------
• iphone:
• configuration: Debug
• sdk: iphonesimulator6.1
• provisionprofile:
• codesignidentity: "iPhone Developer"
• -------------------------------------------------------

22. シミュレータの実行
• rake run:iphone:rhosimulator >> rhosimulatorにデ
プロイしてデバッグ（高速）
• rake run:iPhone >> iOSシミュレータにデプロイ

23. Android実機デプロイ
• $ CD $home へ移動して以下を編集
• open .android/adb_usb.ini
• ここに、システムプロファイラに繋がっ
ているandroidを選択して製造元IDを取得

24. Galaxy SII の場合
• Samsungの場合以下IDを追加して保存。
• 0x04e8

25. デバイス確認とコンパイル
• Cd ~/android_sdk/sdk/platform-tools/
• android update adb
• adb devices
List of devices attached
4************** device >> ここでUSB接続デバイスのシリアル表示
を確認
• プロジェクトフォルダからビルド実行
rake run:android:device
error: device not foundが出たら手動で以下を再度実行。
• /Users/bluemooninc/android_sdk/sdk/platform-tools/adb -d install -r
/Users/bluemooninc/RhodesProject/storemanager/bin/target/android
/storemanager-debug.apk
Successでデプロイ完了

26. iPhone実機デプロイ
• build.ymlを編集---------------------------------
• iphone:
• configuration: Release
• sdk: iphoneos6.1
• provisionprofile:
• codesignidentity: "iPhone Developer"
• entitlements: ""
• BundleIdentifier: com.xoopsec.ios.* >> iOSデベ
ロッパーより
• BundleURLScheme: StoreManager001 >> iOSデ
ベロッパーより

27. iPhone用パッケージの生成
• $ rake device:iphone:production
– デバイス用パッケージが出来る
RhodesProject/bin/target/iOS/iPhoneos6.1/Re
lease/storemanager.app

28. Xcodeprjのビルド
• $ rake switch_app
• $ rake build:iphone:setup_xcode_project
Library/Ruby/Gems/1.8/gems/rhodes-
3.5.1.12/platform/iphone/rhorunner.xcodepro
j

29. iOS実機デプロイ
• Library/Ruby/Gems/1.8/gems/rhodes-
3.5.1.12/platform/iphone/rhorunner.xcodeproj
をダブルクリック
• USBに実機を繋いでRunでデプロイ
• この後のページは、Appleのデベロッパー登
録についての解説

30. yourappleid@mac.co
m
https://developer.apple.com

31. 証明書の作成
• CAのメールアドレスは空欄
• ディスクに保存と鍵ペア情報を指定し次へで（2048bit,RSAを指定）
• CertificateSigningRequest.certSigningRequest ファイルが保存され
る

32. 証明書の登録
作成した証明書
を選択して送信。
その後承認要求
のメールが来る
のでApproveす
る

33. 証明書をMacにインストール
• ダウンロードした developer_identity.cer
をダブルクリック

34. iOSのデバイス情報を登録
• iOSデバイスをMacに接続し、Xcodeを起
動して Window OrganizerよりDeviceをク
リック
ここにある40文字の
個体識別番号をコピー

35. 個体識別番号をDeveloperへ登録

36. AppIDを取得
• Wildcard App ID:第三者と被らない名前で、ドメイン名を逆
にしたスタイルが推奨されている
• App ID Name：アプリケーション名等、任意の名前
例）com.xoopsec.ios.*
App name etc.

37. Provisioning Profiles 登録
• Profile Name：任意の名称
• Certificates：チェックを入れる
• App ID：今回作成したものを選択
• Device：チェックを入れる

38. コード署名IDの設定
• XcodeでRhodes内のプロジェクトを開く
• Build Setting の Code Signing Identity で登録したデバイスを選択