Help us understand the problem. What is going on with this article?

Objective-C で開発されたアプリケーションの一部を RubyMotion 製のアプリに合体させる方法

More than 5 years have passed since last update.

RubyMotion で開発したコードを静的ファイルにコンパイルして Objective-C のプロジェクトで使用できるのは RubyMotion でスタティックライブラリを作成し、 Xcode プロジェクトで利用する でご存知の方も多いと思います。

また、CocoaPods を使ったり app.vendor_project を使うことで Objective-C で書かれたオブジェクトを RubyMotion 内で使用することが出来ることもご存知かと思います。

ということは、既存の Objective-C で開発されたアプリケーションの特定の機能、例えば Storyboard 上で Tab Controller を使ってつくられた、アプリケーションのとある 1 タブの中身をそのまま丸ごと RubyMotion で使用するなんてこともできるのでしょうか?

こんな変態なことも実はできるのです。やってみます。

1. プロジェクトの作成と合成

合成と言うと、ソシャゲっぽくて素敵ですね。

Objective-C 製のアプリは以下を用意しました。

スクリーンショット 2013-12-22 20.55.07.png

Storyboard を使った、2タブの単純なアプリです。Storyboard 上の View Controller には Storyboard ID を振ってあります。

そのうち、左のタブの FirstViewController を使用してみましょう。RubyMotion で新しいプロジェクトをつくり、Xcode のプロジェクトを vendor/ 内にコピーします。

$ motion create HentaiMotion
$ cd HentaiMotion
$ mkdir vendor
$ cp -r /path/to/HentaiProject vendor/

こんな感じの構成になっているはずです。

$ tree -L 3
.
├── Gemfile
├── Gemfile.lock
├── Rakefile
├── app
│   └── app_delegate.rb
├── build
├── resources
│   └── Default-568h@2x.png
├── spec
│   └── main_spec.rb
└── vendor
    └── HentaiProject
        ├── HentaiProject
        ├── HentaiProject.xcodeproj
        └── HentaiProjectTests

次に Xcode で vendor 内にコピーした HentaiProject.xcodeproj を開き以下のように操作します。

2. 合体用に静的ライブラリとしてコンパイルするように新しいターゲットをつくります。

スクリーンショット 2013-12-22 21.21.44.png
スクリーンショット 2013-12-22 21.22.48.png
スクリーンショット 2013-12-22 21.23.00.png

3. 元の HentaiProject ターゲットに含まれる FirstViewController.m, SecondViewController.m をビルド対象に含めます。

(今回は SecondViewController.m は不要ですが、一応入れました。要は合体先のプロジェクトで使われる全クラスの実装ファイルをここに含めれば OK です。)

スクリーンショット 2013-12-22 21.23.57.png
スクリーンショット 2013-12-22 21.24.25.png

4. StaticHentai-Prefix.pch で UIKit を import します。

スクリーンショット 2013-12-22 21.25.10.png

5. Storyboard を RubyMotion のプロジェクトの resources/ ディレクトリにコピーします。

$ cp vendor/HentaiProject/HentaiProject/Base.lproj/Main.storyboard resources

画像等を使う場合、同様にそれらもコピーしてください。

6. RubyMotion 側から利用する

Rakefile に以下を追加

Rakefile
  # 中略
  app.vendor_project('vendor/HentaiProject', :xcode,
    :target => 'StaticHentai',
    :xcodeproj => 'HentaiProject.xcodeproj')
  # 後略

app/app_delegate.rb から FirstViewController を呼び出します。

app/app_delegate.rb
class AppDelegate
  def application(application, didFinishLaunchingWithOptions:launchOptions)
    @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
    storyboard = UIStoryboard.storyboardWithName('Main', bundle: nil)
    @window.rootViewController = storyboard.instantiateViewControllerWithIdentifier('FirstViewController') # ここで指定しているのはクラス名ではなくて、Storyboard 上で割り振った Storyboard ID です。
    @window.makeKeyAndVisible
    true
  end
end

7. ほのぼの rake

スクリーンショット 2013-12-25 20.55.52.png

ほら、で Qiita でしょ?

以下のリポジトリに今回のコードを置いておきます。参考にはならないと思いますが。。。

satococoa/RubyMotion-AdventCalendar-2013

ignis
累計7000万DL超のスマホアプリを自社企画・開発 ツール系からマンガ、ゲームなど幅広いジャンルのアプリを展開
http://1923.co.jp/service-information
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away