Hiraoku.dev は、Web フロントエンド・AI・ソフトウェア開発の実践と学びを記録する技術ブログです。https://hiraoku.dev/https://hiraoku.dev/blog/hello-world/https://hiraoku.dev/blog/hello-world/Astro と Markdown で、読み心地とスクロールの気持ちよさを大切にした技術ブログを作りました。設計で意識したことをまとめます。Sat, 10 Oct 2026 00:00:00 GMTAstroDesignBloghttps://hiraoku.dev/blog/content-collections/https://hiraoku.dev/blog/content-collections/frontmatter の書き間違いをビルド時に検出できるように、Content Collections と Zod のスキーマで記事データを定義する方法を紹介します。Tue, 06 Oct 2026 00:00:00 GMTAstroTypeScripthttps://hiraoku.dev/blog/scroll-driven-animations/https://hiraoku.dev/blog/scroll-driven-animations/パララックスやフェードインを、重くならず、誰にとっても読みやすい形で実装するための考え方をまとめました。Fri, 02 Oct 2026 00:00:00 GMTCSSJavaScriptPerformancehttps://hiraoku.dev/blog/japanese-typography/https://hiraoku.dev/blog/japanese-typography/行間、字間、1 行の長さ、和欧混植。日本語の長文を Web で読みやすくするために設定している値とその理由。Sun, 27 Sep 2026 00:00:00 GMTCSSDesignTypographyhttps://hiraoku.dev/blog/ai-pair-programming/https://hiraoku.dev/blog/ai-pair-programming/AI コーディングアシスタントと一緒に開発するとき、成果を安定させるために心がけている習慣をまとめました。Sun, 20 Sep 2026 00:00:00 GMTAIProductivity