Astro.jsとCloudflare Pagesで構築しました。 Codex CLIとClaude Codeを用いて3日ほどで制作しました。
技術スタック
- フレームワーク: Astro.js (TypeScript)
- スタイリング: Tailwind CSS + DaisyUI
- ホスティング: Cloudflare Pages
「学習量と依存関係をなるべく少なく、維持費をかけない」というコンセプトからこの技術スタックになりました。
項目の作成が億劫になり、更新が滞るのを防ぐために項目の新規作成はMarkdownの記述とPushだけで完結するようにしています。
デザイン
自分の作品はロゴや映像、綺麗なUIを見せたいことが多いため余計な装飾や色を使わずシンプルに、画像を主体としたデザインとなっています。背景のコンテンツを活かしたグラスモーフィズムなヘッダーがお気に入りです。