Ebitenで作ったHello WorldをiOS端末で表示させる その2

## はじめに
[前回(Ebitenで作ったHello WorldをiOS端末で表示させる その1)](https://qiita.com/krile136/items/eb46bb5ead9ddddd46fd)の続きです。
今回は、前回作ったMobile.frameworkを読み込んで実機で動かすところを解説します。
Xcodeの作業メインになるのでかなり画像多めです。

## 作業内容

#### 1. 新規プロジェクトの作成
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/9a02f953-7f80-15ce-14d1-3e3836866155.png)
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/c28c99a4-0576-36f1-0666-7502dd1c9de8.png)
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/9957533d-f1b2-a431-0e65-fc34cc7a0916.png)
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/32a92581-b235-563f-0599-95aea045b505.png)

#### 2. 不要なファイルの削除
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/8a865d44-0168-f5ae-73de-9a7d6bad720d.png)

#### 3. Mobile.frameworkのインポート
同じファイルを入れたり消したりしてますが、この方法なら間違いなく動く状態でMobile.frameworkをインポートできるようです。
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/c0752fb4-5110-38c9-2473-1d09023f6faf.png)
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/38952076-af65-0189-2474-e0aff5851239.png)
![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/083b33ef-7a16-e5de-5d4f-7ec43aedf9d3.png)
![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/0ee3b66e-61cd-92c4-79d7-bf52179826f0.png)
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/b3d57a1b-080f-2e3a-f269-1bf7825dc6f2.png)
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/c4589bef-2258-ea0d-ac45-99fc650074c1.png)
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/5196c2aa-57be-d834-81d5-c141a8514512.png)

#### 4. 必要なファイルの生成と調整
##### MobileEbitenViewControllerWithErrorHandling.mの作成
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/66125319-5d08-8f03-0368-c75324eec995.png)
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/ebc95634-887a-d37d-826e-e170220bc950.png)

中に記述する内容は[公式のサンプル](https://github.com/hajimehoshi/go-inovation/blob/main/mobile/ios/goinovation/MobileEbitenViewControllerWithErrorHandling.m)をコピペ

##### MobileEbitenViewControllerWithErrorHandling.hの作成
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/3bc0ede3-1e7e-3360-c8f7-956c9c92d7ae.png)
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/b799bf18-6392-9199-57a1-5a37e5f54b28.png)

中に記述する内容は[公式のサンプル](https://github.com/hajimehoshi/go-inovation/blob/main/mobile/ios/goinovation/MobileEbitenViewControllerWithErrorHandling.h)をコピペ

##### storyBoardのclassを変更
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/5b94a5e5-b6dc-21ec-bbb8-5921f5ee9aa5.png)

##### AppDelegate.mの中身を変更
変更する内容は[公式のサンプル](https://github.com/hajimehoshi/go-inovation/blob/main/mobile/ios/goinovation/AppDelegate.m)をコピペ

#### 5. 実機を繋いで実行！
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/ce27481a-b781-e9c5-97cb-198031a1d2ba.png)

#### 6. なんかエラーが出てアプリ動かない！
こんなエラーが出た時は、[こちらの記事](https://qiita.com/nonkapibara/items/d14c796ca69c8a4e58d2)を参考にすると動くようになります
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/4f330b74-3872-4890-7b8a-9fd716468228.png)

#### 7. 実機で動いた！
こんな画面が表示されるはず!
[IMG_8411.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/236cecd7-3752-3841-ef47-402aea8d2136.png)


#### 仕上げ
このままだと、コード修正があったときに毎回Mobile.frameworkを移動させないといけないので、出力元にxcodeのプロジェクトを持ってきちゃいましょう
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489761/e9a84671-c44d-2cfc-261f-60ce74273d67.png)

#### コードの変更があったとき
再度`Mobile.framework`を書き出してXcodeでビルド＆ランするだけ！
試しにHello worldの文字を入れ替えてみよう！



#### 終わりに
React Nativeは触ったことありますが、Xcodeで色々やるのは初めてだったので結構苦しみました。。。この記事を見て「iOSビルドまでのやり方が細かく載ってるならebiten触ってみようかな」という人が増えることを祈ってます🙏