Google Developers Codelab は、個別指導の実践的なコーディング エクスペリエンスを提供します。ほとんどの Codelab では、小規模なアプリを構築するプロセスや、既存のアプリに新しい機能を追加するプロセスを手順ごとに説明します。Google Android Wear、Google Compute Engine ARCore、Google API を iOS でサポートしています。
GitHub の Codelab ツールFirebaseUI を使用して Flutter アプリにユーザー認証フローを追加する
8分
Updated 2025年3月2日
この Codelab では、わずか数行のコードで Flutter アプリに Firebase Authentication を追加する方法を学びます。
Flutter アプリにアプリ内購入を追加する
Updated 2025年1月23日
この Codelab では、Dart バックエンド サービスを使用して検証および管理する Flutter アプリにアプリ内購入を追加します。
Flutter のアニメーション
24分
Updated 2025年1月14日
この Codelab では、Flutter でアニメーションを使用する方法について学習します。サイズと色の両方をアニメーション化するウィジェットを作成し、3D カード フリップ エフェクトを追加します。また、アニメーション パッケージのエフェクトを使用し、Android の予測型「戻る」ジェスチャーのサポートを追加します。
Flutter ゲームにサウンドと音楽を追加する
42分
Updated 2024年11月9日
Flutter を使用して、効果音、バックグラウンド ミュージック、ダイナミック オーディオをゲームに追加する方法を学びます。
Firebase Emulator Suite を使用した Flutter アプリのローカル開発
8分
Updated 2024年10月10日
Flutter での開発中に Firebase Emulator Suite を使用する方法の概要を説明する Codelab。この Codelab では、Auth エミュレータと Firestore エミュレータを使用して、エミュレータの使用方法を確認します。
マテリアル 3 でアニメーション化されたレスポンシブ アプリ レイアウトを作成する
53分
Updated 2024年9月20日
この Codelab では、Flutter がサポートしている 6 つのプラットフォームで、マテリアル 3 を使い、流れるようなアニメーションで表示されるアダプティブなデザインのアプリケーションを作成する経験が得られます。
Flutter アプリにホーム画面ウィジェットを追加する
35分
Updated 2024年8月29日
この Codelab では、iOS または Android 向けの Flutter アプリ用のホーム画面ウィジェットを作成します。基本的な Flutter ニュースアプリから始めます。その後、ネイティブ フレームワークを使用してウィジェット自体の UI を作成します。最後に、リソースを共有し、ウィジェットとメインアプリ間の通信を確立する方法を学びます。
Dialogflow Essentials を使用して Android 用音声ボットを構築するフラッター
1時間 5分
Updated 2024年8月29日
Dialogflow には、ウェブ、Google アシスタント、ソーシャル メディア、Phone Gateway など、多くのインテグレーションがあらかじめ組み込まれています。しかし、chatbot をモバイル デバイスで使用できるようにするには、カスタム統合を作成する必要があります。このラボでは、Dialogflow Essentials を Flutter アプリに統合する方法について学習します。
Flutter と Flame で 2D 物理ゲームを作成する
32分
Updated 2024年8月22日
2D 物理エンジンの Forge2D を使って、Flutter や Flame のゲームでゲームの仕組みを作る方法を学びましょう。
Flame with Flutter の概要
55分
Updated 2024年8月22日
この Codelab では、Flutter 上に構築されたゲームエンジンである Flame の使用方法を学びます。Flame のコンポーネントと効果、Flame を Flutter の状態管理と統合する方法について学習します。
Flutter でワードパズルを作成する
53分
Updated 2024年8月22日
コンピューティング負荷の高い Flutter アプリを作成し、Flutter の滑らかなインタラクティビティを維持する方法を説明します。
Flutter と Flame でゲームを作成する
Updated 2023年5月11日
この Codelab では、Flutter と Flame Engine を使用して Doodle Dash というプラットフォーマー ゲームを作成します。
Flutter プラグインで FFI を使用する
Updated 2023年5月11日
この Codelab では、既存のネイティブ C ライブラリを使用するために、FFI を使用してモバイルとパソコンの両方プラットフォーム向けに Flutter プラグインを作成します。
MDC-101 Flutter: マテリアル コンポーネントの基本
Updated 2023年5月9日
シンプルな Flutter アプリのログインページを作成して、マテリアル コンポーネントの基本的な使用方法を学びます。
Flutter でのアダプティブ アプリ
Updated 2023年5月8日
この Codelab では、Flutter でサポートされているプラットフォーム(Android、iOS、ウェブ、Windows、macOS、Linux)のすべてに適応する Flutter アプリを作成します。
MDC-104 Flutter: マテリアルの高度なコンポーネント
Updated 2023年5月3日
デザインを改良する作業を通じて、Flutter 向けの高度なコンポーネントである背景メニューの使用方法を学習します。
MDC-103 Flutter: カラー、シェイプ、高度、タイプによるマテリアルのテーマ設定
Updated 2023年5月3日
Flutter 用のマテリアル コンポーネントを使用すると、デザインを通じて商品を差別化し、ブランドを表現することがいかに容易になるかを学習します。
Flutter 用のマテリアル モーションで美しい移行を作成する
Updated 2023年5月2日
アニメーション パッケージの移行を使用して、マテリアルのモーション システムを返信アプリに組み込みます。
Flutter アプリに AdMob 広告を追加する
Updated 2023年4月25日
この Codelab では、Flutter アプリにバナー広告、インタースティシャル広告、リワード広告を追加する方法を学びます。
Flutter アプリを「退屈なアプリ」から「見栄えの良いアプリ」に変える
Updated 2022年5月9日
Flutter は、1 つのコードベースからネイティブにコンパイルして、モバイル、ウェブ、デスクトップの美しいアプリケーションを作成できる Google の UI ツールキットです。Flutter は既存のコードと組み合わせることも可能です。世界中のデベロッパーの皆様にご利用いただける、無料のオープンソースです。 この Codelab では、Flutter 音楽アプリケーションを拡張して、退屈なアプリを魅力的なものにしていきます。これを実現するため、この Codelab では マテリアル 3
TensorFlow Lite Model Maker を使用してカスタム テキスト分類モデルを作成する
Updated 2022年5月9日
TensorFlow Lite Model Maker を使用して特定の種類のスパムを検出するようにスパム検出モデルを再トレーニングする方法を学びます。
TensorFlow Lite Model Maker を使用してコメントスパム検出モデルをトレーニングする
Updated 2022年5月9日
TensorFlow Lite Model Maker を使用してコメントスパム検出モデルをトレーニングする方法を学びます。
Flutter アプリに Google マップを追加する
Updated 2022年4月29日
この Codelab では、iOS / Android 用の高品質なネイティブ エクスペリエンスを開発できる Flutter モバイルアプリ SDK を使って、Google マップを組み込んだエクスペリエンスを構築します。
Flutter アプリに WebView を追加する
Updated 2022年4月23日
この Codelab では、webview_flutter プラグインを Flutter アプリに追加する方法を学びます。