70
64

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-03-29

我が家で大活躍中の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というものを使ってアプリ開発してみようと思います。

関連リンク

70
64
7

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
70
64

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?