Edited at

3分でつくるGoogle Home自作アプリ

More than 1 year has passed since last update.

我が家で大活躍中のGoogle Home。もっと活躍してもらうために自作アプリを開発することにしました。調べてみるとActions on Googleのテンプレートを使うと簡単に自作アプリが開発できるようなのでさっそくつくってみました。

用語
説明

Googleアシスタント
Googleが開発したAIアシスタント

Google Home
Googleアシスタントが搭載されたスマートスピーカー

Actions on Google
Googleアシスタント用のアプリケーションを作成するためのプラットフォーム

テンプレート
Actions on Google上で簡単にアプリケーションが作れる雛形


3分で自作アプリをつくる手順

まずはActions on GoogleのWebページにいきます。

Actions on Google

スクリーンショット 2018-03-29 21.47.27.png

Add/import projectを選択します。


スクリーンショット 2018-03-29 21.50.29.png

テンプレートは3種類用意されているようです。


  • Trivia:雑学アプリ

  • Personality Quiz:個人的なクイズアプリ

  • Flash Cards:記憶力アプリ

今回は雑学アプリをつくるので、テンプレートの中から、Trivia -> BUILDを選択します。


スクリーンショット 2018-03-29 21.56.34.png

以下情報を入力し、CREATE PROJECTを選択します。


  • Project name:アプリの名前

  • Country/region:Japan


スクリーンショット 2018-03-29 21.57.37.png

アプリがサポートする言語を設定します。初期ではEnglishとなっているので、赤枠箇所を選択し、これを日本語に変更します。


スクリーンショット 2018-03-29 21.57.54.png

Add/remove languagesを選択します。


スクリーンショット 2018-03-29 21.58.00.png

Japaneseにチェックを入れ、UPDATEを選択します。これでアプリがサポートする言語の設定完了です。


スクリーンショット 2018-03-29 21.58.14.png

続いて、アプリのパーソナリティ(個性)を選択します。テンプレートではあらかじめロボットのパーソナリティが用意されているのでそれを使います。

NEXTを選択します。


スクリーンショット 2018-03-29 21.58.30.png

次は、赤枠箇所を選択し、雑学アプリの雑学の内容を設定していきます。


スクリーンショット 2018-03-29 21.58.34.png

雑学の内容はGoogleスプレッドシートを用いて設定します。赤枠のリンクを選択し、あらかじめ用意されている雛形を使います。


スクリーンショット 2018-03-29 21.58.48.png

コピーを作成を選択します。


スクリーンショット 2018-03-29 23.08.36.png

実際の雑学の内容が書かれたGoogleスプレッドシートがこちら。意外とシンプルなレイアウトでびっくり。テンプレートではこんな感じでアプリの設計を行うんですね。雑学内容がいくつか書かれていますね。雑学内容はお好みで変更しましょう。

このGoogleスプレッドシートを取り込むために、シートのURLが必要になるのでメモしておきましょう。


スクリーンショット 2018-03-29 21.59.38.png

さきほどメモしておいたGoogleスプレッドシートのURLを入力し、UPLOADを選択します。


スクリーンショット 2018-03-29 21.59.49.png

CREATE APPを選択するとGoogle Homeの自作雑学アプリの完成です!


スクリーンショット 2018-03-29 22.00.29.png

TEST APPを選択し、つくった雑学アプリを動かしてみます。


スクリーンショット 2018-03-29 23.37.53.png

動かし方は2つです。


  1. Google Homeに「テスト用アプリにつないで」と話しかける

  2. 画面下のマイクマークを選択し、PCに向かって「テスト用アプリにつないで」と話しかける

呼びかけ方(テスト用アプリにつないで)を自由に設定するためにはアプリをリリースする or テンプレート以外の方法でアプリを開発するのでしょうか。このあたりはまだよくわかっていません。


完成したものがこちら


まとめ

こんな簡単にGoogle Homeのアプリって開発できるんですね。次はテンプレートではなく、自由度高く開発できるDialogflowというものを使ってアプリ開発してみようと思います。


関連リンク