Soft Skills (12) — Entidade

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á 6 meses

Selenium作者によるAIと人間のためのブラウザ操作自動化ツール Vibium を使ってみる - プププなテクブ

Vibiumは、ブラウザ操作自動化ツール・Seleniumの作者であるJason Huggins氏の新作だ。 github.com READMEによると、 Vibium is browser automation infrastructure built for AI agents. A single binary handles browser lifecycle, WebDriver BiDi

blog.inorinrinrin.com·há 8 meses

Honoのコードを整頓された状態にするためのeslint-pluginをリリースした - プププなテクブ

この記事はHono Advent Calendar 2025 最終日の記事です。今回は自分が作ったeslint-pluginについて書く。とりあえず作ったものを見て！！そしてLGTMならStarください！！！ github.com きっかけ Honoは非常に柔軟で軽量なWebフレームワークだけど、自由度が高いゆえにチーム開発や規模が大きくなった際にコードの書き方が統一されにくいという課題に直面する

blog.inorinrinrin.com·há 8 meses

2025年買ってよかったもの - プププなテクブ

Amazonの2025年の注文履歴を眺める毎年恒例のこの時期がやってきた。今年はほとんどものを買ってないので、買ってよかったものも少なめだった。 Coleman(コールマン) アウトドアワゴン Coleman(コールマン) アウトドアワゴンアルペン限定カラーキャリーワゴン 2000034670 グレーColeman(コールマン)Amazon ウォーターサーバーを契約するより、6本入りのケースで