YOUのボイスはジャニーズっぽい！ #音声認識 #ジャニーズ

#『POICE』～あなたの声は「○○っぽいっす」～
SMAPが解散し、嵐も休止し、つい先日V6も解散し、色んなメンバーが巣立っていったジャニーズ。
少し寂しい気もしますが、今も昔も男性アイドルの事務所と言えば、やっぱりジャニーズ。

「あなたってジャニーズっぽいよね！」は褒め言葉の王道と言っても過言ではないですが、（多分）
いざ言われると「本当にそう思ってるの……？」と疑ってしまいますよね。

でも！声なら！声だけなら！<font color="blue">あなたもジャニーズになれるかもしれません！</font>

すみません。言いすぎました。
でもせめて「っぽい」と判定されてちょっとだけテンションあげませんか？

**TeachableMachineの音声認識を利用**して、
**「ボイス（VOICE）」**を**「○○っぽいっす！」**と判定するので、
**<font color="Red">『POICE』（ポイス）</font>**と名付けました。（安直！）

話のきっかけにいかがですか？
（投稿主はこの技術を別に応用したく作ってみたしだいです。）

#いざオーディション！
下記リンク先でお試しいただけます。
使用の際は「マイク使用の許可」を行ってください。
判定されると、作成者の独断と偏見で選ばれたおすすめ公式動画が表示されます。

https://inspiring-williams-803d51.netlify.app

<details><summary>対象アーティスト</summary>
・SMAP（公式動画なし）
・TOKIO（公式動画なし）
・V6
・KinKi Kids
・嵐
・タッキー&翼
・NEWS
・関ジャニ∞
・KAT-TUN
・Hey! Say! JUMP
・Kis-My-Ft2
・Sexy Zone
・A.B.C-Z
・ジャニーズWEST
・King & Prince
・Snow Man
・SixTONES
・なにわ男子
</details>

#使ってみた！
無事にジャニーズWESTと判定されました！
デビューできます！

https://twitter.com/kk_puruzera/status/1463838530841448448?s=20

#使ったもの
・[TeachableMachine](https://teachablemachine.withgoogle.com/)
・[CodePen](https://codepen.io/)
・[Netlify](https://app.netlify.com/)

**ライブラリ**
・[Bootstrap](https://getbootstrap.jp/)
・[ml5.js](https://ml5js.org/)
・[axios](https://github.com/axios/axios)
・[jQuery](https://jquery.com/)

**参考CodePenテンプレート**

https://codepen.io/pen/?template=QWMPqMj

#完成コード
下記CodePenをご確認ください。

<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="ZEJZRQO" data-user="kamakurakae" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/kamakurakae/pen/ZEJZRQO">
  POICE</a> by kamakurakae (<a href="https://codepen.io/kamakurakae">@kamakurakae</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

#デビューできましたか？
その日のコンディションにもよるかと思いますが、どこかのグループに所属することはできたでしょうか。
無事に入所しグループに所属できた方、<font color="red">デビューおめでとうございます！</font>
知らないグループもいたかと思います。
そんなときは、表示されたおすすめ動画をご覧いただき彼らの魅力を発見してみてください♪

#完成までのあれこれ
いつもどおりZennのスクラップ記事をご覧ください。

https://zenn.dev/puruzera/scraps/d30d8b859f1abf

#反省会
毎度おなじみ反省会のコーナーです。
お時間のある方のみどうぞ。

**・止まらない！ →止まりました！**
一回判定されたら推論のループを止めたかったのですが、
処理の停止を指示するコードをあれこれ試したのですが止められませんでした。
近日中に更新したいところです。

<font color="red">→一度判定されたら止まるように更新いたしました！</font>
SoundClassifierの`classifier.classify()`はループがいらない処理とのことでした。
CodePenの内容は更新されています。
これでYoutube動画も表示されるようになりました♪

**・TeachableMachineでの歌唱判定は難しい！**
今回の「POICE」ですが、元は「歌をうたう人向けの音声認識アプリを作りたい」が発端となっています。
しかしながら、TeachableMachineを使用しての「歌」や「音程」の判定は、
現在の自分の力では作成が難しく、今回の「○○っぽい判定」に落ち着くところとなりました。
私自身が常に安定した音程で歌えればいいのですが、そうもいかず……。

**・とにかくたくさんのサンプルが必要。**
音声認識、判定するにあたり必要最低限のサンプル数だけ集めたのですが、
このサンプルが多ければ多いほど精度はあがります。
開発は最小限にしサンプル収集に多くの時間をかけたかったです。
多くのサンプルが必要であると分かりました。

**・とはいえ、やっぱりTeachableMachineは便利！**
画像判定、ポーズ判定などがいくつかのサンプルを設定するだけでできる優れもの。
これが無料で使えるってGoogleさん太っ腹～。

今回の作成から学んだ知識と技術を活かして、本来作成したかった歌声判定もいつか作ってみたいと思います。

#おまけ
ネタ探しの参考URLをのせておきます。
・公式（おさえておこう。）

https://www.johnnys-net.jp/

・ジャニーズデビュー順（まとめてる人いっぱいいました。）

https://entamedata.com/2019/11/28/%E3%82%B8%E3%83%A3%E3%83%8B%E3%83%BC%E3%82%BA%E4%BA%8B%E5%8B%99%E6%89%80%E6%AD%B4%E4%BB%A3%E3%83%87%E3%83%93%E3%83%A5%E3%83%BC%E3%81%97%E3%81%9F%E3%82%A2%E3%82%A4%E3%83%89%E3%83%AB%E3%82%B0/