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

2020.01.15

日程：2020/01/23(木)19:00 〜 21:00

募集期間：2019/12/03(火) 14:00 〜2020/01/23(木) 18:00

大阪府大阪市福島区福島 5 丁目 6 番地 16 (ラグザタワーノースオフィス)

主催 : ATLabo

ハッシュタグ：#ATLabo

募集内容	参加枠無料先着順 31/40人 ——— スタッフ枠（指名済み）無料先着順 1/3人

イベントの説明
エントリー先

イベントの説明

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

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

Interactive CanvasはVue.jsで作った画面を表示することができるので、よりリッチな表現をすることができるようになります。

このハンズオンでは、Dialogflowを使って自然言語処理を行い、バックエンドにAzure Functionsを使います。

この部屋の隣でやっているイベントにもハシゴ可能です！
https://vscode.connpass.com/event/160088/

内容

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

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

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

イベント概要

■日時
2020年01月23日(木) 19:00〜21:00

■会場
日本マイクロソフト関西支店
大阪府大阪市福島区福島 5 丁目 6 番地 16 (ラグザタワーノースオフィス)

■アクセス
JR福島駅から徒歩3分

■参加費
無料

持ち物（必須）

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.16.3 推奨。環境に応じてインストールしてください）
- https://nodejs.org/download/release/v10.16.3/node-v10.16.3-x86.msi （Windows32bitな方）
- https://nodejs.org/download/release/v10.16.3/node-v10.16.3-x64.msi （Windows64bitな方）
- https://nodejs.org/download/release/v10.16.3/node-v10.16.3.pkg (Macな方)
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	テクニカルインプット	がおまる
19:30〜21:00	ハンズオンスタート
21:00	イベント終了