Make作る

HTML・CSS・JavaScript だけで作るブラウザゲームの作り方と、AIの Claude と一緒に作った制作の記録です。作り方の記事は、実際に動くコードとデモ付きで解説しています。

はじめての人は、この順番で

作り方2026年10月7日

バッティングゲーム「熱闘天敵バスターズ」の変化球と魔球のしくみを、実際のコードで解説。

作り方2026年10月4日

HTMLで作った個人サイトを、Cloudflareを使って独自ドメインで公開した手順をまとめました。

作り方2026年10月4日

「あなたは〇〇タイプ」がわかる診断ツールを、HTMLとJavaScriptで作る方法を解説。

作り方2026年10月4日

音声ファイルを用意しなくても、JavaScriptのWeb Audio APIだけでゲームの効果音は作れます。

作り方2026年10月4日

ブロック崩しの当たり判定を、実際に動くコードで解説。

作り方2026年10月4日

タイピングゲームで一番むずかしい「ローマ字判定」の作り方を、実際に動くコードで解説。

作り方2026年10月4日

HTMLとJavaScriptだけで、ブラウザで遊べるクイズゲームを作る方法を初心者向けに解説。

体験記2026年10月7日

AIのClaudeと一緒に、ドット絵のバッティングゲーム「熱闘天敵バスターズ」を作った記録。

体験記2026年10月4日

プログラミング経験ゼロの広告代理店勤務の僕が、AIのClaudeに相談しながらブラウザゲームを作った体験記。

レビュー2026年10月4日

ゲーミングマウス Pulsar X2H Wireless Mini を2年使い続けている感想をレビュー。