java.lang.RuntimeException: Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle'っていうエラーが出た的なお話

アプリをPCにつないでreact-native run-androidをした際に、アプリがすぐにクラッシュした。
Android Studioに繋いでlog catを見てたら java.lang.RuntimeException: Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle'っていうエラーが出ていた。

ということで今日はこれを解決するお話をば。

React NativeをバージョンアップしたらCould not connect to development serverとなってAndroidで実行できないときの対処的なお話

react-nativeとreact-native-unimodulesを最新版にアップロードしたんだけど。
諸々どのファイルをアップデートする必要があるとかは面倒だから説明はしないけどもリポジトリはこちら。

https://github.com/watanabeyu/rn-update-repo

で、その中でAndroidでどうしてもCould not connect to development serverとなって実行できないという問題が発生。
ということで今日はこれの対処方法的なお話をば。

generator-rn-toolboxを使ってReact Nativeアプリのアイコンやスプラッシュスクリーンを簡単に変更しましょう的なお話

Expoを使わない素のReact Nativeでアプリを開発していると避けては通れないXcodeやAndroid Studio。
面倒なのがネイティブ部分のローカライズやアイコンなどのアセット類の管理。
特にアイコンなどのアセット類に関しては入れる画像の数が大量だったりサイズいっぱい用意しないとで面倒だったりするわけで。

ということで今日はそれを簡単に行うためのツールの紹介をば。

expoでdetachしてXcodeとかAndroid Studioとかでビルドしてみたりするには的なお話。

一般的にreact nativeで開発をしていると、
iosとかandroidとかっていうフォルダがあってそれぞれの中にネイティブのコードがあったりするんだけど。
expoは煩わしいことを無くしてくれる優秀なやつだから、そういったものも全て吸収してなかったりする。
けど既存のアプリをreact nativeで書き直すとかの場合だと、各moduleをいかしつつブリッジしつつで開発をしたい場合もあって通常のreact nativeに戻したいときもある。

というわけで今日はdetachしてXcodeだったりAndroid Studioでビルドするまで的なお話をば。

react nativeの環境をexpoを利用して作成し、エミュレータで走らせつつ、ビルドして実機に入れるには的なお話

最近流行ってるだかよくわからないReact Native。
むしろ手を出しているところが少ないという印象というかなんというか。
けどiOSとAndroid両方作れるし、Javascript Bundleだしで意外と高速だし便利だし。

とりあえず環境を作るのが面倒とか色々とあるんだけど、
実はexpoでやってしまえば意外と簡単だよっていう感じではあったりする。

ってなわけで今日はexpoの導入からビルドおよびiOSのデプロイまで的なお話をば。

TitaniumでiOSとAndroidの同時開発をする際の注意点

TitaniumはiOSとAndroidが、
JavaScriptで同時に開発出来るという利点があるが、
実際のところはAndroidのせいで諸々制約が出てきてしまうものであったりする。
なのである程度のところまでは同時に開発できるけど、
細かく作る場合にはしょうがないから出し分けをする必要があったりする。

で、共通のコードを作っている際にこれは注意しておこうというものをまとめてみた。