【東京】Google Nest Hub対応スマートディスプレイスキルを作ろう！【Vue.js】

2019/11/18(月)19:00 〜 21:00 開催

ブックマーク

Azure, ハンズオン, スマートスピーカー

イベント内容

好評に付き増枠しました！（2019/09/25）

Vue.jsを使ってGoogle Nest Hub対応のスマートディスプレイスキルを作ってみよう！

2019年8月2日、Google Nest HubやAndroidなど画面を持つデバイス向けの機能である「Interactive Canvas」が正式リリースとなりました。
Interactive Canvasを使ったGoogleアシスタント向けアクションの開発手法を学ぶことができるハンズオンを開催いたします！

Interactive CanvasはVue.jsで作った画面を表示することができるので、よりリッチな表現をすることができるようになります。このハンズオンでは、Dialogflowを使って自然言語処理を行い、バックエンドにAzure Functionsを使います。

内容

Interactive Canvasの機能を駆使してVue.jsを使った滑舌チェックスキルを作ります。
当日は下記コンテンツで進めます。

動画はこちら
https://twitter.com/gaomar/status/1158943496348135424

Dialogflowの基礎
GUI画面で操作
Vue.jsで画面を作ってみよう
Google Assistantとデータをやり取り
Azure Functionsでバックエンド処理を作ろう
滑舌結果をLINE Notifyにも通知しよう

イベント概要

■日時
2019年11月18日(月) 19:00〜21:00

■会場
日本マイクロソフト品川本社
東京都港区港南 2-16-3 品川グランドセントラルタワー
31FセミナールームA

■アクセス品川駅から徒歩10分

■参加費
無料

持ち物（必須）

PC（Windows、Mac）※PCが無いと受講できません。
パソコンの充電ケーブル
Wi-Fiは会場に準備します。
Chrome ブラウザが使えるPC
Visual Studio CodeがインストールされたPC
LINEアカウント
携帯電話 ※LINEの結果を受け取るため

持ち物（任意）

Google Nest Hub
携帯のGoogle Assistantのアプリでも確認できます！

参加対象者

Google Assistantに興味がある方
Azure Functionsに興味がある方
VUIに興味がある方
Vue.jsの新たな使い方を知りたい方
そのようなプロジェクトに関わるエンジニアの方

※ もし来られなくなった方は早めのキャンセルをお願いいたします。

事前準備（必須）

Googleアカウント
※G Suite のアカウントではなく、Gmail のアカウントが必要です
※Google Assistantを呼び出して「天気教えて」で応答が返ってくることを確認してください。
※既にアカウントをお持ちの方は新たに作成する必要はございません。
LINEアカウント(普段利用しているLINEアカウントで構いません)
https://developers.line.biz/console/
携帯電話（ハンズオンで構築した環境からLINE受信のため）
Chromeブラウザ（推奨）
ngrok のインストール
- https://ngrok.com/
node.js のインストール（v10以上、v10.16.3 推奨）
- https://nodejs.org/ja/download/
git のインストール　　
- https://git-scm.com/
Visual Studio Codeのインストール
- Visual Studio Code: https://azure.microsoft.com/ja-jp/products/visual-studio-code/

タイムテーブル

時間	内容	登壇者
18:30	開場
19:00〜19:05	イントロダクション（諸注意）	がおまる
19:05〜19:10	会場スポンサーLT	おだしょーさん
19:10〜19:20	テクニカルインプット	GDE 田中洋一郎さん
19:30〜21:00	ハンズオンスタート
21:00	イベント終了