Expo Snack

Expoに登録するとSnackというWeb IDE環境を利用できる。ローカルにExpoの環境を準備しなくても開発を行うことができる。iOSやAndroidのエミュレーション環境を含めひととおりの環境がある。

Snackをつかう

Snacksから一覧を確認できる。New Snackから新しいSnackを作成。

Expo Snacks width=640

適当に付与されたSnack名(ここではthrilled pizzaになった・・・ワクワクピザ?)でプロジェクトが生成される。

Expo Snacks width=640

右側のMy DeviceiOSAndroidWebから選択して各画面のテストを行うことができる。変更はリアルタイムで反映。

Expo Snacks width=640

iOSTap to playを実行すると、エミュレーターと思われる環境が起動する。

Expo Snacks width=640

コードを変更すると画面も表示が変更される。

Expo Snacks width=640

自分のデバイスで動作させる

Expo Clientアプリをデバイスにインストールする。

カメラでQRコードを撮影すると、Expo Clientアプリから起動を促される。