IracimLab をはじめます

2026年6月19日 · Astro / Cloudflare Pages / WebGL

ブラウザだけで動く WebGL アプリを少しずつ公開していく場所として、このサイトを作りました。アプリ一覧の「ハブ」と、作り方を残す技術ブログを 1 つの Astro プロジェクトに統合しています。

なぜこの構成か

アプリごとにリポジトリを分けず、モノレポにまとめました。ヘッダーやデザインを共通化でき、ブログとアプリを相互リンクしやすく、デプロイも一度で済みます。ホスティングは Cloudflare Pages で、git push するたびに自動でビルド・公開されます。

肝になるのが Astro の Island Architecture です。ページは基本的に純粋な静的 HTML（JS ゼロ）として出力され、インタラクティブにしたい部分だけを「島」として明示的に有効化します。おかげでブログ記事は超軽量なまま、重い WebGL を読み込むのはアプリのページを開いたときだけになります。

これから

まずは記事を書きながらアプリを 1 つずつ足していきます。最初のアプリ「Particles Field」の実装メモは別記事にまとめました。

各アプリには必ず解説記事をセットで用意し、相互リンクする — これを習慣にしていきます。