アプリは新しいウェブサイトであり、誰もがそれを作成できるべきです。Replitのブラウザベースの開発環境とExpoを組み合わせることで、モバイルアプリの作成がウェブサイトの構築と同じくらい簡単になりました。Documentation Index
Fetch the complete documentation index at: https://docs.replit.com/llms.txt
Use this file to discover all available pages before exploring further.
このチュートリアルでは、replit.comのプロジェクトエディターでReplitとExpoを使ってモバイルアプリを作成する手順を説明します。環境のセットアップからデバイスでのアプリのプレビューまで解説します。
パート1：5分でモバイルアプリを作成する
ReplitとExpoを使って5分でネイティブなiPhone/Androidアプリを作成する方法を学びます — 初心者に最適です。ReplitとExpoを始める
前提条件
始める前に、以下が必要です：
- Replitアカウント（無料）
- モバイルデバイスにインストールされたExpo Goアプリ
- Expo EASアカウント（無料）
- iOSの場合：Apple Developerアカウント（年99ドル）
- Androidの場合：Google Play Developerアカウント（一回25ドル）
テンプレートをリミックスする
まずReplitのExpoテンプレートにアクセスし、「Remix」を選択して自分のコピーを作成します。これにより、すべてのファイル、設定、依存関係を含むテンプレートの完全なコピーがReplitアカウントに作成されます。
ReplitとExpoによるモバイル開発の民主化により、プロの開発者だけでなく、誰でもアプリを作成できるようになりました。
Agentでアプリをカスタマイズする
AIツールを選択する
Agentを使ってExpoアプリを構築します：
- Buildモード：複雑な機能や大きな変更に最適。Expoテンプレートは任意のフレームワークをサポートするGeneral Agentを使用します。
- Liteモード：小さな変更やコード説明に最適。
- Planモード：計画とブレインストーミングに最適。
プロジェクトエディターで繰り返し改善する
replit.comのプロジェクトエディターでネイティブモバイルアプリの開発を続けます。変更を保存してからExpo Goをリロードして、スマートフォンでアップデートをプレビューします。
パート2：モバイルアプリをプレビューする
Replit ExpoアプリのiOSプレビュービルドを作成する方法を学びます。デバイス用プレビュービルドを作成する
このガイドはiOSデプロイメントに焦点を当てていますが、同じReplitとExpoの手順がAndroid開発にも適用されます。Androidについては、ExpoのデプロイメントガイドとGoogle Play Consoleのプロセスに従ってください。
前提条件
iOSプレビュービルドを作成する前に、以下が必要です：
- パート1で作成したReplitアプリ
- iOSプレビュービルドとApp Store申請用のApple Developerアカウント（年99ドル）
- iPhone（iOSデプロイメント用）
- Expoアカウント
EASを初期化する
EAS（Expo Application Services）はビルドとExpo、そしてApp Storeの間のインターフェースとして機能します。
- 実行中のアプリを停止する
- プロジェクトエディターのドロップダウンメニューから「EAS init」を選択
- プロンプトが表示されたらExpoアカウントにログイン
- 新しいプロジェクトを作成するか、既存のものを選択する
EAS updateを実行する
この初期化ステップにより、プロジェクトを設定してApple Developerアカウントにリンクします。
- ドロップダウンメニューから「EAS update」を選択
- Metroバンドラーが起動してエクスポートプロセスを完了するまで待つ
iOSビルドする
iOSデバイス用のプレビュービルドを作成します。
- ドロップダウンメニューから「EAS publish preview iOS」を選択
- iOSバンドル識別子を入力（例：com.yourname.yourappname）
- プロンプトが表示されたらApp Store Connectアカウントにログイン
- 個人のデベロッパーチームを選択
- 要求されたらデバイス配布証明書を生成
デバイスを登録する
iPhoneに開発アプリをインストールするには、デバイスを登録する必要があります。
- プロンプトが表示されたら「website」を選択してデバイスを登録
- iPhoneで表示されたQRコードをスキャン
- プロンプトが表示されたら開発プロファイルをダウンロード
- iPhoneの設定を開く
- 上部の「ダウンロードされたプロファイル」を選択
- プロファイルをインストールし、プロンプトが表示されたらパスコードを入力
- プロジェクトエディターに戻り、任意のキーを押して続行
ビルドを待つ
Expoがアプリをビルドします。アプリケーションの複雑さによって10〜15分かかります。
- ビルドがキューに入れられる
- Expoダッシュボードの「Builds」タブで進捗を確認できる
- 完了すると、アプリをインストールするための新しいQRコードが表示される
デバイスにプレビュービルドをインストールする
プレビュービルドが完了したら、iPhoneにインストールします。
- iPhoneでインストール用QRコードをスキャン
- プロンプトが表示されたら「インストール」を選択
- ホーム画面にプレビュービルドのインストールが始まる
達成したこと
このチュートリアルを完了することで、開発テスト用のiOSプレビュービルドがデバイスにインストールされました。ほとんどの開発者がこれを達成するには数日または数週間かかりますが、約1時間で完了しました。次のステップ
次のステップ
このチュートリアルを完了した後：
- より多くの機能でアプリを改善し続ける
- 認証とデータストレージを追加する
- カメラや位置情報などのネイティブデバイス機能を実装する
- 公開配布のためにApp Storeにアプリを申請する
- 同様の手順でAndroidバージョンを作成する
よくある問題と解決策
アプリがExpo Goに接続できない
アプリがExpo Goに接続できない
- スマートフォンとコンピューターが同じWi-Fiネットワークに接続されていることを確認
- 「LAN」の代わりに「Tunnel」接続モードを使用してみる
- ファイアウォールが接続をブロックしていないか確認
- Expoのトラブルシューティングガイドを参照
変更がアプリに反映されない
変更がアプリに反映されない
- アプリをリロードしてみる（デバイスをシェイクして「Reload」を選択）
- プロジェクトエディターで変更を保存したことを確認
- コンソールでエラーを確認
- Expoの開発モードドキュメントを確認
EASでビルドが失敗する
EASでビルドが失敗する
- app.jsonの設定を確認
- すべての依存関係が互換性があるか確認
- 正しい権限が設定されているか確認
- ビルドログのエラーメッセージを確認
- EASビルドのトラブルシューティングを参照
まとめ
ReplitとExpoを使えば、モバイルアプリの構築がこれまでになく簡単かつ迅速になりました。数週間や数ヶ月ではなく、数時間でアイデアから動作するネイティブモバイルプレビューまで到達できます。ブラウザベースの開発環境とクロスプラットフォームモバイルフレームワークの組み合わせが、モバイル開発への従来の参入障壁を取り除きます。詳細については、以下を参照してください：