制作物

Stable Diffusion のタグを見本画像を見ながら選び、テンプレートとスロットから一貫した連番 prompt を作るツール。seed で再現できる生成ロジック、自宅 ComfyUI で作った 1,179 枚の見本画像、IndexedDB によるローカル完結、Cloudflare Workers の静的アセット配信でのゼロコスト運用を実装。

使った技術: next.js · cloudflare-workers · indexeddb · zustand · comfyui · typescript · vitest

知識の語彙を「なぜ生まれたか」の系譜としてつなぐインタラクティブな星図サイト。d3-forceによるCanvas星図、MDX + Zodによる Content-as-Code、40超のインタラクティブ学習コンポーネント、Cloudflare Workersでのゼロコスト運用を実装。

使った技術: astro · react · d3-force · cloudflare-workers · mdx · typescript · zod

消えていく日本の音風景を「記憶の栞」として記録・アーカイブするWebサービス。Web Audio APIによるサンプル精度ループ再生、Content-as-Code、Cloudflareフルスタック構成、Pythonによる音声前処理パイプラインを実装。

使った技術: next.js · cloudflare · web-audio-api · terraform · python · mdx · zod

Next.jsで作成した個人ホームページ。プロフィール、ポートフォリオ、ブログを掲載し、多言語対応・ダークモード・SEO・Markdownベースのコンテンツ管理を実装。2026年のデザイン改修では、カンプ作成からイメージのすり合わせ、細部調整、サイトへの反映まで取り組み、その後コントラストと星座ステッカーで再調整した。

使った技術: next.js · vercel · tailwind-css · markdown · mdx · seo · i18n