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

イベント内容

好評に付き増枠しました!(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 のインストール
  • node.js のインストール(v10以上、v10.16.3 推奨)
  • git のインストール  
  • Visual Studio Codeのインストール

タイムテーブル

時間 内容
18:30 開場
19:00〜19:10 イントロダクション(諸注意)
19:15〜21:00 ハンズオンスタート
21:00 イベント終了

講師

アイエンター

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

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

最近はHoloLensよりもスマートスピーカーにはまり、個人開発のアプリ公開のみならず、
会社からもスマートスピーカー対応アプリをリリース。3種の神器(Amazon Echo、Google Home、LINE Clova)所持

スマートスピーカーアプリ開発入門 著者

注目記事:Google Homeで受付システム作ってみた
https://qiita.com/h-takauma/items/4ecc3421f2995b207284

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

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

お願い・注意事項

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

ATLaboについて

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

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

協力

日本マイクロソフト
株式会社アイエンター

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント