13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
0 likes1,504 views
2020年2月13-14日に開催されたDevelopers Summit 2020のセッション13-E-7で登壇させていただいた資料です。 TwilioQuest 3: https://twilio.com/quest
13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
- 1. © 2019 TWILIO INC. ALL RIGHTS RESERVED. #devSumiE 13-E-7 クラウドサービスと ゲーミフィケーション: 「TwilioQuest 3」を用いた 開発者オンボーディング Twilio Japan合同会社 池原大然 (@Neri78)
- 2. 自己紹介 池原大然（いけはらだいぜん） Developer Evangelist @ Twilio Twitter: @Neri78
- 4. このセッションの内容 ● Twilioとは？ ● オンボーディングとゲームの活用 ● TwilioQuest3のアーキテクチャ ● 導入の効果 ● まとめ
- 5. Twilioとは？
- 7. Demo 5分で体感！
- 10. 他のサービスと連携することで可能性は無限大 例えば... • AIチャットボット 例: https://www.linebrain.ai/ • 音声合成サービス 例: https://www.ai-j.jp/cloud/webapi/ • 監視ソリューション 例: https://mackerel.io/ja/
- 17. © 2020 TWILIO, INC. ALL RIGHTS RESERVED. Phone Numbers Short Codes IoT SIMSIPInterconnect SUPER NETWORK Twilio Flex Marketing Campaigns ソリューション チャネル API SMS Voice ChatEmail WhatsAppVideo Facebook Line RUNTIME Functions Assets CLI Debugger SDKs Autopilot インテリジェンス Verify LookupAuthy アイデンティティ TaskRouter オーケストレーション StudioConversations 多 すぎ！
- 20. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 21. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 22. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 23. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 24. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 27. アーキテクチャー
- 30. 利用されている技術やツール • Electron - A cross-platform framework for building desktop apps with web technologies – used in the likes of Visual Studio Code and Slack. It was a natural fit for a body of contributors that are mostly web developers, and for an application that will be heavily dependent on displaying structured text and rich media (a major reason for not using something like Unity to build TwilioQuest). It also enables us to use the huge universe of packages available to Node.js applications. https://www.electronjs.org/ • React - UI-heavy games like TwilioQuest benefit from having a robust rich client application framework like React. https://ja.reactjs.org/ • Phaser - A mature framework for building 2D games that run in the browser. TwilioQuest’s graphical requirements are not intense, but thus far I’ve been quite pleased with the game’s performance on the WebGL canvas in Electron’s Chromium browser. Join Twilio in supporting Phaser on Patreon here! https://phaser.io/ • Tiled - An open source map editor, this is the key tool we use to design environments in the next version of TwilioQuest. https://www.mapeditor.org/ https://www.twilio.com/blog/operators-manual-1-welcome-to-the-twilioquest-program
- 31. 日々更新されるサービスへの対応 • ゲームコンテンツのみを更新・追加できる ● objective.json - チュートリアルの設定 （タイトル、経験値、アイテムの設定など） ● description.json - チュートリアルの概要 ● walkthrough.md - チュートリアル本体 ● validator.js - 解答検証ロジック
- 32. DEMO コンテンツの作成
- 33. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 34. © 2019 TWILIO INC. ALL RIGHTS RESERVED.
- 35. 導入の効果・今後について
- 39. 今後の課題・改善 ●Webアプリ vs ローカルアプリ ●ユーザー体験の改善 ○ ゲームそのもののわかりやすさ ○ 言語の壁（英語ベース...） ●ゲームに対しての嫌悪感
- 40. まとめ ● オンボーディング = サービスを成功させる１要素 ● チュートリアルのゲーム化 ● ユーザーの獲得、リテンションに効果 ● https://www.twilio.com/quest
- 43. © 2019 TWILIO INC. ALL RIGHTS RESERVED. Twilio Meetup @ DevSumi 2020 本日開催！ https://connpass.com/event/162110