Movatterモバイル変換

自己紹介池原大然（いけはらだいぜん）Developer Evangelist @ TwilioTwitter: @Neri78

● ツイート ● 写真撮影 どんどんお願いします！

このセッションの内容● Twilioとは？● オンボーディングとゲームの活用● TwilioQuest3のアーキテクチャ● 導入の効果● まとめ

様々なコミュニケーションチャネルをクラウドを介して「プログラム可能な状態で」利用できるサービス

利用例: アカウント登録時の認証インフラとしてSMSまたは電話で認証コードを送信

利用例: サーバーの死活監視の一部としてサーバーに障害が発生すると電話で叩き起こされる（恐怖の電話システム）

他のサービスと連携することで可能性は無限大例えば...• AIチャットボット例: https://www.linebrain.ai/• 音声合成サービス例: https://www.ai-j.jp/cloud/webapi/• 監視ソリューション例: https://mackerel.io/ja/

連携例: 関西弁で電話応答https://www.ai-j.jp/cloud/webapi/

オンボーディングとゲームの活用

社内でこんな会話されたことはないですか？「うちのサービス（製品）のユーザーは、◯◯の基本的な知識を持っていることを想定している。だから【一般常識】として△△は理解しているはずだ」

一般常識って全ユーザーの何%でしょう？

● いかに使いはじめてもらうか？● いかに使い続けてもらうか？

© 2020 TWILIO, INC. ALL RIGHTS RESERVED.Phone Numbers Short Codes IoT SIMSIPInterconnectSUPER NETWORKTwilio Flex Marketing Campaignsソリューションチャネル APISMS Voice ChatEmail WhatsAppVideo Facebook LineRUNTIMEFunctionsAssetsCLIDebuggerSDKsAutopilotインテリジェンスVerify LookupAuthyアイデンティティTaskRouterオーケストレーションStudioConversations多すぎ！

製品ドキュメントは長所・短所それぞれhttps://www.twilio.com/docs全部は読め（ま）ない

TwilioQuest3https://www.twilio.com/quest

カンファレンス・イベントに合わせて 「イベント」を設定

ハイスコアチャレンジなどのゲーム性を追加http://bit.ly/TQDevSumi2020

Webアプリからローカルアプリに• TwilioQuest2はWebベースのアプリケーション• TwilioQuest3はローカルアプリに

TwilioQuest アーキテクチャー（概要）

利用されている技術やツール• Electron - A cross-platform framework for building desktop apps with web technologies – used in thelikes of Visual Studio Code and Slack. It was a natural fit for a body of contributors that are mostly webdevelopers, and for an application that will be heavily dependent on displaying structured text and richmedia (a major reason for not using something like Unity to build TwilioQuest). It also enables us to usethe 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 frameworklike React.https://ja.reactjs.org/• Phaser - A mature framework for building 2D games that run in the browser. TwilioQuest’s graphicalrequirements are not intense, but thus far I’ve been quite pleased with the game’s performance on theWebGL 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 versionof TwilioQuest.https://www.mapeditor.org/https://www.twilio.com/blog/operators-manual-1-welcome-to-the-twilioquest-program

日々更新されるサービスへの対応• ゲームコンテンツのみを更新・追加できる● objective.json - チュートリアルの設定（タイトル、経験値、アイテムの設定など）● description.json - チュートリアルの概要● walkthrough.md - チュートリアル本体● validator.js - 解答検証ロジック

導入の効果・今後について

導入の効果 - ユーザー数TwilioQuest2と比較してリリース後、対前年比95%増加新規ユーザー獲得、リテンションに貢献

導入の効果 - コンテンツ消費数TwilioQuest3リリース後、対前年比135%増加ユーザーのリテンション、製品理解の向上に貢献

導入の効果 - セールスパイプラインTwilioQuest3および、このツールを活用したイベントがセールスパイプラインにポジティブな影響を与えた

今後の課題・改善●Webアプリ vs ローカルアプリ●ユーザー体験の改善○ ゲームそのもののわかりやすさ○ 言語の壁（英語ベース...）●ゲームに対しての嫌悪感

まとめ● オンボーディング = サービスを成功させる１要素 ● チュートリアルのゲーム化 ● ユーザーの獲得、リテンションに効果 ● https://www.twilio.com/quest

DevSumiマップにチャレンジ！

DevSumiハイスコアチャレンジ!  (2/14 19:00まで）http://bit.ly/TQDevSumi2020

ありがとうございました  @Neri78

Movatterモバイル変換

Change Language

13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング

Embed presentation

Recommended

More Related Content

What's hot

Similar to 13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング

More from Daizen Ikehara

13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング