Blog

Tech Posts

2024/09/21 22:08

React Contextのアンチパターンは本当にアンチパターンなのかを考える

ReactのContextに関する内容で、stateとsetStateを1つのvalueにまとめるとパフォーマンスが悪くなるので分けたほうがいいというものがあるが、果たしてそれは本当に最善なのだろうか？

2024/06/08 19:28

クロスサイトでCookieを扱う

クロスサイトでCookieを保持して使えるようにしたいという時に最終的にしたことのメモ

2024/04/13 14:44

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

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

2024/03/17 16:10

HonoXを使ってみたよ

最近正式にリリースされたHonoXを使って新しいサイトを作りました。

2024/02/22 1:05

TypeScriptのパフォーマンス改善

TypeScriptのパフォーマンス向上についての公式ドキュメントがあります。この記事では、「TypeScriptにおける速さとは何か」を理解し、その上でコンパイルの観点でパフォーマンスを向上させるための具体的な方法をまとめます。

2023/12/14 0:23

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

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