Save 37% off PRO during our Black Friday Sale! »

[Alexa] 非エンジニアの皆様に贈るAlexaスキル開発ができるようになるまでのリアルな道のり/jawsdays-2019-alexa-mrmo

8d0803aa4572615f7bce5f5288e6b716?s=47 mochan-tk
February 23, 2019

[Alexa] 非エンジニアの皆様に贈るAlexaスキル開発ができるようになるまでのリアルな道のり/jawsdays-2019-alexa-mrmo

下記の発表資料になります。
Jan 23th, 2019 -- JAWS Days 2019
https://jawsdays2019.jaws-ug.jp/

8d0803aa4572615f7bce5f5288e6b716?s=128

mochan-tk

February 23, 2019
Tweet

Transcript

  1. 〜非エンジニアの皆様に贈る〜 Alexaスキル開発ができるようになるまでのリアルな道のり 1 Feb 23th, 2019 -- JAWS Days 2019

  2. 自己紹介 2 名前:河本貴史(@mochan_tk / もっちゃん) 所属:クラスメソッド株式会社 AIソリューション部 • IT系の勉強会開催(機械学習系もくもく会、インフラ・プロコン) •

    子供向けのプログラミング勉強会開催 • 個人で開発したLINE Clovaのスキルが公式ランキング2回連続 TOP10入り! • お喋りがすごく好きです!(ただし人見知りでシャイボーイです) Facebook
  3. アジェンダ 3 • ノンコーディング編 • アウトプット編 • コーディング編

  4. 半年間の道のり 4 ノンコーディングでAlexa スキル開発 子供向けのAlexaスキル開発 勉強会開催(アウトプット) コーディングでAlexaスキル 開発 2018年6月〜 2018年8月

    2018年11月〜
  5. 半年間の道のり 5 ノンコーディングでAlexaス キル開発 子供向けのAlexaスキル開発 勉強会開催(アウトプット) コーディングでAlexaスキル 開発 2018年6月〜 2018年8月

    2018年11月〜 ノンコーディング編 コーディング 編
  6. 徐々にステップアップ! 6

  7. ノンコーディング編 7

  8. ノンコーディング編 8 • Alexaスキル開発のハードル ◦ プログラミング ◦ 開発環境の構築

  9. ノンコーディング編 ノンコーディング!でAlexaスキルを作れるサービスが 存在する。 9

  10. ノンコーディング編 • Storyline(今はInvocableに名前変わった)というノン コーディングでAlexaスキル開発ができるWebサービス 10

  11. ノンコーディング編 • 世界的に人気が高いノンコーディングのサービス • Alexa Blogsにも取り上げられた 11

  12. ノンコーディング編 • 子供向けのプログラミング勉強会でも利用 • 直感的に使えて学習コストが低い • スマホのAlexaアプリでAlexaスキルの動作確認ができる のも大きかった 12

  13. ノンコーディング編 13 • どんなAlexaスキルが開発できる? ◦ ユーザが話した言葉のオウム返し ◦ 会話の状態遷移(心理テストスキル) ◦ 効果音と発話判定(クイズスキル)

    ◦ 外部APIで幅広い情報(郵便番号検索スキル) ◦ 画面対応でより詳しく(レシピスキル) ◦ Googleスプレッドシートのデータをランダムに読み込 む(トリビアスキル)
  14. ノンコーディング編 14 • どういう流れでスキルを作るの? ◦ ブラウザを開いてStorylineのサイトにログインします ◦ 会話のブロックを置きます ◦ 会話のメッセージを書きます

    ◦ 会話のブロックを繋げます だいたい上記な感じです!
  15. けど設計が難しいんでしょ? 15

  16. ノンコーディング編 16 • ちゃんとした設計してない状態でも ◦ 何回も実装し動かしての繰り返しで洗練すれば良い ▪ ノンコーディングなら簡単に実装ができて、 動作させるまで時間がかからない、試行が容易 ▪

    進めながらブラッシュアップすることが可能
  17. ノンコーディング編 17 • ノンコーディングのサービスの良い所 ◦ 本当の意味でスキル開発に注力できるため経験値を爆速 で積むことができる ◦ 人為的なミスによるエラーでスキルが動かなくなり挫折 することがない(想定外に時間をとられることがない)

  18. ちょっと残念なお知らせが。。 18

  19. ノンコーディング編 19 (Storyline無料プラン無くなりました) https://www.invocable.com/pricing

  20. 安心してください!良いサービスありました! 20

  21. ノンコーディング編 21

  22. 実はノンコーディングでAlexaスキルを作れるサービスはいく つかある 【最新版】ノンプログラミングでAlexaスキルが作れるサービスを比較! https://smartio.life/smartspeaker/development/blog/alexa-service-hikaku/ ノンコーディング編 22

  23. ちなみに情報元 23 Smartio.life 様のWebサイトから情報を取得 • スマートスピーカーを中心としたIoT専門メディア様 • スマートスピーカー関連情報に特化しており発信力は 国内トップクラス!

  24. ノンコーディング編 24 • VoiceFlowの説明 ◦ ノンコーディングかつWebブラウザ上でAlexaスキルを 作れるサービス ◦ 非常に高機能 ◦

    日本語のスキルにも対応 ◦ 画面対応のスキル(Echo Spot, Echo Show)も作れる ◦ AlexaスキルだけではなくGoogleアシスタント対応も 進めている(まだBeta版)
  25. VoiceFlowの作り方 25 使い方の解説動画は下記にまとまっています。 https://bit.ly/2EiZ6tY 機能の使い方が分からなくなっても横にあるヘルプボタンか ら解説動画を見られるので便利。

  26. ノンコーディングのサービスとは思えないほど 細かい機能が実装されている 26

  27. VoiceFlowの機能 27 Interaction Blockを使うとカスタムのIntentとSlotも作れる!

  28. あんなことや! (IF文のやつ) 28 VoiceFlowの機能 そして、IF BlockでIF文(条件分岐)機能や変数も使えちゃう!

  29. 29 VoiceFlowの機能 なんでしたら、Code Blockでプログラム(JavaScript)書け ます!

  30. 30 VoiceFlowの機能 プランをアップグレードするとAmazon Pay決済も組み込め ます! VoiceflowがAPL対応スキルも制作可能に!更にカード対応、スキル内決済も https://smartio.life/smartspeaker/development/blog/voiceflow-news-jan2019/

  31. 会社のブログにも紹介記事書きました 31 https://dev.classmethod.jp/etc/mrmo-voiceflow-20190212/

  32. ノンコーディング編 32 • VoiceFlowを選んだ理由 ◦ Updateの頻度が多い、機能改善のスピード感が早い ▪ 2018年11月:日本語対応 ▪ 2018年12月:画面対応のスキルが作れるように

    ▪ 2019年01月:Code BlockでJavascriptが書ける ▪ 2019年02月:Googleアシスタント対応 ◦ Storylineに負けず劣らず高機能 ▪ ノンコーディング特有の制限を感じさせない ▪ 色々なスキルが開発できそうな期待感
  33. 会社のブログにも紹介記事書きました 33 Googleアシスタントきじをいれるよてい https://dev.classmethod.jp/voice-assistant/mrmo-voiceflow-20190222/

  34. アウトプット編 34

  35. 半年間の道のり 35 ノンコーディングでAlexaス キル開発 子供向けのAlexaスキル開発 勉強会開催(アウトプット) コーディングでAlexaスキル 開発 2018年6月〜 2018年8月

    2018年11月〜 済
  36. アウトプット編 夫婦で開催している子供向けプログラミング勉強会の内容に Alexaスキルを扱った • 資料を作る必要がある(調査・検証など) • 期限がある、程よいプレッシャーにより集中力UP 36

  37. 前半まとめ 37 • ノンコーディングのサービスで ◦ スキルを作っては試すを繰り返してスキル作りの経験値 を効率良くためることができた ◦ アウトプットをすると、習得の進捗・定着に良い効果 ◦

    ここまででAlexaスキルを作ることに相当慣れた状態に
  38. コーディング編 38

  39. 半年間の道のり 39 ノンコーディングでAlexaス キル開発 子供向けのAlexaスキル開発 勉強会開催(アウトプット) コーディングでAlexaスキル 開発 2018年6月〜 2018年8月

    2018年11月〜 済 済
  40. Amazonさんによる怒涛の ご褒美キャンペーンが始まる! 40

  41. コーディング編 41 • スキル(アプリケーション)開発のハードル ◦ サーバーの設定 ◦ 継続的なアプリケーションのデプロイ ◦ 開発環境の構築

    ◦ 動作確認(テスト)
  42. コーディング編 42 • スキル(アプリケーション)開発のハードル ◦ サーバーの設定 -> AWS Lambda ◦

    継続的なアプリケーションのデプロイ(CI/CD) -> AWS Code Pipeline(AWS Code Star) ◦ 開発環境の構築 -> AWS Cloud9 ◦ 動作確認(テスト)-> Amazonの方による審査 AWSのサービスを使えば全て解決!
  43. コーディング編 43 • AWS Lambda ◦ サーバーレスのサービス ◦ AlexaスキルのプログラムはLambda上で動かします

  44. コーディング編-; 44 • AWS Code Pipeline ◦ 継続的なアプリケーションのデプロイ(CI/CD)を支援 ◦ AWS

    Code StarのAlexaテンプレートを使用すると Alexa開発に特化したCode Pipelineの設定が自動的 に構築される
  45. コーディング編 45 • AWS Cloud9 ◦ Git, Node.jsなど開発に必要なソフトウェアがあらかじ めインストールされている統合開発環境 (IDE)

    ◦ Webブラウザがあれば使うことができる
  46. コーディング編 46 • Amazonの方による審査(テスト) ◦ Alexaスキルは公開申請してAmazonさんのテストに 合格すると公開される ◦ つまりAmazonさんに自分のスキルをテストしてもらえる ということ

  47. やっぱり勉強は必要です 47

  48. でも勉強できる環境は整っています! 48

  49. 自学習一覧 49 • Alexa道場(公式のAlexaスキル開発が学べる動画コンテン ツ) • 弊社の技術ブログ(Developers.IO) • プログラミングの勉強(javascript)も色々なコンテンツあ ります

  50. コーディング編 50 • Alexa道場 ◦ 動画でAlexaスキル開発が学べる https://developer.amazon.com/ja/alexa-skills-kit/webinars

  51. コーディング編 51 • 弊社の技術ブログ(Developers.IO) ◦ Alexaスキル開発のノウハウ記事がたくさん https://dev.classmethod.jp/referencecat/voice-assistant-amazon-alexa/

  52. コーディング編 52 • プログラミングを学べるサイトもある ◦ ドットインストール / JavaScript入門 (全24回) ◦

    Progate / JavaScript 基礎編 ◦ CODEPREP / はじめてのJavaScript
  53. なんといってもAmazonさんのご褒美 (キャンペーン)がすごい! 53

  54. Alexaスキルを作って公開すると(条件あり) 54 • Alexaスキル公開キャンペーン月100ドルAWSクレジット • Tシャツもらえるキャンペーン • Amazon Echo Dotもらえるキャンペーン

    • Alexaフィギュア • Amazon Echo Showもらえるキャンペーン(約3万円!) • リワードプログラム(結構もらえるみたいですよ!)
  55. • Alexaスキル公開キャンペーン月100ドルAWSクレジット ◦ スキルの開発でAWS使用料が発生した場合は、さらに 毎月100ドル分のプロモーションクレジットを受け取る ことができます https://developer.amazon.com/ja/alexa-skills-kit/alexa-aws-credits コーディング編 55

  56. • Tシャツもらえるキャンペーン ◦ AlexaスキルTシャツがもらえます コーディング編 56

  57. • Amazon Echo Showもらえるキャンペーン ◦ 条件あり(4つのスキル、かつ1つは画面つきのデバイ スに対応) コーディング編 57

  58. • リワードプログラム ◦ ご褒美チャリーン♪ コーディング編 58

  59. 59 「某クイズスキル」で先輩社員のスキルが リワードプログラムに選ばれました!

  60. 「いろいろ車クイズ」 妻がリワードプログラムを狙った本気スキル。。 60

  61. まとめ 61 • ノンコーディングのサービスでスキルを作る経験値を とにかく効率的に上げることに成功した • アウトプットにより、スキルの作り方を熟知する必要があ った、期限が決まっていたので集中して取り組めた

  62. まとめ 62 • Amazon さんによる怒涛のご褒美キャンペーン開催 • キャンペーンの条件のため、コーディングでのスキル開発 をする必要があった • コーディングでのスキル開発にあったっての勉強コンテン

    ツと開発環境周辺の状態が現状非常に整っていた
  63. 公式からどんどん便利な機能もでてきてます 63

  64. Alexa-hostedスキル 64 • つい最近リリースされた便利機能 • スキルの作成、編集、公開がすべてAlexa開発者コンソール で完結する機能 https://amzn.to/2Iszhvk

  65. 待ってるだけでAlexaスキル開発がどんどん楽になる そうAWSならね。。 65

  66. Alexaスキル作ってみてください! 66

  67. 67 ご清聴ありがとうございました