[基礎知識]Flutterリンク集

Read Time:2 Minute, 11 Second

　Flutterについて個人的に参考にしたサイトのリンク集です。

１．Flutter（https://docs.flutter.dev/）

　FlutterSDKに関する公式ドキュメント。
　Flutterの使い方、セットアップ方法、各種ウィジェットの解説、開発に関するベストプラクティス、さらにはトラブルシューティングのためのガイドラインまで、Flutterに関する幅広い情報提供あり。
　初心者から上級者まで、Flutterに関心のある開発者にとって非常に有用。

２．環境構築

・[基礎知識]Flutter開発環境準備

・[基礎知識]Firebaseプロジェクトページでのアプリ追加

・アプリの対象デバイス選択（https://docs.flutter.dev/get-started/install/windows）

・インストール方法（モバイル向け）（https://docs.flutter.dev/get-started/install/windows/mobile?tab=vscode）

３．サンプルテンプレート

３．１　github.com/flutter/codelabs（https://github.com/flutter/codelabs）

　Flutterに関連する様々な”codelabs”と呼ばれるインタラクティブなプログラミングチュートリアルを含むリポジトリです。Codelabsは、Flutterの使い方を学ぶための実践的なガイドを提供します。
全リポジトリ入手手順：

上記GitHubリポジトリページにアクセスします。
ページの上部にある「Code」という緑色のボタンをクリックします。
ドロップダウンメニューから「Download ZIP」を選択して、リポジトリのZIPアーカイブをダウンロードします。
ダウンロードしたZIPファイルを展開して、リポジトリの内容にアクセスします。

Gitによる入手手順：

>　git clone https://github.com/flutter/codelabs.git

リポジトリ更新時にローカルクローンを更新する手順：

>　git pull origin main

初心者が学習し易い順番は以下の通りです。

1 namer ( 初めての Flutter アプリ )

2 homescreen_codelab ( Flutter App へのホーム画面ウィジェットの追加 )

3 boring_to_beautiful ( Flutter アプリを退屈なものから美しいものに変えましょう )

4 testing_codelab ( Flutter アプリをテストする方法 )

5 firebase-get-to-know-flutter ( Flutter 用 Firebase について知る )

6 cupertino_store ( Flutter を使用してクパチーノアプリを構築する )

7 adaptive_app ( Flutter のアダプティブアプリ )

8 firebase-auth-flutterfire-ui ( FirebaseUI を使用してユーザー認証フローを Flutter アプリに追加する )

https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps?hlURL:

9 webview_flutter ( Flutter アプリに WebView を追加する )

10 firebase-emulator-suite ( Firebase エミュレータスイートを使用した Flutter アプリのローカル開発 )

11 github-client ( Flutter デスクトップアプリケーションを作成する )

12 google-maps-in-flutter ( Flutter アプリに Google マップを追加する )

13 in_app_purchases ( Flutter アプリにアプリ内購入を追加する )

14 ffigen_codelab ( Flutter プラグインでの FFI の使用 )

15 animated-responsive-layout ( マテリアル 3 を使用してアニメーション化されたレスポンシブアプリレイアウトを構築する )

16 next-gen-ui ( Flutter で次世代 UI を構築する )

17 tfrs-flutter ( フルスタック映画推薦システムの構築 )

18 tfagents-flutter ( TensorFlow エージェントと Flutter を使用したボードゲームの構築 )
19 tfserving-flutter ( Flutter アプリのパスウェイでテキスト分類を始めましょう )
20 dart-patterns-and-records ( Dart のパターンと記録を詳しく見る )

21 haiku_generator ( PaLM API と Flutter を使用して Google 製品に関する俳句を作成する )

22 brick_breaker ( ゲーム開発 )

３．１　Write your first Flutter app（https://docs.flutter.dev/get-started/codelab）

４．トラブルシューティング

(1)　import package:***におけるエラー
　　(The imported package ‘***’ isn’t a dependency of the importing package.)

>　flutter pub deps
・pubspec.yaml
・Pub.dev(https://pub.dev/)　※パッケージversion確認、インストール、import文追加

(2)　flutter upgrade 指摘事項
　　(Flutter 3.18.0-19.0.pre.100 ・channel master・https://github.com/flutter/flutter.git
　　This channel is intended for Flutter contributors.)

>　flutter channel beta
>　flutter upgrade
>　flutter doctor

(3)　Waiting for connection from debug service on Chrome…Failed to compile application.
　　※既にデバッグ済み、動作確認済みのコードで、Chromeモードで起動できなくなりました。

>　flutter pub upgrade
>　flutter upgrade
>　flutter clean
>　flutter pub get
>　flutter run -d Chrome

(4)　Building with plugins requires symlink support.Please enable Developer Mode in your system settings.

FlutterプロジェクトをWindowsで実行しようとした際に、プラグインを使うために必要なシンボリックリンク（symlink）がサポートされていないことを示しています。Windowsでシンボリックリンクを使用するには、開発者モード（Developer Mode）を有効にする必要があります：
[スタートメニュー]→[設定]→[更新とセキュリティ]→[開発者向け]→「はい」

(5)　Got dependensies! *packages have newer versions incompatible with dependency constraints.
　　Try `flutter pub outdated` for more information.

>　flutter pub outdated
あとは上記(1)と同様

５．

（参考）上記以外の参考リンク：

１．Android Studio（https://developer.android.com/studio?hl=ja）