Google Cloud (2) — Entidade

blog.inorinrinrin.com·há 2 meses

Web標準なHTML要素 `search` を使ったa11yについて考える - プププなテクブ

<search> という HTML 要素が 2023年10月にすべての主要ブラウザで利用可能になっていましたが、2026年4月にBaseline Widely Available に到達しました。今回はこの <search> 要素を使って、検索のアクセシビリティについて考えてみます。スクリーンリーダーとARIA ロールアクセシビリティの向上を支援する技術として、スクリーンリーダーがあります。ス

blog.inorinrinrin.com·há 3 meses

Valibot作者が開発したフォームライブラリ Formisch を使ってみる - プププなテクブ

フロントエンド開発でフォームを実装するとき、こんな経験はないでしょうか。バリデーションロジックがコンポーネントとごっちゃになって見通しが悪い React Hook Form や Formik を使っているが、バンドルサイズが気になるフレームワークを乗り換えたとき、フォームライブラリも全部書き直しになったこうした課題を整理していたところ、辿り着いたのが Formisch です。TypeScri

blog.inorinrinrin.com·há 4 meses

2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ

2026年3月に Reporting API というWeb標準 API が Baseline に到達し主要ブラウザで利用可能になりました。今回はこの便利な Reporting APIを実際に使ってみて、できることやユースケースについて考えてみます。 Reporting API とは Webアプリケーションを運用していると、こんな問題に遭遇したことはないでしょうか。本番環境でだけ CSP 違反が

blog.inorinrinrin.com·há 5 meses

Vitest 4.1でリリースされたaroundEach/aroundAllは何が便利なのか？ - プププなテクブ

Vitest 4.1 で aroundEach と aroundAll という新しいライフサイクルフックが追加されました。 github.com これらは文字通り、テストを前後からwrapするフックです。aroundEach は各テストを、aroundAll はスイート全体をwrapします。runTest() や runSuite() の呼び出しを自分のコードで囲む構造になっており、名前のとお

blog.inorinrinrin.com·há 6 meses

Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ

最近、Next.jsがどのようにCSRF対策をしているのかを考える機会がありました。そんななかで色々と学んだことを今回は書きます。 CSRFとは本題に入っていく前に、いま一度CSRFについて改めて復習しておきましょう。CSRF(Cross-Site Request Forgery)とは、ユーザーが意図しないリクエストを攻撃者が勝手に送信させる攻撃です。以下に攻撃の一連の流れを可視化しています。

blog.inorinrinrin.com·há 6 meses

TypeScript製ライブラリ VerifyFetch で「切れない」ファイルダウンロードを作ってみる - プププなテクブ

Webブラウザで数KBのJSONを取得するなら標準の fetch で十分ですが、例えばブラウザ上のWeb Viewerで画像を数十枚表示するなどのユースケースに標準のfetchで対応しようとする場合以下のような問題がつきまとうことが多いでしょう。再開不能: ネットワーク瞬断やリロードでダウンロード進捗が0に戻る整合性不明: ダウンロードが完了しない限りファイルが破損なくダウンロードできているか

blog.inorinrinrin.com·há 8 meses

npmにライブラリを公開するなら知っておきたい`npm version`サブコマンドのあれこれ - プププなテクブ

最近、いくつかのライブラリをnpmに公開した。公開したものは以下。是非使ってみてissueなりPRなり送ってほしい。 github.com github.com ところで、ローカルからnpmにライブラリを公開する場合、基本的に以下のコマンドを叩けば良い。 npm login npm publish これで少なくともライブラリは公開することができる。けど、npmに限らずどこかしらのレジストリに作った