$30 off During Our Annual Pro Sale. View Details »

Amazon Echo Spot対応のためにキャラクター設計に本気を出した話

show
September 08, 2018

Amazon Echo Spot対応のためにキャラクター設計に本気を出した話

技術の話や、製品と組み合わせる話はよく耳にします。
しかし、ながら実際にスキルを制作するプロセスの話はあまり公開されていない認識です。
そのため、スキル制作にフォーカスした話をしました。

show

September 08, 2018
Tweet

More Decks by show

Other Decks in Technology

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  11. リリース後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/

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  15. ところで
    15

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  23. ここからが本気の話
    23

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  36. さぁ、公開の審査申請だ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  48. ツール紹介 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

    View Slide

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

    View Slide

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

    View Slide

  51. 本気で遊びつくせ!
    51

    View Slide