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 アプリに追加する方法を学びます。
编写您的第一款 Flutter 应用(第 1 部分)
38分
Updated 2024年9月18日
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中,您将学习如何构建移动端的 Flutter 应用,此应用可使用能生成随机词对的软件包延迟加载无限列表。
编写您的第一款 Flutter 应用(第 2 部分)
43分
Updated 2024年9月18日
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中,您将扩展简单的移动应用,以添加交互性和导航,并更改其主题颜色。
MDC-103 Flutter:Material 主题中的颜色、形状、高度和类型 (Flutter)
34分
Updated 2024年9月18日
了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。
MDC-101 Flutter:Material Components (MDC) 基础知识 (Flutter)
14分
Updated 2024年9月18日
利用核心组件构建一个简单的应用,学习使用 Material Components for Flutter 的基础知识。