はじめに
2026年1月、個人技術ブログ「機械仕掛けのアンゴラうさぎ」を公開した。
Claude Codeにおまかせでさくっと開発できた。
この記事ではこのブログを支える技術スタックを簡単に紹介する。
技術スタック概要
| カテゴリ | 技術 |
|---|---|
| Framework | Astro |
| Runtime | Bun |
| Styling | Tailwind CSS x shadcn/ui |
| Hosting | Cloudflare Pages |
フレームワーク: Astro
充実したドキュメントがあり、インテグレーションとして様々な機能が提供されている。
https://astro.build/integrations/
実装自体もシンプルに済み、個人用の静的サイトとして管理のしやすい状態を維持できる。
ビルド環境: Bun
比較的不安定な部分もあるが、小規模な開発であれば特に問題にはならない。
またClaude Codeで開発を進めるにあたり、速度のメリットは以前よりも魅力的に感じた。
実際早く、ストレスなく開発を進められた。
スタイリング: Tailwind CSS x shadcn/ui
shadcn/ui はコンポーネントライブラリではなく、再利用可能な組み込み可能なコンポーネント集だ。
取り込んだコンポーネントはただのコードなので、手を入れやすく、雑に使えるのは便利に感じた。
ホスティング: Cloudflare Pages
こだわりはないが、コストと手軽さで十分。
Cloudflare的にはWorkersの利用を推奨しているようだが、簡易な個人サイトとしてはPagesから移行するメリットは見つけられなかった。
まとめ
使いたい技術をClaude Codeに渡して構築してもらった。
若干見づらい箇所もあるが、徐々に改善していきたい。