逆引き！プロレス技図鑑！！　#プロレスのチカラ

# 観戦中に、技名が分からない！！！
皆さんが好きなプロレス技は何ですか？？
私は断然、**ラウンディング・ボディ・プレス**。
コーナーポストに立ってこれから飛ぶぞと存分に客席にアピールしながら、誰よりも高い位置からさらに高く飛び相手に一撃を食らわせる姿はとにかくかっこいい。受ける選手も相手の見せ場を作るように計算している。最高にエンターテイメントを感じる瞬間である。

初心者観戦あるあるだが、会場に実況のアナウンスは入らないため技が決まって会場が盛り上がっても**「今のなんて技だったんだろう……？」**ということが発生する。
現地に観戦しに行かない方はあまり知らないだろうが、プロレス観戦は動画撮影はNGだが、**写真撮影はOK**なことがほとんどである。ならば、**観戦中に撮影して技名を画像認識できれば**いいのではないか。

# プロレス観戦初心者も安心！？『プロレス技図鑑』
https://youthful-carson-1e5ecd.netlify.app

※（11/25差替え）Androidで起動時、インカメになっていたので修正。ios未対応。

＜使い方＞
1. 　アプリを起動し、プロレス観戦をする。
2. 　技が決まりそうなタイミングで、アプリをかざし、技名を確認！
3. 　画像と技名を画面ショットで保存すれば、あなただけのプロレス技図鑑が！？（難易度高）

https://twitter.com/nnmshita/status/1463722825705873409?s=20

:::note info
＜学習済の技＞
 シャイニング・ウィザード
 ラウンディング・ボディ・プレス
 足4の字固め
 ブレーンバスター
 ボディースラム
:::

静止画ではそこそこの精度だが、**動画だとどこで技が決まったか判断が付かない。**
これは今後、要改善……


#使ったもの

* [Teachable Machine](https://teachablemachine.withgoogle.com/)

# コード
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="abygvrX" data-user="morishitanana" 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/morishitanana/pen/abygvrX">
  プロレス技図鑑</a> by mshita (<a href="https://codepen.io/morishitanana">@morishitanana</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

Webカメラの、インカメ外カメ設定は以下の記事を参考にさせていただいた。
[javaScriptでWEBカメラの映像をブラウザで表示する(PC/iPhone)](https://qiita.com/shiba_mitue/items/6b6b6c1482c8815226de)

# Teachable Machine（機械学習）
![プロレス.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122226/a9375489-db29-4f5f-71e8-ef6ea08332d4.png)
私の贔屓団体が [WRESTLE-1](http://www.w-1.co.jp/)（武藤敬司が代表を務め、残念ながら現在は無期限の活動休止中の団体）なので、武藤が得意にしている技を中心に[Teachable Machine](https://teachablemachine.withgoogle.com/)で機械学習をした。
画像はネットで検索したものをひたすら集めて、アップロードしてTeachable Machineに登録。


以下、実際に起動し静止画を認識させてみた。
![プロレス5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122226/45121ac1-165e-7cf7-de6c-69bbb3e0a3be.png)
**シャイニング・ウィザード**については、一瞬で決まる技のため撮影が難しいこと、技を使う選手への身体的負荷が大きくあまり使う選手がいないことからそれほど画像を集めることができなかった。逆にアプリを使用していても観戦中の登場頻度は少ないかもしれない。

![プロレス4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122226/318e98e8-3c95-aca7-2fa8-bbb676e4703c.png)
関節技の**足4の字固め**は撮影がしやすいのか、画像が多く集めることができたので比較的認識の精度が高い。横たわっている人間がいる、ということでラウンディング・ボディ・プレスと誤判定されることもある。
複数の関節技を登録して、横たわっているバリエーションが増えると精度が変化しそうである。

**ラウンディング・ボディ・プレス**はムーンサルトプレスも含んだものとする。（基本的に同じ技だが、使う選手によって技名が変わるため）
ちなみにムーンサルトプレスはシャイニング・ウィザードと並んで武藤の代名詞となっているが、足の手術のため2018年3月の試合でラスト・ムーンサルトとして披露されて以降、封印されていた。2021年6月に3年ぶりに解禁された。


![プロレス3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2122226/f4cf3496-f051-2013-af9b-55d45fe30113.png)
担いだ相手を真下に投げる**ボディースラム**と、担いだ相手を後方に投げる**ブレーンバスター**は画像だと区別が付きづらい。これぞ、という画像があまりなく枚数があまり集まらなかったが、一応判定はちゃんとできていた。
（上記画像は、それぞれ投げる直前の画像）

実際に現地で、連続写真撮影して動きが分かる画像で機械学習させた方が精度が上がる気がする。

# さいごに
今回は比較的よく使われる技を登録したけれど、団体単位で所属する選手が使う技を登録するのも面白いかもしれない。
静止画での判定は比較的ちゃんとできていたが、**動画の認識はやはり課題が多い。**
どの時点で技と判断するか設定の問題や、会場の座席位置によって画像の画角が大きく変わるのも難点。今の仕様だとリング横席、もしくはひな壇前方席でしか使えないかもしれない……。
今回のアプリ作成にあたりプロレス動画を見ていたらやっぱりプロレス面白いなー！と再確認したので、久しぶりに会場に足を運んで思い切り観戦したい。


# おまけ
以下、個人的なプロレス語り。
かつて月に一度のペースで水道橋に観戦に行っていたくらいには、プロレスが好き。
ルチャリブレの軽快な動きが大好きで、覆面選手に目が行きがち。
リング横で観戦していて、多いときは1回の興行で3回自分の席がなくなった。（席が乱闘に巻き込まれたため）
乱闘が落ち着いた頃にいそいそとパイプ椅子を戻すのも、それはそれで楽しい。
興味があってもしこれから行こうと思っている人がいれば、ひな壇席が値段的にも、安全面的にもおすすめ。
女子一人のお客さんや、子供連れのお客さんも結構いるので、怖がらないで是非観に行って欲しい。最高のエンタメ。
どの席でも乱闘が始まったら逃げる覚悟をしておくこと（荷物は事前にまとめておく）。乱闘前にどいてどいて！とバタバタ誘導されるので、試合が始まる前に逃げ道を確認しておくとよい。
**良いプロレスライフを！！**