こんにちは！
今日は、React NativeとExpoを使って、モバイルアプリ開発を始める方法をご紹介します。React Nativeは、JavaScriptを使ってiOSとAndroidのネイティブアプリを開発するためのフレームワークです。Expoは、React Nativeアプリの開発、ビルド、デプロイを簡単にするツールセットです。
それでは、始めていきましょう。
前提条件
- Node.jsがインストールされていること（https://nodejs.org/）
- npmまたはyarnが使えること
- スマートフォン（iOSまたはAndroid）、またはシミュレータ/エミュレータをダウンロードしていること
手順1: Expoのインストール
まず、Expo CLIをグローバルにインストールします。ターミナルで以下のコマンドを実行してください。
npm install -g expo-cli手順2: 新しいExpoプロジェクトの作成
インストールが完了したら、新しいExpoプロジェクトを作成します。以下のコマンドを実行してください。（npxコマンドで作成したプロジェクトは最新のExpoバージョンを用いて作成されます）
npx create-expo-app myapp“myapp”の部分は、プロジェクトの名前に置き換えてください。
手順3: アプリの起動
プロジェクトのディレクトリに移動し、以下のコマンドでアプリを起動します。
cd myapp
npx expo startExpoの開発サーバーが起動し、QRコードが表示されます。
手順4: スマートフォンでアプリを表示
iOSまたはAndroidのスマートフォンにExpoアプリをインストールします。アプリストアで「Expo」を検索してください。アプリを開いたら、手順3で表示されたQRコードをスキャンします。アプリがスマートフォンで起動します。
シミュレータ/エミュレータを使う場合は、ターミナルで「i」（iOS）または「a」（Android）を押してください。
手順5: アプリの編集
お好みのエディタ（Visual Studio Code等）で、プロジェクトのディレクトリを開きます。「App.js」ファイルを編集すると、変更がすぐにスマートフォンに反映されます。
以上で、React NativeとExpoを使ってモバイルアプリ開発を始める準備が整いました。あとは、React Nativeのドキュメントを参考に、アプリを作り込んでいくだけです。Happy coding!
コメント