From 25de79ea25abc4cec56b17043df907dae4875b29 Mon Sep 17 00:00:00 2001 From: Daichi Aoki Date: Sat, 21 Oct 2023 21:50:58 +0900 Subject: [PATCH] =?UTF-8?q?:books:=20=E3=83=81=E3=83=A3=E3=83=97=E3=82=BF?= =?UTF-8?q?=E3=83=BC=EF=BC=95=E3=81=AE=E3=82=BF=E3=82=A4=E3=83=9D=E7=AD=89?= =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/outline/chapter5.md | 32 +++++++++++++++++++++----------- 1 file changed, 21 insertions(+), 11 deletions(-) diff --git a/docs/outline/chapter5.md b/docs/outline/chapter5.md index c891546..72fd560 100644 --- a/docs/outline/chapter5.md +++ b/docs/outline/chapter5.md @@ -71,26 +71,29 @@ void main() async { ``` ### 1. Androidでのビルド準備を進める -#### Android/app フォルダ -`build.gradle` に以下を追記します。 +`Android/build.gradle` に以下を追記します。 +```txt +classpath 'com.google.gms:google-services:4.3.10' +``` + +`Android/app/build.gradle` に以下を追記します。 ```txt apply plugin: 'com.google.gms.google-services' ``` -[GitHub Discussions](https://github.com/FlutterKaigi/tic_tac_toe_handson/discussions) から `google-services.json` をを取得し、追加します。 -#### Android フォルダ -`build.gradle` に以下を追記します。 +また`defaultConfig`の中に記載がない場合、以下も追記します。 ```txt -classpath 'com.google.gms:google-services:4.3.10' +multiDexEnabled true ``` +[GitHub Discussions](https://github.com/FlutterKaigi/tic_tac_toe_handson/discussions) から `google-services.json` を取得し、`Android/app`に追加します。 + ### 2. iOSでのビルド準備を進める iOSフォルダをXcodeで開いたのちに、Runnerに[GitHub Discussions](https://github.com/FlutterKaigi/tic_tac_toe_handson/discussions) で取得した `GoogleService-Info.plist` を追加します。 このとき、「Copy items if needed」にチェックを入れて追加してください。 ![Alt text](../public/chapter5/add_plist.png) - これで基本的な準備は完了! ハンズオン用に手動でしましたが、[FlutterFire](https://firebase.flutter.dev/)を使用することでコマンドで簡単にできます。 @@ -132,7 +135,7 @@ iOSフォルダをXcodeで開いたのちに、Runnerに[GitHub Discussions](htt ## リポジトリを作成する まずは、新しいファイルを作りましょう。 -`lib/repository/tic_toc_toe_repository.dart` +`lib/repository/tic_tac_toe_repository.dart` 続いて、クラスを作成します。 ```dart @@ -208,7 +211,7 @@ final ticTacToeRepositoryProvider = AutoDisposeProvider( ## データを取得するProviderを作成する 新しいファイルを作りましょう。 -`lib/provider/get_tic_toc_toe_provider.dart` +`lib/provider/get_tic_tac_toe_provider.dart` 以下を記載してください。 ```dart @@ -235,7 +238,7 @@ FirestoreはWebSocketが基盤になっているため、リアルタイムで ## データを保存するProviderを作成する 新しいファイルを作りましょう。 -`lib/provider/update_tic_toc_toe_provider.dart` +`lib/provider/update_tic_tac_toe_provider.dart` 以下を記載してください。 ```dart @@ -328,4 +331,11 @@ final getTicTacToeProvider = AutoDisposeStreamProvider( ); ``` -それでは遊んでみましょう〜!! +それでは遊んでみてください。 + +iOSでビルドした際に、Podfileに以下のコマンドが記載されている場合、コメントアウトすることで実行できます。 +```txt +# target 'RunnerTests' do +# inherit! :search_paths +# end +```