Tweet
Tweet

Slide 1

Slide 1 text

Echo Spot対応のために キャラクター設計に本気を出した話 show at SmartMacchiato 2018/09/07 スマートスピーカーを遊びたおす会 vol.3 @IIJ 1

Slide 2

Slide 2 text

本日は遊びたおす会です。 2

Slide 3

Slide 3 text

本日は遊びたおす会です。 遊ぶって何だ？？ 3

Slide 4

Slide 4 text

「遊び」に対する考えをみつけました ・「何も考えず、遊びつくせ」 ・「生きていく程度の稼ぎなら、遊びの中から生み出せる」 徹底的に、好きなことを好きなだけ、何も考えず、遊びつくせ。 そうすれば遊びの向こうにある、新しい何かを見つけることができる。 （一部略） 引用元：堀江貴文 人生を変える言葉 4

Slide 5

Slide 5 text

Twitter: @surumegohan Gmail : [email protected] Blog : https://surumegohan.hatenablog.com Web : https://smartmacchiato.life 今はフリーランス VUIプロデューサー/エンジニア/ライター ※よくわからん show 5

Slide 6

Slide 6 text

経歴 修士卒で大手SIerに入社 → SESで大手SIerにDBAとして常駐 → 中堅Web系企業でDBA兼QAエンジニア → VUI（スマートスピーカー）やりたくて無職になる → VUIで遊んでたらお仕事もらえるようになってきた 6

Slide 7

Slide 7 text

7 5位 7位 過去に制作したスマートスピーカーのアプリ・スキル(1/2) LINE Clova版を作成中

Slide 8

Slide 8 text

過去に制作したスマートスピーカーのアプリ・スキル(2/2) スマートスピーカーを遊びたおす会 vol.2 https://www.youtube.com/watch?v=BYkLmGYGCdk https://kotodama.connpass.com/event/89650/ 前回の「スマートスピーカーを遊びたおす会」にて発表したduelシステム 8

Slide 9

Slide 9 text

今回の話す主な内容 VUILT4より濃密に １．作成したスキル ２．VUIレビュー機能の反響 ３．キャラクターを個人で本気で制作した過程 技術よりプロセスの話 ４．「Jovo」というツール（フレームワーク）の紹介 スライド資料は後日公開するので、メモらなくても良いです。 それよりはハッシュタグ #スマートスピーカーを遊びたおす会 をつけてツイート！ もちろん #linebootawards #Clova_CEK もつけてOK 9

Slide 10

Slide 10 text

今回話すスキル ヒロインの告白 10 2018年8月6日18時頃にリリース 結城琴葉特設ページ https://smartmacchiato.life/kotoha.html

Slide 11

Slide 11 text

リリース後1.5日程度で レビュー記事を掲載していただけました 11 https://gadget.axelmedia.info/%E3%83%92%E3%83%AD%E3%82%A4%E3%83%B3%E3%81%AE%E5%91%8A%E7%99%BD/

Slide 12

Slide 12 text

今回のスキルにより皆さんが得られる体験 ■ユーザ側の体験 ・結城琴葉(ゆうき ことは)という美少女からの告白 ・告白を連発されるという人生で（多分）ない体験 ■開発者側の体験 ・声による★いくつかのレビュー ・声によるフィードバックコメント 12 ※ 録音ではなくAlexaがテキスト変換したテキスト文字です

Slide 13

Slide 13 text

デモ動画 13 ・琴葉ちゃんかわいい #スマートスピーカーを遊びたおす会 ・ちょっと俺(私)も告白されてくる #スマートスピーカーを遊びたおす会 動画中はツイートチャンス！！ 動画はこちらです ※会場で流せなかった連発モードつきです https://www.youtube.com/watch?v=TQaVjf6F64Y

Slide 14

Slide 14 text

かわいい ※控えめに言って最の高 14

Slide 15

Slide 15 text

ところで 15

Slide 16

Slide 16 text

琴葉ちゃんからレビューを求められましたね？ 16 失礼ながら、 AmazonさんのWebページを開いて、 スキルストアを閲覧して、 スキルのレビューをする人は、 どのくらいいるのでしょうか？

Slide 17

Slide 17 text

琴葉ちゃんからレビューを求められましたね？ 17 なんでVUIで声で操作してるのに、 レビューはGUIでWebページなんだよ！！ めんどくせー！！

Slide 18

Slide 18 text

琴葉ちゃんからレビューを求められましたね？ 18 なんでVUIで声で操作してるのに、 レビューはGUIでWebページなんだよ！ めんどくせー！！ → なのでやってみたわけです

Slide 19

Slide 19 text

スキル利用直後の声でのレビュー効果 19 Amazonのページのレビュー数 ※本日(2018年8月26日正午時点)のデータ ※Amazonの公式で公にならないデータ（まさにお客様の声） ※声でのレビュー数はスキル審査時も含まれる、および1人が何度もレビューできる実装のため詳細分析は別途必要 想定以上にすごい効果がでたので、特許申請手続きをしてます。 118件 2件

Slide 20

Slide 20 text

ユーザからのフリーコメントの一部 ありがとうございます！！ 20 ・とってもいいスキルでした ・星7つ ・楽しいスキルでしたとっても良かったです ・大好きです ・かわいらしいキャラクターで素晴らしい と思います ・このスキルはものすごくおもしろい系統 ・天海丸 matlock 欲しい → 展開がまどろっこしい？ ・もっといろんなの家朝は会話 → もっといろんな琴葉の会話？ 肯定的なコメント 否定的なコメントや要望 ※コメント内容は仕様を説明していないβテストユーザのコメントも数とは別に例として含む 今回のスキルの場合、最後までスキルを利用するユーザは 肯定的なコメントが多い

Slide 21

Slide 21 text

理想的な好循環 21 ・スキルに対して、レビューやコメントがしやすくなる → ユーザーがレビューやコメントをしてくれる → 開発者がそれをみて、スキルを改善していく → 高品質なスキルが生まれていく VUI業界の品質向上や盛り上がりにつながるかも？

Slide 22

Slide 22 text

AmazonさんからEcho Dotもらいました ※けどアワードは落ちました 22

Slide 23

Slide 23 text

ここからが本気の話 23

Slide 24

Slide 24 text

本気でやったことリスト概要 1. スキル目的とキャラクターのいる世界観とシチュエーションを設定 2. キャラクターを設計 → 性格、仕草、年齢、髪型・髪色、目の形・色、服装 etc.. 3. 100種類の告白メッセージを抽出してアレンジ 4. イラストレーター 早瀬十佳（はやせ とおか）様と商用契約 5. 名前はイラストを観てから、重複調査と姓名判断をして決定 6. 天使の声の声優 羽歌那（わかな）様と商用契約 24

Slide 25

Slide 25 text

スキル目的と世界観とシチュエーションを設定 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ・スキル目的 → 男子校だったので学校で美少女から告白される確率はほぼ0％ → ないモノは創るしかない！！ ・世界観 → 学校で体育館裏に呼び出して告白 25

Slide 26

Slide 26 text

スキル目的と世界観とシチュエーションを設定 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ・スキル目的 → 男子校だったので学校で美少女から告白される確率はほぼ0％ → ないモノは創ればいい！！ ・世界観 → 学校で体育館裏に呼び出して告白 26

Slide 27

Slide 27 text

スキル目的と世界観とシチュエーションを設定 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ・スキル目的 → 男子校だったので学校で美少女から告白される確率はほぼ0％ → ないモノは創ればいい！！ ・世界観 → 学校で体育館裏に呼び出されて告白されたいじゃないか！ 27

Slide 28

Slide 28 text

キャラクター設定 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ■キャラクター属性を定める ■2次元も3次元も調べまくる 28

Slide 29

Slide 29 text

キャラクター設定 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ■キャラクター属性を定める ・清純ヒロイン ・幼馴染 ・元気っ子 ・委員長 ・先輩（お姉さん系） ・後輩（妹系） etc.. ■2次元も3次元も調べまくる ・性格 ・セリフ回し ・仕草 ・実在する高校の制服 ・人気キャラが人気である理由 ・恋愛感情の内面を示す表現 29

Slide 30

Slide 30 text

セリフ設計 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ■告白するセリフ → 経験とネット調査と聞き取り調査で100種類抽出 → 抽出した中から独自にアレンジしてXX種類公開 ■告白以外のセリフ ・ ユーザの返答に対応するセリフ ・ システム的なセリフ etc.. 30

Slide 31

Slide 31 text

もちろんセリフ集をつくる 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 【ご来場特典】 結城琴葉 セリフ集お見せします 31

Slide 32

Slide 32 text

イラストレータさんに依頼した内容 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ■依頼したキャラクターの見た目 ・髪型、髪色 ・目の形、瞳の色 ・表情 ・服装 ・背景画像 ■見た目以外の情報を共有 ・設定したキャラクター情報 ・設計したセリフ ・AlexaやEcho Spotでどうなるか 認識誤差を最低限にし、絵のプロとして表現をしてもらうことが重要 32

Slide 33

Slide 33 text

コンセプトにあったキャラクター名をつける 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 ■名前：結城 琴葉（ゆうき ことは） ■コンセプト：勇気をもって告白する繊細な女の子 → 結城（勇気） → 琴葉（楽器や植物の繊細さと言葉） ■調査した事項 ・重複する名前のキャラクター、人物がいないか確認 ・姓名判断の利用 コンセプトに合い、実際の息子・娘に名付けた経験をある人に相談 33 (C)早瀬十佳 2018

Slide 34

Slide 34 text

声優さんを探す 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 この工程が一番大変だった ・プロ声優でも当たりハズレが多い ・公開されているサンプル音声をひたすら聴いていく ・絵と違って声なのでシーケンシャルに聴いていかないといけない 34

Slide 35

Slide 35 text

声優さんに依頼した内容 世界観 設定 キャラク ター設定 セリフ 設計 絵の依頼 キャラの 名付け 声の依頼 声はキャラクターに命を吹き込むので極力妥協しない ■キャラクターの設定 ・今まで設計した世界観や キャラクターの性格 ・サンプルのボイスのどれが イメージに一番近いか ■イントネーションや間 ・台本にイントネーションを記載 ・「、」「。」「・・」のイメー ジの共有 ・セリフ内の間が0.X秒なのか指定 ・必要に応じてリテイク依頼 35

Slide 36

Slide 36 text

さぁ、公開の審査申請だ

Slide 37

Slide 37 text

つまりは Amazonさんと論戦開始だ

Slide 38

Slide 38 text

Amazonさんと今回やりとりしたことの一部 38 1.「ストップ」の後に何をやっているのか 2. スキル終了時にホーム画面に「すぐに」戻っていない 3. スキルのMP3応答内容の「アプリ」は「スキル」に修正

Slide 39

Slide 39 text

「ストップ」の後に何をやっているのか 39 A ：「ストップ」の後になぜ終了させないのですか。 僕：以前、同じ質問を【IT業界の深い闇】のフィードバック機能にて （かなり）やりとりし、結果的に御社の承認を得ています。 そのスキルIDと、やりとりはこれです。 A：そのまま再申請すれば承認します。

Slide 40

Slide 40 text

スキル終了時にすぐにホーム画面に戻っていない 40 A ：スキル終了時にすぐにホーム画面に戻っていない。 僕：「すぐに」とはどのような環境で、どのような手順ですか？ ご提示の再現手順が不明瞭すぎて確認できません。 withShouldEndSession(true)は記載していますが？ A：確認します。（その後）そのまま再申請すれば承認します。

Slide 41

Slide 41 text

スキル内のmp3の応答を変更してください 41 A ：mp3の応答内容の「アプリ」の部分はすべて「スキル」に修正して ください。 僕：たしかに御社としては「スキル」ですが、そのような規約がどこに も明記されていません。 A：規約更改は検討しますが「スキル」に変更しないと公開できません。 僕：ぐぬぬ・・（音声を再度収録して公開されました）

Slide 42

Slide 42 text

告白スキルで各方面から言われたこと not フィードバック機能 42 ・duelもそうだったけど、もうこれ個人が趣味でやることじゃない ・お前エンジニアじゃないでしょ、 アイドルのプロデューサーと同じじゃん ・まーた本気出してる ・これはヤバイ、連発モードはもっとヤバイ ・情熱半端ないって！そんなんできひんやん普通！ ・妻と娘の前で使ってしまった・・・

Slide 43

Slide 43 text

いたるところで聞かれるお金系質問 43 1. 前回の遊びたおす会の「duelシステム」はどれだけの費用が？ 2. このイラスト、いくらしたんですか？ 3. 琴葉ちゃんの声優さん、おいくらしたんですか？ 4. スマスピ関連にいくらつぎ込んでるんですか？

Slide 44

Slide 44 text

いたるところで聞かれるお金系質問 44 1. 前回の遊びたおす会の「duelシステム」はどれだけの費用が？

Slide 45

Slide 45 text

いたるところで聞かれるお金系質問 45 2.このイラスト、いくらしたんですか？ ※ ラフ画像1週間＋清書1週間の2週間で納品完了 ※ あくまで今回の結城琴葉のご対応のお値段

Slide 46

Slide 46 text

いたるところで聞かれるお金系質問 46 3. 琴葉ちゃんの声優さん、おいくらしたんですか？ （一番聞かれる） ※ あくまで今回の結城琴葉のご対応のお値段 ※ 納品最短2日、500円はあまりにも安すぎたので追加が多い

Slide 47

Slide 47 text

いたるところで聞かれるお金系質問 47 4. （無収入なのに）スマスピ・VUI関連にいくらつぎ込んでるんですか？ なんとか 二桁万円みたいです ※ 0円でもらったり、あげたりもする ※ 複数同時購入でお安いのでまとめ て代理で買ったりもする ※ ロゴマークとかTシャツとかは別

Slide 48

Slide 48 text

ツール紹介 Jovo（ジョボ） 48 2日前に知ったばかりなので未検証ですが。 ※なので誰か知ってたら教えてほしい https://www.jovo.tech/ ・Amazon AlexaとGoogle Assistantをクロスプラットフォームでビルドできるらしい → ということは、最近Lambdaが使えるようになったClova CEKでも（頑張れば）使える？ ※ AlexaのSDKはV1にみえる、そもそもプラットフォーム側の改修が頻繁なので怖さもある ・Echo Spotの画面エディターは便利 https://www.jovo.tech/display-template-editor ・デバッガとかログ収集とか便利そう https://youtu.be/l0wrGHC6cN8?t=324

Slide 49

Slide 49 text

宣伝1 • スマートスピーカーのロゴマークを（勝手に）作りました • 各社に依存しないようなデザインにしてます • 無償公開しておくので使ってあげてください • 加工や商用利用も原則可です https://github.com/surumegohan/smartspeaker/tree/master/logo 49 使用例

Slide 50

Slide 50 text

宣伝2 一部界隈でおなじみの 「ワタシハ スマートスピーカー チョットデキル」のTシャツに 白バージョンができました。 ※プロのデザイナーさんにお願いしました IT業界イベントで登壇者がもらえる ワタシハ 〇〇 チョットデキル のスマスピ版Tシャツです。 英文がおかしいとかキニシナイ ※1着3500円くらい ※僕の中間マージンは0円です 2018年09月05日時点 50

Slide 51

Slide 51 text

本気で遊びつくせ！ 51