Google Developers Codelab は、個別指導の実践的なコーディング エクスペリエンスを提供します。ほとんどの Codelab では、小規模なアプリを構築するプロセスや、既存のアプリに新しい機能を追加するプロセスを手順ごとに説明します。Google Android Wear、Google Compute Engine ARCore、Google API を iOS でサポートしています。
GitHub の Codelab ツールFirebase App Check と reCAPTCHA を使用して Places API リクエストを検証する
41分
Updated 2024年12月21日
この Codelab では、Places API へのリクエストを実行する前に、Firebase AppCheck と reCAPTCHA を使用してウェブ アプリケーションを検証する方法について学習します。
Places SDK for Android(Kotlin)を使ってみる
Updated 2022年5月11日
この Codelab では、Places SDK for Android をアプリに統合し、Places SDK の各機能を使用する方法について説明します。 この Codelab を実行するには、次のアカウント、サービス、ツールが必要です。 以下の有効化の手順では、 Places API を有効にします。 課金を有効にした Google Cloud Platform アカウントとプロジェクトをまだ作成していない場合は、 Google Maps Platform スタートガイド
地図を Android アプリに追加する(Kotlin)
Updated 2022年5月9日
この Codelab では、米国カリフォルニア州サンフランシスコにある自転車店の地図を表示するアプリを作成することで、Maps SDK for Android をアプリに統合する方法と、その主要な機能を使う方法について説明します。 以下の有効化の手順では、 Maps SDK for Android を有効にする必要があります。 課金を有効にした Google Cloud Platform アカウントとプロジェクトをまだ作成していない場合は、 Google Maps Platform
ウェブサイトに地図を追加する(JavaScript)
Updated 2022年5月7日
この Codelab では、ウェブで Google Maps Platform を使用するための基本事項について説明します。事前の設定、Maps JavaScript API の読み込み、最初の地図の表示、マーカーとマーカー クラスタリングの操作、地図上での図形の描画、ユーザー操作の処理など、あらゆる基本事項を習得できます。 この Codelab では、以下の機能を備えたシンプルなウェブアプリを作成します。 この Codelab
Android の拡張現実で付近の場所を表示する(Kotlin)
Updated 2022年5月7日
この Codelab では、Google Maps Platform のデータを使用して、Android の拡張現実(AR)で付近の場所を表示する方法について説明します。 この Codelab では Android 10.0(API レベル 29)を使用します。Android Studio には Google Play 開発者サービスがインストールされている必要があります。これらの依存関係を両方ともインストールするには、次の手順を行います。 次のセクションの手順 3 で、この Codelab
地図を iOS アプリに追加する(Objective-C)
Updated 2022年5月7日
このコードラボでは、Objective-C での iOS アプリの作成に Google Maps Platform を使用するための基本事項について説明します。事前の設定、Maps SDK for iOS の読み込み、最初の地図の表示、マーカーとマーカー クラスタリングの操作、地図上での図形の描画、ユーザー操作の処理など、あらゆる基本事項を習得できます。 この Codelab では、以下の機能を備えた iOS アプリを作成します。 この Codelab
地図を iOS アプリに追加する(Swift)
Updated 2022年5月3日
この Codelab では、Google Maps Platform を使って Swift で iOS アプリの作成を開始する方法について学習し、以下の機能を備えた iOS アプリを作成します。 この Codelab を実行するには、次のアカウント、サービス、ツールが必要です。 以下の有効化の手順では、 Maps SDK for iOS を有効にする必要があります。 課金を有効にした Google Cloud Platform アカウントとプロジェクトをまだ作成していない場合は、 Google
WebGL Overlay View で構築する 3D マップ エクスペリエンス
Updated 2022年5月3日
この Codelab では、WebGL を使った Maps JavaScript API の機能による、3 次元的なベクターマップの制御とレンダリングについて解説します。 この Codelab は、JavaScript と Maps JavaScript API に関する中級レベルの知識を前提とした内容です。Maps JS API の使い方の基礎を学ぶ場合は、 Codelab「ウェブサイトに地図を追加する(JavaScript)」 がおすすめです。 以下の有効化の手順では、 Maps
SwiftUI(Swift)を使って iOS アプリに地図を追加する
Updated 2022年4月29日
この Codelab では、SwiftUI で Map SDK for iOS を利用する方法を解説します。 以下の有効化の手順では、 Maps SDK for iOS を有効化します。 課金を有効にした Google Cloud Platform アカウントとプロジェクトをまだ作成していない場合は、 Google Maps Platform スタートガイド に沿って請求先アカウントとプロジェクトを作成してください。 できるだけ早く演習を開始できるように、この Codelab
Flutter アプリに Google マップを追加する
Updated 2022年4月29日
この Codelab では、iOS / Android 用の高品質なネイティブ エクスペリエンスを開発できる Flutter モバイルアプリ SDK を使って、Google マップを組み込んだエクスペリエンスを構築します。
Google Maps Platform と Google Cloud でフルスタックの店舗検索アプリを作成する
Updated 2022年4月29日
地図に掲載したい場所が多数あり、その場所がどこにあるか、どの場所に行けばよいかをユーザーに知らせたいとします。一般的な例として、次のようなものがあります。 この Codelab では、特殊な場所のライブ データフィードからデータを取得し、ユーザーの出発点に最も近い場所を見つけるスポット検索アプリを作成します。このフルスタックのスポット検索アプリでは、店舗拠点が 25 か所に制限されている 簡単な店舗検索アプリ よりも多くの場所を処理できます。 この Codelab
Android 向けの独自の Current Place Picker を作成する(Java)
Updated 2022年4月29日
Google Maps Platform の Android 向け Maps SDK と Places SDK を使用して、現在地である可能性の高い場所のリストを提供することで、ユーザーの位置を特定する方法を学びます。
Google Maps Platform と deck.gl を使用してデータを可視化する
Updated 2022年4月29日
この Codelab では、Maps JavaScript API と、WebGL アクセラレーテッドのオープンソース データ可視化フレームワークである deck.gl を使って、大量の地理空間データを可視化する方法について説明します。 Google Maps Platform を使用したことがない場合は、以下の手順を行います。 まだお持ちでない場合は、 https://nodejs.org/ に移動し、Node.js ランタイムをパソコンにダウンロードしてインストールします。 Node.js
Google Maps Platform(JavaScript)でシンプルな店舗検索を作成する
Updated 2022年4月27日
ウェブサイトで最も一般的な機能のひとつは、ビジネス拠点や施設など、物理的に存在する場所を示した Google マップ を表示することです。地図の実装方法は、場所の数や変更頻度などの要件によって大きく異なります。 この Codelab