心をミスチルにして まずはクリックを
注) URL内のボタンを押した後 結果が流れてくるまでしばらくお待ちください
ずっとHEROでありたい いや ミスチルになりたい
昔職場の、「最近老眼がひどい」が口癖の おばさまから
「沖中君はミスチルの桜井君に似ているね」と言われて以来
その後10年間誰も言ってくれないので、機械に無理強いしてみることにしました。
カメラから表情を読み取って、
①爽やかでクール(ほぼ無表情) ➡ 20代のMr.Children桜井和寿
②前めりで情熱的(画面に近づく) ➡ 30代のMr.Children桜井和寿
③はじける笑顔 ➡ 40代のMr.Children桜井和寿
と判定してくれるミスチルチェッカーを作りました。
自分の欲望に 負けないように
とにかく自分のテンションを上げるためだけに作りました。
当初は「ミスチルのメンバーの誰に似てる？」の判定機を作成しましたが、
ボーカルの桜井さんの時以外テンションがあまり、いや全然上がらず。
いつでも「〇〇代の桜井さんに似てるよ」と言ってもらえるようにしました。
(演奏もめちゃくちゃ大好きです！本当です！)
①Teachable Machineで顔認識
「メンバーの誰に似ている？」では、各メンバー画像を一括ダウンロードしたが、
「〇〇代の桜井さん」の無駄な欲望を叶えたく、膨大な「桜井」から手作業で画像収集。
クリアに判定結果が出るよう、自分のクール(?)、前のめり、笑顔の写真も少し追加。
②疲れているときはミスチルじゃないよね
うつむいたり、ふさぎ込んだ表情を「ミスチル認定」してしまうと企画がブレるので、
「自分の疲れ顔サンプル」を4候補目に入れたが、当然100%の笑顔も「疲れたあなた」と
判定さるので、4つ目は「年老いて疲れた桜井和寿」という設定で「小泉元総理」を挿入。
試しに「疲れた」のていで、うつむいてみてください。
④疲れている(うつむいて顔が見えない) ➡ 年老いたMr.Children桜井和寿
にしても失礼極まりない。小泉元総理。大ファンです。本当です。先日の選挙行きました。
③やっぱり音楽も聴きたい
検索結果後、その年代のヒット曲を聴きたい！ということで、YouTube動画を埋め込み。
参考①： https://codepen.io/satoshtakitainu/pen/RgxmMQ
参考②： https://www.howtonote.jp/youtube/usage/index5.html
YouTube共有URLの
https://www.youtube.com/embed/******
の部分「のみ」をHTMLに張り付けることで、きれいに埋め込めます。
「結果が出ると自動的に音楽が流れる」にしたかったが、技術・著作権面で今回断念。
一応家族に使ってもらった
娘(6歳) ：自分が動くことで、表示の文字が変わり嬉しそう。また何か作ってあげよう。
妻(3〇歳)：どうすれば「20代」と判定されるかに必死。誇張なく引くくらい必死でした。
毎朝これでテンション上げて、果てしない闇の向こうに(Oh.oh)手を伸ばそう と思います。
エディタはこちら
See the Pen
ミスチルチェッカー by okinakamasayoshi (@okinakamasayoshi)
on CodePen.