こんにちは！今回は、ブラウザだけでサクサク動く本格的なWebブラウザゲーム「ザリガニ・ライフ (Crayfish Life)」を作成しました。 サーバー構築や複雑な環境構築は一切不要！たった1つのHTMLファイルの中に、デザイン（Tailwind CSS）もゲームロジック ...

HTMLの <canvas> 要素でグラフィックスを扱うには、まず「レンダリングコンテキスト」の取得が必要です。本記事では、Canvas APIの入り口となるコンテキストの初期化から、最も基本的な図形である矩形（長方形）の描画、そして色指定の方法までを解説します。