学習リソース

ページを編集

Expo と React Native について学ぶための、厳選されたリソースを紹介します。


For the complete documentation index, see llms.txt. Use this file to discover all available pages.

サンプルアプリが完成したので、ここからはアプリの構築に使用した技術についてさらに詳しく学んでいきましょう。

プロジェクトをアプリとして構築する

自分のマシンで新しいアプリの作成を始めるには、npx create-expo-app@latest --template default@sdk-55 を使い、続けて 開発環境のセットアップ を行います。

注: SDK 55 への移行期間中は、--template フラグを付けずに create-expo-app@latest を実行すると SDK 54 のプロジェクトが作成されます。実機で Expo Go を使用する予定がある場合は、SDK 54 のプロジェクトを使用してください。そうでない場合は、--template default@sdk-55 を指定して SDK 55 のプロジェクトを作成してください。

おすすめのリソース

新しいプロジェクトを作成したら、アプリ開発を進めるうえで役立つさまざまなツールや概念について学んでいけます。

  • 開発ツール:アプリ構築のさまざまな場面で役立つ Expo ツールのリファレンスです。
  • 開発ビルド:開発ビルドを使用すると、アプリのビルドプロセスを完全にコントロールでき、デバイスやシミュレーターでアプリをテストできます。
  • 開発の概要:Expo でアプリを開発するうえでの重要な概念や、コア開発ループの流れを高レベルで解説しています。
  • Expo Router:チュートリアルでは Expo Router の基本を扱い、タブナビゲーターを実装しました。ライブラリの詳細についてはドキュメントを参照してみてください。
  • アプリアイコンスプラッシュスクリーン:アプリアイコンとスプラッシュスクリーンのカスタマイズについて、ガイドで詳しく学べます。また、app.json ファイルで設定できるプロパティについては、アプリ設定リファレンス を参照してみてください。
  • アプリストアへの アプリ配信提出:アプリのリリース準備が整った後、アプリストアへの公開や提出方法について学べるリソースです。
  • デバッグ:問題が発生したときに、デバッグツールを使ってエラーを見つけて修正できます。

学習

React

チュートリアルでは、React のコンポーネントと API を使用しました。Expo でアプリを構築するうえで、React をしっかり理解しておくことは欠かせません。React 公式ドキュメントの クイックスタートHooks のセクションを読んでみることをおすすめします。

React Native

チュートリアルアプリの開発では、React Native を幅広く使用しました。詳しく学ぶには、React Native 基礎ガイド から始められます。また、次のドキュメントも参考にしてみてください。

コンポーネントのレイアウトには Flexbox を使用しました。Flexbox についてさらに学ぶには、次のリソースを確認してみてください。

ジェスチャーとアニメーション

さまざまな種類のジェスチャーやアニメーションの実装について学ぶには、次のドキュメントをおすすめします。

コミュニティに参加する

Discord

のコミュニティに参加して、他の Expo ユーザーとチャットしたり質問を投げかけたりしてみましょう。