2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

手軽に花火を描画するプログラムを作ろうと思ったら、JavaScriptを使ってブラウザ上に描画するのがオススメです。前回紹介したように、Canvas APIを使うと、ブラウザ上に絵や図形を描画できます。しかも、スマートフォンのブラウザを含め、大半のブラウザ ...

今週のレッスンは「詳解JavaScript Canvas編」をリリースしました。JavaScriptを使って図形を描画できる技術ですね。 ↑ 今回はブラウザ実行環境を用意しておきました。さっと試すことができて便利です。 ↑ シンプルなキャラクターを作って目を動かすための ...

もともと JavaScript や Canvas の経験はゼロ。完全初心者からのスタートでした。 しかし、ChatGPTを活用しながら試行錯誤を繰り返すことで、少しずつ形にできてきました。コードの大部分はAIとの対話を通じて生成し、**「書けなくても読めれば作れる」**という ...

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes. You may also see any lint ...