
Astro の Content Collections で記事データに型を付ける
frontmatter の書き間違いをビルド時に検出できるように、Content Collections と Zod のスキーマで記事データを定義する方法を紹介します。
Hiraoku — Software Engineer
ソフトウェアエンジニアの Hiraoku です。Web フロントエンドと AI を使った開発を中心に、手を動かして学んだことをブログに書いています。

Featured
Astro と Markdown で、読み心地とスクロールの気持ちよさを大切にした技術ブログを作りました。設計で意識したことをまとめます。
記事を読む01 — Build
新しいライブラリや設計を、小さなコードで実際に動かしてみる。動いたもの、動かなかったもの、その理由を書き残します。
02 — Think
「なんとなく分かる」を「説明できる」にするために、背景にある考え方や設計のトレードオフを丁寧にほどいていきます。
03 — Share
つまずいた箇所や回り道も含めて記録します。数か月後の自分や、同じ場所で迷っている誰かの役に立てば嬉しいです。

2026
英語や日本語の段落にマウスを乗せるだけで、訳文をツールチップで表示する Chrome 拡張機能。Chrome の組み込み翻訳で動き、API キーなしで使えます。

2026
今見ているページの発信者と本文を、チェックリストの質問に沿って点検する Chrome 拡張機能。信頼度を一つの点数にまとめず、根拠つきの所見として示します。ページの表示は変えません。

2026
自作キーボード KobitoKey の設定をブラウザから編集する専用エディタ。接続したキーボードへ直接書き込むモードと、GitHub 上のファームウェアを編集してビルドするモードがあります。
ソースコード