作ってみたシリーズ JavaScriptで信号機を作ろう!初心者向けにHTML・CSS・JSでやさしく解説 1.信号機ってどんな仕組み?私たちが普段見かける信号機は、一定のルールで「赤 → 青 → 黄 → 赤」と色が順番に切り替わっています。これによって車や人の動きを制御し、交通の安全を守っています。たとえば、以下のような動作サイクルを持つ信号機... 2025.05.18 作ってみたシリーズ
作ってみたシリーズ 【Canvas入門】JavaScriptで必殺技を描くアニメーションを作ってみた 1.はじめに「JavaScriptとCanvasで、カメハメハを撃てないだろうか?」そんな発想から始まった今回の“ちょっとネタだけど、ちゃんと学べる”企画です。HTMLの<canvas>とJavaScriptを使って、波動(エネルギー弾)を... 2025.05.09 作ってみたシリーズ
作ってみたシリーズ CSSとJavaScriptでふわっと湯気を再現してみた 1.はじめに先日、街のカフェでホットコーヒーを飲んでいたとき、「この湯気ってコードで再現できないかな?」と思ったのがきっかけで、CSSとJavaScriptだけで湯気アニメーションを作ってみました。アニメーションって敷居が高そうに感じるかも... 2025.05.04 作ってみたシリーズ