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.
ネイティブiOSアプリの構築またはプレビューには、replit.comのプロジェクトエディターを使用します。ネイティブモバイルアプリの作業は、サポートされている場合はReplit Androidアプリでも利用できます。
はじめに
いくつかのステップで動作するモバイルアプリを作成できます：
アプリをテストする
構築中にモバイルアプリをプレビューする方法は2つあります：
- プロジェクトエディターで：プレビューパネルのデバイスセレクターでiOSシミュレーターまたはAndroidエミュレーターを選択します。本物のシミュレーターがプロジェクトエディターにストリーミングされるので、Replitを離れずにタップ操作ができます。XcodeやAndroid Studioは不要です。
- Expo Goで実機テスト：iPhoneまたはAndroidデバイスにExpo Goをインストールします。プロジェクトエディターのプレビューパネルでExpo Goで開くを選択し、QRコードをスキャンします。
シミュレーターまたはエミュレーターでプレビューする
Replitでは、Expoを使用してスマートフォンでモバイルアプリを実行・テストできます。また、Replitは本物のiOSシミュレーターまたはAndroidエミュレーターをプレビューパネルに直接ストリーミングします。Agentで行った変更はシミュレーターにホットリロードされ、実機と同様に機能します。iOSシミュレーターとAndroidエミュレーターのプレビューは、Core、Pro、Enterpriseプランのビルダーが利用できます。モバイルアプリのみ — Webのみのプロジェクトではオプションは非表示です。
シミュレーターを開く方法
ブラウザサポート
- Chrome、Safari、Chromiumベースのブラウザは完全サポートされています。
- Firefoxはサポートされていません。FirefoxでReplitを開くと、iOSとAndroidのオプションが無効になり「Firefoxはサポートされていません」というメモが表示されます。これはシミュレーターを動作させるストリーミング技術の制限です。
Expo Goを代わりに使う場合
実際のハードウェアに依存する機能をテストする必要がある場合や、コンピューターにいない人とプレビューを共有したい場合は、実機でExpo Goを使用します：- カメラ、マイク、ハプティクス、その他のネイティブセンサー
- プッシュ通知
- 実際のGPS位置情報
- チームメイト、テスター、投資家との開発プレビューの共有
フルスクリーンシミュレーター
モバイルアーティファクトカードからその他のアクション → iOSシミュレーターで開くまたはAndroidエミュレーターで開くを選択して、より大きなビューポートのために独自のタブでシミュレーターを開きます。なぜモバイルアプリを構築するのか？
以下のものが必要なときにモバイルアプリを構築します：- ネイティブエクスペリエンス：高速なパフォーマンス、スムーズなインタラクション、プラットフォームネイティブUI。
- デバイス機能：カメラ、プッシュ通知、位置情報など。
- App Store配布：Appleのアプリレビュープロセス後に人々が発見してインストールできる共有可能なリスティング。
主な機能
- AI ファーストの作成：アプリを説明すると、Agentが動作するモバイルアプリをスキャフォールドします。
- プロジェクトエディタープレビュー：Replitを離れずにiOSシミュレーターまたはAndroidエミュレーターでテストするか、Expo Goでスマートフォンでプレビューします。
- デフォルトでフルスタック：アプリの成長に合わせてサーバールート、Database、App Storage、Connector、AIインテグレーションを追加します。
- ガイド付き申請：ローカルのiOSツールチェーンを管理せずに、TestFlightとApp Store申請のビルドを準備します。
開発ワークフロー
アプリにアクセスするための3つのステージがあり、それぞれ対象者と機能が異なります：| ステージ | アクセスできる人 | アクセス方法 | 最適な用途 |
|---|---|---|---|
| 開発 | あなた | プロジェクトエディターシミュレーター、またはExpo Go用のQRコード | 構築と反復 |
| デプロイ | Expo Goを持つテスター | QRコード付きの公開URL | 開発プレビュー、プロトタイピング、デモ |
| App Store | 誰でも | App Reviewを経てApp Storeからダウンロード | 本番リリース |
公開の概要
iOSリリースを準備する場合、フローは通常次のようになります：- プロジェクトエディターから公開する
- TestFlightにビルドを申請する
- App Store ConnectでTestFlightビルドをApp Storeに昇格する
TestFlightとApp Storeへのビルド申請には、AppleがApple Developer Programメンバーシップを要求します。
ネイティブモバイルアプリを構築する場所
Replitの環境はローカルマシンではなく、クラウドで動作します。ネイティブモバイルアプリを構築するには、replit.comのプロジェクトエディターを使用します。モバイルアプリのワークフロー — Agentスキャフォールディング、Expo Goプレビュー、シミュレーターとエミュレーターのテスト、TestFlightビルド、App Store申請 — はプロジェクトエディターで実行されます。 ネイティブモバイルアプリの作業は、サポートされているReplit Androidアプリでも利用できます。Replit iOSアプリを使用している場合は、replit.comでプロジェクトを開いてネイティブモバイルアプリの作成、プレビュー、ビルド、申請を行います。テクノロジーの仕組み
モバイルアプリは、連携して動作するテクノロジーのスタックで構築されています。このセクションでは、アプリを動作させるものと、各パーツがどのように組み合わさるかを説明します。テクノロジースタック
- React Nativeは、1つのコードベースを書いてiOS、Android、Webにコンパイルできるオープンソースフレームワークです。ウェブビューではなく、プラットフォームネイティブのUIコンポーネントをレンダリングします。
- Expoは、ビルドの処理、ネイティブモジュールの管理、プレビュー用のExpo Goなどのツールを提供することで、React Nativeの開発を簡素化します。
- Expo Goは、スマートフォンにインストールする無料アプリです。完全なネイティブバイナリをビルドせずに実機で開発プレビューを実行できます。
アーキテクチャ：サーバーとクライアント
モバイルアプリをプレビューまたは配布用に準備する際、2つのものを扱っています：- サーバー：クラウドのReplitで動作します。データベース、APIルート、AIインテグレーション、バックエンドロジックを処理します。
- クライアントアプリ：ユーザーのスマートフォンで動作します。開発中はExpo Goでプレビューされ、レビュー後にアプリストアを通じて配布されるネイティブアプリです。
考慮事項
- 公開要件：AppleがTestFlightとApp Storeの要件を設定し、Appleは配布前にiOSアプリをレビューします。
- Android公開：iOSとAndroid向けのクロスプラットフォームアプリを構築できます。Google Playへの公開はガイド付きエクスペリエンスではまだサポートされていませんが、手動で行うことができます。
- ネイティブな変更：アプリアイコンや権限などの変更は通常、新しいストアビルドが必要です。
トラブルシューティング
モバイルアプリの開発中に問題が発生した場合は、一般的な問題と解決策についてモバイルアプリのトラブルシューティングを参照してください。次のステップ
- Agentの仕組みを学ぶ：Agent
- インテグレーションを探索する：インテグレーション
- モバイルでReplitを使用する：Replitモバイルアプリ
- Expoについて詳しく読む：Expo
- TestFlightと申請を管理する：App Store Connect
よくある質問
Expoとは何ですか？
Expoとは何ですか？
ExpoはAgentがReplit上でモバイルアプリを構築するために使用するものです。React Nativeを使ってクロスプラットフォームのネイティブアプリを構築、実行、デプロイするためのオープンソースプラットフォームおよびツールチェーンです。詳細はhttps://expo.devをご覧ください。
React Nativeとは何ですか？
React Nativeとは何ですか？
React Nativeは、ReactとJavaScriptまたはTypeScriptを使ってネイティブiOSおよびAndroidアプリを構築するためのMetaのオープンソースフレームワークです。ウェブビューではなくプラットフォームネイティブのUIコンポーネントをレンダリングするため、アプリのルックアンドフィールはネイティブになります。
Expo Goとは何ですか？
Expo Goとは何ですか？
Expo GoはApp StoreまたはGoogle Playからスマートフォンにインストールする無料アプリです。完全なネイティブバイナリをビルドせずに開発中にモバイルアプリをプレビューできます。プロジェクトエディターでQRコードをスキャンすると、Expo GoがアプリコードをダウンロードしてBuildします。
Expo GoとDevビルドの違いは何ですか？
Expo GoとDevビルドの違いは何ですか？
Expo Goはコードを実行する事前ビルドされたアプリです。セットアップは速いですが、Expo SDKに含まれるモジュールのみをサポートします。Devビルドは任意のネイティブモジュールを含めることができるカスタムネイティブバイナリです。より多くのセットアップ（EAS BuildまたはローカルのXcode/Android Studio）が必要ですが、柔軟性が高くなります。Replitは開発プレビューにExpo Goを使用します。Expo Goでサポートされていないネイティブモジュールが必要な場合は、Expoのドキュメントを通じてDevビルドを検討する必要があるかもしれません。
モバイルレスポンシブなWebアプリとの違いは何ですか？
モバイルレスポンシブなWebアプリとの違いは何ですか？
モバイルレスポンシブなWebアプリは、ブラウザでレイアウトを調整するウェブサイトです。React Nativeアプリは、プラットフォームAPI（カメラ、ハプティクス、プッシュ通知）を使用し、ハードウェアとオフライン機能へのより良いアクセスを提供し、アプリストアを通じて配布されるデバイスにインストールされたネイティブアプリケーションです。レスポンシブWebはリーチとゼロインストールに優れており、ネイティブはデバイス機能、パフォーマンス、またはApp Store配布が必要なときに最適です。
MacやXcodeが必要ですか？
MacやXcodeが必要ですか？
いいえ。ReplitとExpoがクラウドでビルドプロセスを管理します。
Apple Developerアカウントなしでプレビューできますか？
Apple Developerアカウントなしでプレビューできますか？
はい。プロジェクトエディターのiOSシミュレーターまたはスマートフォンのExpo Goでプレビューできます。TestFlightまたはApp Storeへの申請準備ができたときにのみApple Developerアカウントが必要です。
Androidはサポートされていますか？
Androidはサポートされていますか？
はい。同じコードベースからiOSとAndroid向けのクロスプラットフォームアプリを構築できます。プロジェクトエディターのAndroidエミュレーターまたはExpo GoでAndroidデバイスでプレビューできます。Google Playへの公開は手動で行うことができます。
サーバーとデータベースはどうなりますか？
サーバーとデータベースはどうなりますか？
Replitの組み込みPostgreSQL、Object Storage、Connector、AIインテグレーションを使用します — 別のインフラストラクチャは不要です。サーバーはReplitで動作し、モバイルアプリはそれに接続します。
プロジェクトエディターのシミュレーターと実機、どちらでテストすべきですか？
プロジェクトエディターのシミュレーターと実機、どちらでテストすべきですか？
状況に応じて両方を使用します。プロジェクトエディターのiOSシミュレーターとAndroidエミュレーターはアプリのネイティブバージョンを表示し、日常的なテストのほとんど（レイアウト、ナビゲーション、ネイティブコンポーネント、プラットフォームスタイリング）をカバーします。カメラ、ハプティクス、プッシュ通知、GPS位置情報など実際のハードウェアに依存する機能をテストする必要がある場合は、Expo Goを使用して実機に切り替えます。