APG Patterns Examplesを作った / masuP.net
APG Patterns Examplesを作った / masuP.net
masuP9がAPG Patterns Examplesを作った話
4フレームワーク対応は「触ったことがある」「利用者が多そう」という理由
当初は Docusaurus + Storybook だったが、iframe構成が複雑で Astro Islands に移行
ただし Astro は複雑UI向きではなく、「Alpine.jsでも良かったかも」と振り返る
実装例だけでなく、アクセシビリティ品質を検証するテストを重視。
APG仕様を満たすテストを網羅的に作成
Playwrightを使い、アクセシビリティツリーの検証も実施
DAMP原則で「テスト単体で学習しやすい」構成に
主に Claude Code を使用し、実装計画の立案やコードレビューに活用
Codexも併用。