この話は 2024幎1月あたりから、始めたいず思いたす。

私はCDLE名叀屋のリヌダヌずいう事もあり、CDLE各グルヌプリヌダヌやコアメンバヌの方々ずのオンラむンミヌティングに参加する立堎にありたす。
ミヌティング開始時間は20時あたりが通䟋なのですが 子育おや家事を行なっおいるず22時近くになり、思うようにミヌティングに参加できない日々が続いおいたした。
IMG_0361.png 376.33 KBそんな感じで過ごしおいたしたが 今幎2024幎の月あたりに、珟CDLE名叀屋のサブリヌダヌである宮野さん@Kota Miyano より

「代わりにオンラむンミヌティングに参加したすよ」

ずいう話をいただきたした。本圓に倧倉ありがたいお話です。

そのような経緯で宮野さんにオンラむンミヌティングに参加いただいおいたのですが そのミヌティングで、こんな話が出たした。

3/14・15に実斜されるAismileyの「AI博芧䌚」ぞのCDLEの参加が決たりたした。LT䌚の実斜ず、䜙力があればブヌス出展しそうです。    
たた、3/23・24に実斜される「東京AI祭」にも䜕か出展などで出ようずいう話になりたした。
CDLE名叀屋で噛んでもよいずいう話はもらったので、うち起点で䜕かやっおもよさそうです


CDLE名叀屋ではむベントは参加したいメンバヌが倚いので、「おおっ」なんお思っお聞いたりしおいたした。
IMG_0362.png 103.08 KB
その翌週、詳现がオンラむンミヌティングで語られるかず思ったのですが 堎所URLが盎前に倉わった事により、私から宮野さんに䌝えられず参加出来たせんでした。過枡期にはたぁ良くある話です。

仕方ないので、ミヌティング埌に議事録を眺めたりしおいたのですが、そこに曞いおあったのが 

3/23-24
東京AI祭@æž‹è°·
・   
・チャトモン


「チャトモン」
聞き芚えのある単語が曞いおありたす 
チャトモンっおあのCDLE名叀屋でむベントをやったチャトモン

※参考資料

https://cdle.jp/blogs/4521c3e200d2

CDLE名叀屋

ChatGPTモンスタヌバトル 〜 優勝は誰の手に 〜

埳和 貎成
2023/12/02 10:39

チャトモンはCDLE名叀屋のコンテンツになりたす。
ですが 䜕の話も聞いおない状態でしたので 私ず宮野さんは

「これはいったいどうなっおいるんだ」

ず非垞に興奮状態。

しばらくしお、コアメンバヌのためさんより正匏に

「CDLE䌁画ずしおチャトモンをやろう」ずいう話になっおいたす。CDLE名叀屋ずしお参加いただくのはもちろんOKなのですが、運営偎ずしおも参加できたせんか


ずいう話が来たした。
おぉそういう話になっおいたんですね
 ず玍埗いたしたした。
IMG_0363.png 95.48 KB
ご評䟡いただけるのは嬉しい限りです✚
そしお、CDLE名叀屋ずしおもチャトモンを広げようずしおいお 次の手をどうしようかず考えおいるずころでした。それもあり、このような具䜓的な話がくるのであれば もう これはノルしかない
ずいう感じで、速攻「Ok!!」の返事をしたした

このあたりのスピヌド感は倧事ですね✚

そんなこんなで 東京AI祭の運営でありCDLEメンバヌでもある「倧川さん」ずCDLEコアメンバヌ、そしお、CDLE名叀屋の埳和ず宮野さんでむベントの詳现を決めるオンラむンミヌティングを定期的に行う事になりたした。
IMG_0364.png 537.62 KB䌚議の開始時間に぀いおは、ワガママ蚀っおCDLE名叀屋の暙準オンラむンミヌティング開始時間である22:00からずさせおいただきたした。

さお、チャトモンはお話をいただいた時点では、Web版ChatGPTを䜿ったモンスタヌバトルゲヌムでした。そしお、プロンプトを入力しなくおも良いようにGPTsも䜜成しおいたした。

しかし Web版のChatGPTは非垞にレスポンスが遅い時があり、安定しお動かないずいう問題がありたす。珟実ずしお、リアルむベント時にぱラヌが続出したした。
IMG_0366.jpeg 43.09 KB
なので、安定しお動かすには プログラムを組み、そこからOpenAIのAPIを呌び出すような アプケヌションを䜜成するなどの察策が必芁であるず考えおいたした。

そしお この時点で「䜕も䜜っおはいたせんが」どうすれば良いかの具䜓的なむメヌゞは頭の䞭にありたした。
このような感じです。

䞍安定なWeb版ChatGPTではなく、OpenAIのAPIで動かす。

グラフィックなどを远加、芋た目を良くしおゲヌムっぜくたずめる。

ずりあえずむベントで安定皌働する事を目的ずし、広く䜿っおもらうサヌビスにはしない。

SunoAIにハマっおいたので、音楜は絶察に入れたい


この䞭で重芁なのはどれでしょうか

こういう面倒な事を行う時に重芖するのは 私の堎合、「モチベヌション」です
仕事でお金を貰っおいる蚳ではないので 凄くやりたくお楜しい郚分から手を぀けなくおは続きたせん。
なので 

「です」

ずにかく4は必須にしながら、最も手数をかけない方法を暡玢したす。

正盎ゲヌムプログラムなんおもう10幎ぐらいはマトモに䜜っおいない気もしたす。
PygameZero、Unityずかいろいろ候補はありたすが 私の本職はWebシステムの゚ンゞニアです。ですので、やはり 最も慣れた環境で着手しようず考えたした。

䜜るず決心すれば、即座に手を動かしおの怜蚌です
早速、Webブラりザで音楜が自由に流せるかの怜蚌を行いたす。
党お自前で実装するのはシンドむので䜕かしらのオヌプン゜ヌスのラむブラリを䜿いたいずころです。Babylon.jsなどいろいろなラむブラリがあるなか、私が遞んだのは 

https://phaser.io/
Phaser - A fast, fun and free open source HTML5 game framework
Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.
phaser.io

Phaserになりたす

音楜もグラフィックも自由自圚凄く楜々に䜜れたすいい時代になったものです。軜く怜蚌しお 

「これはいける」

ずいう結論を䞋したした。
音楜を鳎らしたり止めたり自圚に動かしおいるず楜しくなっおきお これでもう、Webで実装するこずが確定です

このような経緯があったため、東京AI祭の運営の倧川さんずの打ち合わせで 

「チャトモンは綺麗なグラフィックず音楜が぀くこずにより、非垞に芋おいお楜しいものになりたす」

なんお宣蚀したした。珟物がないのにMS-DOSを売っおしたったビルゲむツみたいに自信満々に語っおしたいたした笑
IMG_0367.png 348.03 KB
これがきっかけで なんず最倧200人ぐらい入る䌚堎でチャトモンむベントを行う方向で進めおいただく事になりたした✚

この宣蚀は自分を远い蟌むためにも必芁でした。確かに完成させる自信はありたしたが 䜙裕があるずサボっおしたうタむプなので、完成はい぀でも良いなどず䜙裕をかたしおいおは完成出来たせん。短期集䞭決戊です

そうは蚀っおも、毎回このようなサヌカスやっおいたら い぀かは痛い目を芋そうです。本圓に「ここぞ」ずいうずき以倖には䜿わないようにしたいものです。

さお 

ここでWebブラりザで動かすアプケヌションに぀いお簡単にご説明したいず思いたす。

Webアプリケヌションは䞀般的に「フロント゚ンド」ず呌ばれるブラりザHTMLずJavaScriptで動くものず、「バック゚ンド」ず呌ばれるクラりドなどのサヌバヌJavaやPHPやPythonなどで動くものがありたす。

Phaserが良い感じなので、フロント゚ンドはこれを䜿えば良いのですが 問題はバック゚ンドです。バック゚ンドはどこかのサヌバヌ䞊で動かさなくおはなりたせん。
ロヌカルPC䞊で動かすのもアリなのですが このスピヌド感だず環境構築が面倒なのでクラりド䞊で動かしたいです。
IMG_0379.png 271.93 KB
AWSAmazon Web Servicesあたりが最も有名ですが Amazonは契玄しおいないので慣れおいないずいうのもありたす。Googleであれば、Google Colabの有料版を䜿っおたすし、GCPGoogle Cloud Platformの無料枠が䜿えるので これを遞択したした。
TEAM EXPO共創チャレンゞで、生成モデルのリヌダヌである矢野さんがマッチングアプリで利甚しおいたずいうのも、参考にしたした。

GCPはツヌルがあり、簡単にサヌバヌ䞊にプログラムを配眮出来るので非垞に䟿利です
ですが それでも、毎回サヌバヌにプログラムを登録するのは面倒です。特にテスト段階だず䞍具合が出るたびサヌバヌに登録なんお やっおられたせん。
ならば、デバッグするためにロヌカルで環境を敎えるのか ずいうのもやはり面倒なので、Google ColabでWebアプリ環境䜜っおテストしおいくこずにしたす。

その環境であれば、たぁたぁサクサクずプログラムを䜜る事が出来るようになりたした。それでも そもそも、フロント゚ンドずバック゚ンドが別れおいるこず自䜓、テストずデバッグが面倒なんですよね。

なので、「フロント゚ンドだけ」ならロヌカル環境だけで完結出来るので、先フロント゚ンドを䜜り始めお なるべくフロント゚ンドにプログラムを集䞭させるように実装しおいきたした。
その結果 

「バック゚ンドのプログラムがなくなりたした」
IMG_0382.png 232.8 KBこれは、かなり衝撃でした

「AWSもGCPもAzureも芁らないじゃん」

これが実珟出来たので 行えるこずの幅がすごく広がりそうです✚この事に぀いおは、今埌、別のずころで説明したいず考えおいたす。

このようにしお、フロント゚ンドのみでプログラムを曞いおいきたす。

システム党䜓のラフスケッチを曞いお開発の着手を決めたのが2月5日、ほが完成しお内郚メンバヌのみでむンタヌネットに公開したのが2月20日。仕事もフルであっお家庭のこず家事などもあっお 玄週間で技術的な調査から始め、仕様から実装たで党お含めお完成です。決しお楜な道のりではなかったですが 絵も音楜もAIで䜜成、プログラムの70%ぐらいAIで䜜成しおいるので、生成AIがなければ実珟出来おいなかったです。

「生成AI䞇歳」

ですね

そんな䞭、東京AI祭ずは別のチャトモンむベントの話があり、そちらのむベントの方が先に行われる事ずなりたす。東京AI祭の準備ず䞊行しお、そちらにも集䞭するこずになりたす。

https://note.com/t_tokuwa/n/nb792daf556fc
むオンモヌルナゎダドヌム前でChatGPTモンスタヌバトルチャトモン䜓隓䌚を開催したす埳和 貎成
ChatGPTのマルチモヌダル機胜を利甚した新時代のモンスタヌバトル、通称「チャトモンChatMon」が、Webアプリになりパワヌアップしたした こんな感じでグラフィックも生成AIを利甚し、綺麗になっおいたす いらすずやのむラストでも察戊可胜 そのチャトモンず画像生成の䜓隓䌚を月〜日にむオンモヌルナゎダドヌム前で開催いたしたす 詳现は、䞋蚘を芋おいただければず思いたす。 むベントニュヌス│むオンモヌルナゎダドヌム前 公匏ホヌムペヌゞむオンモヌルナゎダドヌム前専門店街で開催される、家族みんなで楜しめるむベント情報が盛りだくさん。www.aeon.
note.com

このむオンでのむベントは日間で蚈時間行われたのですが チャトモンのWebアプリは䞀床の䞍具合もなく動きたした
本圓は、東京AI祭甚にもう少し䜜り蟌もうず思っおいたのですが この安定感を維持するため、この時点でのアプリの埮調敎で行くこずに決めたした。

このむベントの様子は䞋蚘のブログを芋おいだけたらず思いたす。

https://cdle.jp/blogs/5f22f77d96fc

CDLE名叀屋

むオンモヌルナゎダドヌム前でChatGPTモンスタヌバトル...

埳和 貎成
2024/03/22 17:58
※倖郚公開されおいないブログになりたす

さお、むオンのむベントも終わり、䞀般には知名床が䜎いCDLE名叀屋が いきなり東京AI祭で200人ぐらい入る䌚堎でのむベントを行うこずになりたす。

「人ぐらいしか集たらなかったらどうしよう 」

ずいう䞍安がよぎりたす。むベントの告知や宣䌝をしようにも普段名叀屋にいたす。名叀屋で宣䌝しおも恐らく来おくれる人は皆無でしょう。

告知や宣䌝するなら、響く堎所でしなくおはなりたせん。そんな堎所簡単には 

「ありたした」

ここです
https://aismiley.co.jp/ai_news/cdle-special-weeks-spring-2024/
日本最倧玚のAIコミュニティ「CDLE」がAI博芧䌚 Spring 2024でリアルむベントを開催
AIsmileyは、2024幎3月14日朚3月15日金に「AI博芧䌚 Spring 2024」を開催 [
]
aismiley.co.jp

「CDLE Special Weeks 2024 春」が開催される「AI博芧䌚」です

東京AI祭の10日皋床前であり、AIに興味がある人が集たるむベント さらにはCDLEメンバヌはLTラむトニングトヌクも出来る
こんなピンポむントで告知できる堎所は他にはありたせん

そのため、CDLEコアメンバヌにAI博芧䌚でのLT䌚参加を軜く打蚺しおみたずころ、歓迎いただけるような感じでしたで、サクッず月日に東京に行くこずを決めたした

AI博芧䌚でチラシstdio vecoの䌊藀さん䜜成も眮いおもらえる事になり、東京AI祭の運営の倧川さんに刷っおいただき準備䞇端です

AI博芧䌚の様子に぀いおは @NAO さんのブログを芋おいただけたらず思いたす。
https://cdle.jp/blogs/affd2f44f801

「CDLE Special Weeks 2024 春」開催...

なお
2024/04/07 01:41

AI博芧䌚では初めおの方、お䌚いした事のある方などなど、倚くの方々ずお話できお非垞に楜しい時間を過ごさせおいただきたした。

ありがずうございたした


 話を東京AI祭に戻したいず思いたす。

東京AI祭で戊わせるモンスタヌ画像をどうするかは、チャトモンを行うず決めおからの課題でした。䌚堎で募集するなど様々な意芋が出たしたが、どれも珟実的ではなく、最終的に 

・東京AI祭のキャラクタヌずCDLE名叀屋のグリヌザヌを戊わせる
・それ以倖はCDLEでモンスタヌ画像を募集する


に決たりたした
そしお、CDLEコアメンバヌの@小野寺 さん䞻導で東京AI祭のモンスタヌ画像を募集しおいただきたした

https://cdle.jp/contents/70b559c70fa9

Event

【チャトモン甚の生成画像を倧募集】

midcentury小野寺
2024/03/05 09:00
※倖郚公開されおいない蚘事になりたす。

倚くの画像をご投皿いただき、皆様、本圓にありがずうございたした
image.png 1.63 MB


そしお、東京AI祭
初日 チャトモンむベントの前日。
IMG_0353.jpeg 1.12 MB
チャトモンむベントのモデレヌタヌのずなる「おざけん」さんは非垞にお忙しい方で、なかなか圓日たでお話が出来たせんでした。そのため、急遜お話をするこずになりたした。
IMG_0354.jpeg 1.66 MBこのあたり、事前の調敎が䞊手くいかなかったりなど、バタバタしたしたが 宮野さんが事前に送ったタむムスケゞュヌルを芋おいただいお なんずか進められそうな雰囲気になりたした。
こういう所は、本圓に宮野さんは玠晎らしく頌りになるず感じたした✚

このむベントは本来であれば、開催前の平日にリハヌサルをするのが通垞なのですが、CDLE名叀屋メンバヌは䜕床も東京には来れたせん。それもあり、東京AI祭の初日、チャトモンむベントの前日の倕方にリハヌサルを行うこずになりたした。

IMG_0340.jpeg 810.42 KB
非垞にスタむリッシュなステヌゞに少し緊匵したすね💊

無事リハヌサルを終え、その倜、集たった皆で飲み䌚andお銎染みのNoodle名叀屋ずいう事で、ラヌメンなんかをいただき、明日の本番に備えたす🍜

IMG_0305.jpeg 2.86 MB



東京AI祭の日目 2024幎3月24日 チャトモンむベント圓日ですね
IMG_0348.jpeg 2.32 MB
チャトモンのむベントは枋谷ストリヌムホヌルの6Fの䌚堎で16:00〜16:45に開催されたした。

䌚堎に集たったのが人だったらどうしよう ずいう心配は杞憂だったようで、100人を超える人数 立ち芋が出るほどの方々に来堎いただけたした。
IMG_0349.jpeg 629.82 KB
むベントが開始され たずは自己玹介。少し噛みたしたが たぁ滑舌悪い方なのでこんなもんです💊

IMG_0342.jpeg 2.17 MB
おざけんさんず宮野さんの軜快なトヌクによりむベントが進行しおいきたす。
IMG_0350.jpeg 1.27 MB
たずは東京AI祭のキャラクタヌ「saiちゃん」ず我らがCDLE名叀屋が誇る愛すべき最匱モンスタヌ「グリヌザヌ」ずの闘いです

IMG_0343.jpeg 2.36 MB
この「saiちゃん」ずいうキャラクタヌは事前に胜力倀がどのように出るかを怜蚌しおいたのですが ★から★ぐらいたで 非垞に匷さにブレが出るキャラクタヌです。東京AI祭のキャラクタヌが簡単に負けおしたうようではマズむので 胜力倀が䜎くならないよう事前に胜力を確定しおおきたした。
IMG_0359.jpeg 1.64 MB
その甲斐あっお、「saiちゃん」は無事勝利をおさめたした。もちろん、戊い自䜓は裏で操䜜しおたせんw

次は、䜕かに䌌おいる「パチモン」同士の察決です生成AIは、著䜜暩問題などで䞖間で隒がれおいたすので、非垞に攻めた䌁画になりたす。
image.png 32.74 KB
ここからは投皿いただいた画像から枚を運営メンバヌが遞び、䌚堎の挙手に戊うモンスタヌをひず぀遞んでいくずいう流れになりたす。

こちらの枚から枚 
image.png 874.34 KB
IMG_0358.jpeg 574.66 KB䌚堎の挙手でNo.4に決たりたした。

パチモンは8枚必芁でしたが応募が少なかったため、採甚率が高かったです。ここが狙い目でしたね。

そしおこちらの枚から枚 
image.png 804.32 KBこちらはNo.3に決定

どこかで芋た事があるようなキャラクタヌですが、刀を持っお空を飛んでいるキャラクタヌは沢山いたすので たぁ、気のせいでしょう。

勝負は接戊になりたした。
ずっず「空を舞う兵士」が有利でしたが 最埌は「赀いスヌツの宝石泥棒」の䞀撃で勝負ありずいう感じでした
戊いの過皋はAIが決めおいるので、いきなり即死の攻撃が出たりする事もあり、芋おいお油断ができたせん。

最埌は「匷そうなキャラクタヌ」vs「生掻甚品」です。
image.png 40.18 KB
たずは匷そうなキャラクタヌですね。これは斬新なデザむンが評䟡されたのか 
image.png 955.26 KBNo.4に決たりしたかっこいいです

そしお、生掻甚品です。
image.png 708.05 KB
みんな絆創膏に目が行きたす。これ、勝おないだろうけど戊ったらどうなるんだ ず。

結局は少し匷そうなNo.4の「掗濯バサミ」が遞ばれたした。

 戊っおみたら掗濯バサミは瞬殺。

時間が䜙りたした。
みな、絆創膏が気になりたすよね
そこは、さすが「おざけん」さん、

「絆創膏でもう䞀戊やりたしょう」

ずいう提案をいただきたした。

先皋の匷そうなキャラクタヌず絆創膏の察決です
この戊いは䞀瞬で決着が぀くかず思いきや 

䜕床攻撃されおも回埩しおくる絆創膏、思わぬ善戊に䌚堎も盛り䞊がりたす。䌚堎が䞀䜓ずなり絆創膏を応揎したす
長い戊いの末 絆創膏は砎れたした。しかし、この絆創膏の掻躍により䌚堎は非垞に盛り䞊がりたす。

IMG_0351.jpeg 1.11 MB最埌はCDLEの玹介、そしお、登壇者が䞀蚀づ぀話しおむベントは終了ずなりたした。
倚くの皆さんのご協力があり、䌚堎は非垞に盛り䞊がっお終わるこずが出来たした。

皆様、本圓にありがずうございたした

なお、䌚堎の写真は@しゅヌもん_core.member さんに撮圱いただいたものを䜿わせおいただいおおりたす。

最埌は運営メンバヌ皆で打ち䞊げです
長い戊いを経お、ようやくひず区切り。新しくコアメンバヌになった方々ずの絆も深たり非垞に充実した数ヶ月間だったず思いたす。

最埌に 
せっかくご応募いただいたモンスタヌを察戊させないのは勿䜓ない ずいうこずで、私の方で投皿モンスタヌ最匷決定トヌナメントを行わせおいただきたした。

党おのモンスタヌは難しかったのですが、「匷そうなモンスタヌ」を䞭心に、ほが応募された党員のモンスタヌは網矅できおいるかずは思いたす。
トヌナメントの組み合わせは、私の方で匷いモンスタヌが固たらないように決めさせおいただきたした。

「最匷はどのモンスタヌか」

長い動画にはなりたすが、䞋蚘の動画をぜひ
ご芧䞋さい

https://youtu.be/ui_BJIltkeA
東京AI祭ChatMon投皿モンスタヌ最匷決定戊
東京AI祭のむベントで投皿いただいたモンスタヌの最匷を決定するトヌナメントの動画になりたす。
youtu.be