VS Code 用 Google Home 拡張機能

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

デバイス SDK

Google Home Extension for Visual Studio Code は、Google Home Platform デベロッパー向けに設計され、作成されています。この拡張機能を使用すると、Google Assistant Simulator や Cloud Logging などのツールにアクセスして、スマートホームの開発プロセスを簡素化できます。

VS Code 用 Google Home 拡張機能

Google Home 拡張機能の機能

Google アシスタント シミュレータ

スマートホーム デバイスが Google Home エコシステムと適切に連携するかどうかをテストするには、VS Code から離れることなく、いつでも Assistant Simulator を操作できます。

Actions Console の既存のシミュレータと同様に、Assistant Simulator検索キーワードを入力することでデバイスを簡単に操作できます。"照明をつける。 VS Code 内で、Assistant Simulator はコマンドに基づいてテキスト メッセージを返します(例: 「はい、照明をつけます。」詳しくは、Google アシスタント シミュレータを使用するをご覧ください。

バッチ発話

オートマトンなどの Google Home の統合をテストするには、発話スクリプトを実行して、バッチ音声を Google アシスタント シミュレータに送信します。詳細については、バッチ発話の実行をご覧ください。

Cloud Logging

Cloud Logging は、アクションの使用状況を分析するためのデバッグ情報と主要指標を提供します。開発を簡素化するため、トラブルシューティング中に Google Home Extension は、コードの横にリアルタイムの Google Cloud Logging メッセージを表示します。詳細については、Cloud Logging を表示するをご覧ください。

ホームグラフ ビューア

Google Home Extensionホームグラフ ビューアを直接使用できるようになったため、VS Code 内のホームグラフでデバイスの状態を確認できます。詳しくは、ホームグラフを表示してテストを実行するをご覧ください。

Google Home Extension for VS Code をインストールする

VS Code をダウンロードしてインストールします。

VS Code をダウンロードする

VS Code をインストールしたら、次のいずれかのオプションを使用して Google Home Extension をインストールします。

VS Code から Google Home Extension をインストールする

VS Code から Google Home Extension をインストールする場合は、次の手順を行います。

  1. Google Home Extension の VSIX ファイルをダウンロードします。ダウンロードしたファイルを解凍して VSIX ファイルを抽出します。

    Google Home Extension の VSIX ファイルをダウンロード

  2. VS Code を起動します。

  3. 次のいずれかのインストール方法を選択します。

    • アクティビティ バーの [Extensions](拡張機能)をクリックします。[EXTENSIONS] メニューで、その他オプション 、[Install from VSIX...](VSIX からのインストール)の順にクリックします。

      拡張機能メニューから Google Home 拡張機能をインストールする
    • ウェルカム ページで [Run a Command...](コマンドを実行)をクリックするか、[View](表示)をクリックして [Command Palette...](コマンド パレット)を選択します。コマンド パレットに、「Install from VSIX」と入力します。

      コマンド パレットから Google Home 拡張機能をインストールする
  4. プロンプトが表示されたら、ダウンロードして解凍した VSIX ファイルを選択します。

詳細については、Microsoft の Extension Marketplace のドキュメントをご覧ください。

コマンドラインから Google Home 拡張機能をインストールする

コマンドラインからインストールするには、--install-extension を使用します。

code --install-extension google-home-extension.vsix

VS Code 用の Google Home 拡張機能を設定する

Google Home Extension をインストールして VS Code を再読み込みした後、Assistant Simulator を使用して Cloud Logging を表示するには、次の手順を行う必要があります。

Google でログイン

Google Home Extension からデベロッパー アカウントにログインして、VS Code がユーザーに代わって Google サービスと通信することを許可します。

  1. アクティビティ バーGoogle Home アイコンをクリックし、Google Home Extension を開きます。

    Google Home 拡張機能のアイコン
  2. [Google でログイン] をクリックして、ブラウザでログインビューを起動します。

    VS Code の [Sign in with Google]
  3. スマートホーム デバイスにリンクされているアカウントを選択します。

  4. [Sign in with Google] の認証ページで、[Allow](許可)をクリックします。

  5. ブラウザタブが開き、[Visual Studio Code を開く] ダイアログ ボックスが表示されます。[Open Visual Studio Code] をクリックして続行します。

    VS Code のダイアログ ボックスを開く
  6. VS Code にリダイレクトされます。ここで、Google Home 拡張機能が URI を開くための権限が必要です。[開く] をクリックしてログイン プロセスを完了してください。

    Google Home 拡張機能が URI を開くことを許可

Cloud プロジェクトを選択してください

  1. ログイン後、Google Home Extension によってプロジェクトが読み込まれます。完了したら、[プロジェクトを選択] をクリックします。

    プロジェクトを選択する
  2. 表示された [Search and select a project] プルダウン ウィンドウで、スマートホーム プロジェクトを選択します。

VS Code 用の Google Home 拡張機能を使用する

デベロッパー リソースを表示する

[QUICK ACCESS] で、[Resources] をクリックして [Resources] ページを開きます。このページには、Google Home エコシステムでの開発に役立つ情報がまとめられています。

Google Home エコシステムのリソース

Google アシスタント シミュレータを使用する

VS Code で Assistant Simulator を開くには、サイドバーの [GOOGLE ASSISTANT SIMULATOR] をクリックします。[メッセージ] ボックスにクエリを入力し、Enter キーを押します。

Assistant Simulator レスポンスを表示し、クエリの後のボタンをクリックして再送信できます。

Google アシスタント シミュレータを使用する

バッチ発話の実行

GOOGLE アシスタント シミュレータのメニューバーにカーソルを合わせ、次のオプションを選択してスクリプトを設定します。

  • をクリックして、既存の発話スクリプトを開きます。

  • をクリックして、履歴を *.utterance スクリプトに保存します。

    バッチ発話のメニュー アイコン

バッチ音声の送信を開始するには、次のオプションから選択します。

  • をクリックして、プルダウン ウィンドウから発話スクリプトを選択します。
  • *.utterance ファイルを直接開き、 をクリックします。

    バッチ発話実行アイコン

Cloud Logging を表示する

[クイック アクセス] で [Cloud Logging] をクリックして [Cloud Logging] ページを開き、選択したプロジェクトに属するログを探します。

Cloud Logging を使用する

ユーザーは、重大度と期間に基づいてログをフィルタできます。

重大度と時間でログをフィルタする

デフォルトでは、ログは 50 行に制限されています。ユーザーがさらにログを表示するには、一番下までスクロールして [展開] をクリックし、その他のログを表示します。

その他のログを見る

ホームグラフを表示してテストを実行する

[QUICK ACCESS] で、[Home Graph Viewer] をクリックして、[Home Graph Viewer] パネルを開きます。ここで、選択したプロジェクトに属するデバイスを確認できます。[Run Test] をクリックして、デバイスのテストを実行することもできます。

ホームグラフ ビューア

これにより、デバイスがテストされ、テストの準備が整った状態で、ブラウザでテストスイートが起動します。[開始] をクリックして、テスト結果を待ちます。

スマートホーム用テストスイート

テストの詳細を確認し、すべてのテストの完了後にログを表示できます。

テスト結果

フィードバックを送信

Google Home Extension での開発エクスペリエンスの改善についてご意見やフィードバックをお送りいただくには、次のいずれかの方法を選択します。

  • サイドバーの [GOOGLE SIGN IN](Google ログイン)にあるフィードバック アイコンをクリックします。

    フィードバックを送信アイコン
  • また、[Resources](リソース)ページにもフィードバック アイコンが配置されています。