CoderDojo枚方 スキルのご紹介

2018-02-11 Alexa Day 2018 / Alexa Skill Contestでお話ししたCoderDojo枚方スキルについてのスライドです。 #alexaday2018

Transcript

1. CoderDojo枚⽅方

   スキルのご紹介
   2018-02-11 Alexa Day 2018 / Alexa Skill Contest
   

   View Slide

2. ABOUT ME
   ⻆角⽥田　⼀一平（すみだ　いっぺい）
   フリーランスデベロッパー
   CoderDojo枚⽅方　代表
   

   View Slide

3. 概要
   • CoderDojoについて
   • CoderDojo枚⽅方スキルについて
   • スキル概要
   • スキル開発理理由
   • スキルデモ？
   • スキル作成秘話
   • リジェクトで⼤大変
   • ⼦子供って⾔言葉がはいると⼤大変
   

   View Slide

4. CoderDojo枚⽅方のイベント

   お知らせスキルを作った！
   

   View Slide

5. View Slide

6. What is CoderDojo?
   

   View Slide

7. What is CoderDojo?
   ⼦子どもたちのための、オープンソース・プログ
   ラミング道場（クラブ、ワークショップ）で、
   ⼦子どもたちが主体的にプログラミングを学習・
   体験できる。

   

   全世界に1,500ヶ所以上の道場がある。

   

   View Slide

8. こども = Ninja
   

   View Slide

9. デモ動画
   

   View Slide

10. スキル概要
    

    View Slide

11. $PEFS%PKPຕํͷ

    ΠϕϯτΛڭ͑ͯ
    ˎˎ͕೥ˎ݄ˎ೔

    ˎˎͰ͋Γ·͢ɻ
    

    View Slide

12. View Slide

13. なぜつくったか
    

    View Slide

14. 1.ユーザへの新アプローチ
    

    View Slide

15. 今までのアプローチ
    

    View Slide

16. 今までのアプローチ
    ユーザ：受動的
    

    View Slide

17. 今回実現したアプローチ
    ユーザ：能動的
    

    View Slide

18. 既存の能動的なアプローチ
    ユーザ：これも能動的
    

    View Slide

19. Webでイベントを確認するまで
    1. PC、スマホを起動
    2. ブラウザ起動
    3. URLを⼊入⼒力力、ググる
    4. イベントを確認
    

    View Slide

20. Alexaだと
    1. 「Alexa、CoderDojo枚⽅方を開いて」
    2. イベントを確認
    

    View Slide

21. 2.Alexaスキル作りたかった
    

    View Slide

22. 　　　　　　　　　　　　|i
    　　　　 ＼　　　　　　|.|
    　　　　　　ﾄ＼　　　/| ﾄ
    　　　　　　| ﾄヽ 　 / | | ﾄ
    　　　　　　| | ﾄヽ＼/| | | ﾄ　　　 ／
    　　　　　　| | | ト＼≧三ミゞ=イ/
    　　　　　ム⼺彡''´￣￣ 　　￣ ヽ{__..
    　　　　/　　　　　　　　　　　　　Ｖ´
    　　　 ﾉ　　＿＿　　　　　　　 　　',
    　,. =＝ y￣, __､＼＿　 　 　 　　）　　　　　　世 界 的 で す も ん ね
    　|i　　｝-|　ゝ⼆二　|/￣￣　　／ﾆ,l
    　ヽ__ノ／ヾ ＿ ノ　　　　　　　> }｝
    　　/　＞≦'__　　　　　　　　し　/　　　　　　　　乗 る し か な い
    　　 Ｖて⼆二オｶ　　　　　　　(_,／}
    　　　Ｙこ⼆二ノ!!|　　 　　　　　　　｝　　　　　　　　　こ の ビッ グ ウ ェ ー ブ に
    　　　　Ｙ⌒　从　　　　　　　　∠）
    　　　　从从从ﾄﾐ　　　_.ィニ⼆二￣⼂丶
    　　　　 ミ三三⼺彡　' ´　　　　 　＼ ＼
    　　　　　 　 ／　　　　　　　　　　　＼ヽ
    　　　　　　/　　　　　　　　　　　　ミ;,. ', ',
    　　　　 　 |　　　＿　　＿　__　　　　＼',.',
    　　　　　 ﾉ!　　　| V７＼ ´/
    　　　　 /　l　/_ゝ| ﾄ >__/ /
    　　　　 |　　 ヽン ´　 ヽｰ'
    　　　　i|　　　　　　　　　　　　　　　　l
    　　　　|:!　ヽ　　　　　　　　　　　　　 |
    　　　　| ﾄ、 ｀ミ,　　　　　　　　　　　 l
    

    View Slide

23. 諸々揃ってるのでやってみたかった
    ༻ҙ͢Δ΋ͷ ༗ແ
    "84ΞΧ΢ϯτ ˓
    "MFYB&DIP ˓
    "1*αʔό ˓
    ΍Δؾ ˓
    

    View Slide

24. 苦労したところ
    

    View Slide

25. 1. APIの仕様がよくわからん
    

    View Slide

26. View Slide

27. try&errorで仕様を探る
    

    View Slide

28. 2.『⼦子供向け』と誤解された
    

    View Slide

29. View Slide

30. Alexaスキルは13歳未満の

    ⼦子ども向けスキルは

    リジェクト
    

    View Slide

31. View Slide

32. $PEFS%PKP͸ʙࡀͷࢠͲ΋Λର৅ʹͨ͠ϓϩάϥϛϯάಓ৔Ͱ͢ɻ
    ͜ͷεΩϧ͸$PEFS%PKPຕํͷࠓޙͷϫʔΫγϣοϓ༧ఆΛ͓͠Βͤ͠·͢ɻ
    アウトな箇所
    

    View Slide

33. $PEFS%PKPຕํ͸େࡕ෎ຕํࢢͰ׆ಈ͍ͯ͠Δϓϩάϥϛϯάಓ৔Ͱ͢ɻ
    ͜ͷεΩϧ͸$PEFS%PKPຕํʹࢀՃ͢Δχϯδϟͷอޢऀʹ޲͚ͯɺ
    ࠓޙͷϫʔΫγϣοϓ༧ఆΛ͓஌Βͤ͠·͢ɻ
    ⼦子ども関係の表記を削除
    

    View Slide

34. $PEFS%PKPຕํ͸େࡕ෎ຕํࢢͰ׆ಈ͍ͯ͠Δϓϩάϥϛϯάಓ৔Ͱ͢ɻ
    ͜ͷεΩϧ͸$PEFS%PKPຕํʹࢀՃ͢Δχϯδϟͷอޢऀʹ޲͚ͯɺ
    ࠓޙͷϫʔΫγϣοϓ༧ఆΛ͓஌Βͤ͠·͢ɻ
    ⼦子ども関係の表記を削除
    　　　　　　　　↑
    保護者向けアピール
    

    View Slide

35. Ԡ౴ɿ$PEFS%PKP͸ʙࡀͷࢠͲ΋Λର৅ʹͨ͠

    ϓϩάϥϛϯάಓ৔Ͱ͢ɻ೥ʹΞΠϧϥϯυͰ࢝·Γɺ

    ੈքͰ͸Χࠃɾͷಓ৔ɺ೔ຊͰ͸શࠃʹͷ

    ಓ৔͕͋Γ·͢ ೥݄ݱࡏ
    ɻ
    ҎԼུ
    アウトな箇所
    

    View Slide

36. $PEFS%PKP͸ϓϩάϥϛϯάಓ৔Ͱ͢ɻ
    ೥ʹΞΠϧϥϯυͰ࢝·ΓɺੈքͰ͸ΧࠃɾҎ্ͷಓ৔ɺ
    ೔ຊͰ͸શࠃʹҎ্ͷಓ৔͕͋Γ·͢ɻ
    ҎԼུ
    該当部分を削除
    

    View Slide

37. アウトな箇所
    APIの戻り値も対象
    

    View Slide

38. 該当部分を削除
    

    View Slide

39. 作ってみた感想
    

    View Slide

40. ⾼高度な技術を⽤用いなくても

    簡単にユーザとの繋がりができる
    

    View Slide

41. Alexaスキルやろうぜ！
    

    View Slide

42. CONTACT
    !JQQFZ@T
    JQQFJTVNJEB
    JQQFZT!HNBJMDPN
    IUUQTVOQMBUJOGP
    

    View Slide

43. THANK YOU!
    

    View Slide