どうもよこぼと申します。
超初心者です🔰
なんの初心者？と思われるかもしれませんが、もはや"全般"です。
本文読んでいただけると初心者っぷりがわかると思います。

もちろん同じような初心者・初学者の方にも、
育成や普及活動を進める立場の方にも、
参考になるような記事をあげていけたらと思います。
よろしくお願いします🙇

=======================

今回はCDLE名古屋の
徳和さん@徳和 貴成_core.member から教わった、

「チャットモンスターバトル」（縮めてチャトモン！）で遊んでみるのがゴールです🔥

チャトモンマスターに俺はなる！！！！


https://cdle.jp/blogs/edd0e3a00cf9

CDLE名古屋

チャットモンスターバトル（チャトモン）統合情報サイト

徳和 貴成_core.member
2025/04/26 02:42

↑とってもわかりやすく始め方、遊び方が書いてあります！

=======================

🌱ステップ1🌱
ふむふむ、まずはwebサーバーなるものをインストールしないといけないのですね。

NGINXをインストールしてみます。
（↓徳和さんのnoteに、これまた丁寧に書いてくださってます）
https://note.com/t_tokuwa/n/n99cda8413fd8


インストールは簡単だった。
コマンドプロンプトはいじったことあるからなんとかなる。
（ふむふむ、…"cd ◯◯"でディレクトリを移動だったなぁ）


📝メモ
start nginx        ←WEBサーバーを起動
nginx -s stop        ←WEBサーバーを停止

image.png 14.72 KB    ↑この画面だけでちょっと感動✨

=======================

🌱ステップ2🌱
いよいよチャトモンをインストール！！

とはいえ、
チャトモン総合情報サイトに「ZIPファイル」があります！神✨
（超初心者🔰にはギットハブとやらも難しいのでZIPファイルは非常にありがたいのです）


ダウンロードして、解凍して、移動して・・・
（かんたんかんたん🎵）


ブラウザにURLをいれるゾッ！！！

image.png 1.28 MB
おおおおー！！！すげー！！！！！！！！
かっこいいー！！！！！！
   

このあとopen AIのAPIキーを入力。
（とってもわかりやすくて親切✨）

※実はAPIキーは以前に格闘しながら取得したのでそこまで大変じゃなかった。やっててよかった。


image.png 71.42 KB↑おそらく私のPCの問題なんですが、一瞬背景が真っ黒になって焦りました。。。
ブラウザ再起動したら大丈夫だった。

=======================

🌱ステップ3🌱
いよいよ遊んでみます！！

スクショ撮り忘れたのですが、
画像をアップロード、みたいなわかりやすいボタンがあるので
簡単に写真をあげれました。


これでいよいよオリジナルカードが作れるのか…わくわく🎵

今回は
・以前飼っていたハムスター
・現在飼っている愛猫
でバトルします🔥

（もう勝負は見えてるような気がしますが…）


image.png 671.65 KB無事にカード生成！！！すげー！！！
身長や体重もなかなかいい線いってるのがまたすごい。


「属性：闇」

なかなか中2ゴコロをくすぐられますな。

image.png 1.11 MB↑カードが出る演出もかっこいい

image.png 1003.76 KB相手はフワモコニャン。
魅力カンスト。
スキルはリアルとだいたい合っている🐈


さあ戦うぞ🔥🔥

…

…

決着‼️
（バトル中のスクショ撮り忘れたんだけどそれは黙っておこう）

image.png 1.21 MB
最終的にモフモフシャドウが勝利しました‼️
予想しなかった展開‼️
頑張ったね！ハムスター🐁
おい猫がんばれ🐈

窮鼠猫を嚙む    ですね🐁

=======================

もうちょっとカスタムできそうですが、
今回はここまでにします。

いや、そもそもBGMや実況や効果音までクオリティ高い✨と感動しました。

そしてプログラム勉強初学者の私にとって、
中身を見て勉強できる教材にもなる📚


まだやったことない！という方、
慣れている方なら数分で遊び始めれるのでぜひやってみてください(・∀・)！


（@徳和 貴成_core.member さん、色々教えていただきありがとうございました✨）