好評に付き増枠しました！（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/

タイムテーブル

講師

高馬宏典 (通称：がおまる)

株式会社アイエンター　システム開発本部　R&D
ATLabo・がおまる塾運営、スマートスピーカー研究開発
テクニカルチーフ、スマートスピーカーエバンジェリスト
LINE API Expert

何でも連携したがる変なおじさん。最近周りの人から「がおってる！」と言われている。
スマートスピーカーアプリ開発入門 著者

アイエンターは、ITの総合コンサルティング企業です。
デザインからシステム開発、デジタルマーケティングまでワンストップソリューションサービスをお届け致します。

http://www.i-enter.co.jp/

お願い・注意事項

• 準備や運営等のできる範囲でのお手伝い、会場でのマナー遵守等、ご協力下さいますようお願いいたします。
• 写真撮影および撮影した写真を公開する可能性があります（非公開希望の方は、当日に主催者にお知らせいただければ、公開しないよう対応いたします）。
• イベント内容は都合により変更される場合がございます。あらかじめご了承ください。
• イベント目的に沿わない、リクルーティング、勧誘、その他、参加者の邪魔になる行為は行わないでください。
• やむを得ず、イベントを中止することもございます。
• 当ハンズオンで発生したAzureの利用料、携帯電話の通信料に関しては、ご自身でお支払いいただきます。
• 喫煙所はございません。

ATLaboについて

ATLabo … Advanced Technology Laboratory
正式名称：先端技術研究会、新しい事研究会
みんなで楽しく新しい技術を共有していくユーザーコミュニティです！

Facebookグループの登録お願いします！
https://www.facebook.com/groups/2371851506415524/

会場提供スポンサー：日本マイクロソフト株式会社様

協力

株式会社アイエンター