Blog

Tech Posts

絵文字アイコン

React Ariaでアクセシビリティを考慮した実装をする(テストもやる)

React AriaはAdobeから提供されているReact向けのライブラリで、アクセシビリティを重視したコンポーネント作成を手助けしてくれるものです。React Ariaを使用することで適切な属性の付与と操作が可能になりますが、アクセシビリティの高いデザイン実装は自分で行う必要があります。今回はReact Aria(React Aria Components)を触ってアクセシビリティを学びながらStorybook上で動かし、テストも行ってみます。

絵文字アイコン

Cloudflare WorkersのHTMLRewriterを使ってリンクカードを実装する

最近Cloudflareを触ってみるのが楽しく、色々試しています。例えばこのサイトはCloudflare Pagesでホストし、記事の下にある絵文字スタンプもWorkers KVを使っています。また、最近Honoも熱く、Workersと一緒に使ってみようと思い、Cloudflare WorkersのHTMLRewriter + Honoで記事にあるリンクをカードにして表示できるものを作りました。

Life Posts