{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/hello-world-react-native",
  "path": "/posts/hello-world-react-native",
  "publishedAt": "2023-09-12T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "react-native",
    "アプリ",
    "環境構築"
  ],
  "textContent": "過去にReact Nativeの環境構築はしたことがあるが (react native でアプリを作る環境構築をやってみるよ⚡)、それから随分と経つので、再度0からやってみる。\n\nExpo Goの利用\n\nモバイル開発が初めての場合はExpo Goの仕様が推奨されているので、それにならうことにする。 必要なのは、最新バージョンのNode.jsとスマホまたはエミュレータ。\n\nReact Native CLI という環境もあるが、Xcode\nまたはAndroid Studioになるとのこと。 また初めてであれば環境構築に1時間を要することになる。\n\nということで、迷うことなくExpo Goを採用した。\n\n開発サーバーの起動まではとてもシンプルで下記コマンドを実行する。\n\n既存ディレクトリへの展開\n\nただ今回はリポジトリ作成済みでディレクトリが存在していたので、\n\n上記コマンドで現ディレクトリにAppを展開した。\n\nそのうえで開発環境PCとエミュレータスマホを同一のWi-Fiに接続し、\n\n上記コマンドで開発サーバーを立ち上げた。\n\nエミュレータスマホでApp.jsに書かれた、Open up App.js to start working on your app!が表示されれば、立ち上げが成功している。\n\nHello World !\n\n次に、\n\nを\n\nに変更すれば、当然、Hello World!が表示される。\n\nこれでReact Nativeでスマホを開発するスタート地点に立った。",
  "title": "React NativeでHello World（環境構築～サンプルアプリ立ち上げまで）"
}