OpenReplay ブログ
Node.jsにおけるイベントループ、ワーカースレッド、および並行処理
Node.jsのイベントループ、libuvスレッドプール、worker threads、clusterを整理し、I/OとCPU負荷の違いを明確に解説。
ReactアプリをAxiosからFetchへ移行する
ReactアプリをAxiosからfetchへ、安全なラッパー、エラー処理、タイムアウト、コピペ可能なクライアントで回帰なく移行します。
Web Componentsで再利用可能なフォームコントロールを構築する
Web ComponentsとElementInternalsで再利用可能なフォームコントロールを作成。送信、検証、ラベル、リセット、復元をネイティブ対応にします。
新しいWebアプリの認証戦略の選び方
2026年のWebアプリ認証は、セッションかJWT、OAuth 2.0/OIDC、パスキー、管理型プロバイダを比較し、失効・CSRF・UXまで整理します。
Electronアプリのパッケージングと配布
Electron Forgeとelectron-builderの比較ガイド。パッケージ化、コード署名、ノータライズ、自動更新、GitHub ActionsでのmacOS・Windows・Linux配布を解説。
LLMの実際の仕組み
LLMの仕組み: トークン、埋め込み、Transformerの注意機構、学習、サンプリング、温度、幻覚、ChatGPTが誤答する理由を解説。
モダンAPIのためのページネーションパターン
現代のAPI向けに、offset、cursor、keyset、page token、Relay GraphQLのページネーションをTypeScriptとSQL例で比較します。
リモートボックスでのエージェント型コーディング環境の構築
Tailscale、tmux、mosh、systemdでClaude Codeをリモートボックスに設定し、SSH鍵、秘密情報、非公開アクセスの安全策も解説します。
AI時代における開発者のためのtmuxガイド
tmuxでAIコーディングエージェントを運用する方法。セッション、ペイン、最小設定、tmux-resurrect、SSHでtmuxがZellijやWarpに勝る場面を解説。
WebSocket認証の解説
WebSocket認証を解説。URLのトークン、Cookie、サブプロトコル、初回メッセージ認証に加え、トークン更新とメッセージ単位の認可まで整理します。
JPEG XL vs AVIF：どちらのフォーマットを採用すべきか？
2026年のWeb配信でJPEG XLとAVIFを比較。圧縮率、ブラウザ対応、エンコード負荷、AVIFかJXLを送るべき場面を整理。
モダンReactアプリを支えるライブラリ群
2026年のReact標準スタックを整理。Next.js、TanStack Query、Zustand、Tailwind v4、shadcn/ui、React Hook Form、MotionとRSC対応の選び方。
TanStack エコシステム フィールドガイド
TanStackエコシステムのガイド。Query、Router、Table、Form、Virtual、Store、Start、DB、AIの役割、成熟度、使い分けを整理。
`inert`属性によるフォーカスとインタラクティビティの管理
inert属性でモーダル、ドロワー、読み込み中のオーバーレイを無効化し、フォーカス、クリック、アクセシビリティツリーへのアクセスを遮断します。
Node.jsにおけるモダンなファイル操作
Node.jsの最新ファイル処理をfs/promises、stream、file handle、エラーコード、並行処理、path traversal対策で解説。
ビジュアルリグレッションテストによるUIバグの検出
PlaywrightとVitestのビジュアル回帰テストで、単体テストやE2Eでは見逃すUIバグを検出。baseline管理、flakiness対策、CI設定も解説。
メールアドレスの検証にRegexを使うべきでない理由
メールの正規表現が失敗する理由を解説。正しいアドレスを拒否し、配信不能なものを通し、ReDoSも招きます。HTML5のemail入力かライブラリを使いましょう。
Svelte 5のRunesによるState Management
Svelte 5のrunesによる状態管理: $state、$derived、$effectでコンポーネント間のstate共有とSvelteKitのSSR漏れを防ぎます。
クライアントサイド vs サーバーサイドの認可：両方が必要な理由
ReactとNext.jsのクライアント側とサーバー側の認可: 権限はサーバーで強制し、クライアントはUXに使い、403のずれを防ぐ。
AdonisJSでCRUD APIを構築する方法
AdonisJS v7でCRUD APIを構築。postsルート、Lucidモデル、VineJS検証、curlで動作確認するJSONレスポンスまで解説。
JavaScriptの新しいSetメソッド実践ガイド
JavaScriptのSet新メソッドを解説。union、intersection、difference、symmetricDifference、部分集合判定に加え、Map対応とブラウザ対応を紹介。
タグ付きテンプレートリテラル：JavaScriptでミニDSLを構築する
JavaScriptのタグ付きテンプレートリテラルを解説。cookedとraw、WeakMapキャッシュ、安全なHTML、SQL、ミニDSL例まで。
LLMハーネス：モデルよりもラッパーが重要な理由
LLMの成否はモデルだけでなくハーネスで決まる。オーケストレーション、ツール、文脈、検証がAI機能を左右する。
WebCodecs APIによるリアルタイム動画処理
MediaStreamTrackProcessor、TransformStream、VideoTrackGeneratorを使うWebCodecs動画処理。frame.close、backpressure、worker、対応状況も解説。