Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CoderDojo枚方
スキルのご紹介

Ippei Sumida
February 11, 2018

 CoderDojo枚方
スキルのご紹介

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

Ippei Sumida

February 11, 2018
Tweet

More Decks by Ippei Sumida

Other Decks in Programming

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
         \      |.|
          ト\   /| ト
          | トヽ   / | | ト
          | | トヽ\/| | | ト    /
          | | | ト\≧三ミゞ=イ/
         ム⼺彡''´ ̄ ̄    ̄ ヽ{__..
        /             V´
        ノ  __          ',
     ,. == y ̄, __、\_        )      世 界 的 で す も ん ね
     |i  }-| ゝ⼆二 |/ ̄ ̄  /ニ,l
     ヽ__ノ/ヾ _ ノ       > }}
      / >≦'__        し /        乗 る し か な い
       Vて⼆二オカ       (_,/}
       Yこ⼆二ノ!!|          }         こ の ビッ グ ウ ェ ー ブ に
        Y⌒ 从        ∠)
        从从从トミ   _.ィニ⼆二 ̄⼂丶
         ミ三三⼺彡 ' ´      \ \
            /           \ヽ
          /            ミ;,. ', ',
           |   _  _ __    \',.',
          ノ!   | V7\ ´/
         / 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