OpenReplay ブログ
Hono ミドルウェアを自作する
型付きコンテキスト変数、リクエスト計測、早期終了、パス指定での適用まで、Honoのmiddleware作成を解説。next()の順序も整理します。
Vue Vapor Modeとは何か
Vue Vapor Modeを解説。SFCを直接DOM操作に変換する仕組み、Vue 3.6 RCでの変更点、イベントとスロットの注意点を紹介。
npm パッケージをブラウザから直接使う
import mapとCDN URLで、通常のHTMLからnpmパッケージを使う方法。ESMとCommonJSの見分け方、版の固定、ビルド不要の手順を解説。
ターミナルで暮らす人のための WP-CLI
WordPressの移行、バックアップ、ロックアウト対応、プラグインとコア更新、リモートSSH、シリアライズデータを安全に置換するWP-CLIコマンド集。
WebMCPでサイトのアクションをAIエージェントに公開する
WebMCPは、document.modelContextでサイトツールを登録し、注釈を設定して、ログイン済みブラウザ内で実行する安全な操作を扱います。
JSON によるオブジェクトの平坦化を防ぐ方法
JavaScriptのJSONフラット化をreplacer、reviver、toJSON、context.sourceで防ぎ、Date、Map、Set、BigIntを正しく復元します。
Octaneを始める — Infernoの後継フレームワーク
Infernoの後継Octaneは、React風コンポーネントを直接DOMコードにコンパイルし、hooks、依存配列、導入手順、beta版の状況を解説します。
知っておく価値のある MariaDB の 5 つの機能
MariaDBの注目機能: ベクトル検索、システム版管理とアプリケーション時間テーブル、テーブル別ストレージエンジン、11.8 LTSのutf8mb4標準。
Nub の紹介 — オールインワンな Node.js ツールキット
NubはRust製のNode.jsツールキットで、標準のNode上でTypeScript、スクリプト、依存関係の導入、Nodeバージョン管理を行い、lockfileと安全性を維持します。
htmx 4.0 が登場
htmx 4.0は継承、エラーの置換、履歴、イベントを変更し、htmx 2アプリ向けの移行手順と戻し方も解説します。
スモークテストと、エージェントがそれを書き続ける理由
Smokeテストの要点を解説。何を確認し、どこで実行し、何を除外するか、そしてコードエージェントがCIやデプロイに追加し続ける理由。
Astro サイトに認証を追加する方法
Astroの認証をadapter、middleware、Astro.locals、sessions、rewrite、Actionsで設定。login、logout、ルート保護まで解説。
@scope によるネイティブ CSS スコーピング
ネイティブCSSの@scopeは、セレクタをコンポーネントやドーナツ境界内に限定し、近接度ベースのカスケードをビルドなしで実現します。
.claude フォルダには何が入っているのか
.claudeフォルダの中身を整理: CLAUDE.md、settings.json、rules、skills、agents、MCPサーバー、優先順位、コミット対象と除外対象。
2026年における分散型ウェブの現在地
ActivityPub、AT Protocol、Solidを、ID、データ、フォロワー、普及、移行の観点で比較した2026年版分散型ウェブの現状報告。
deno desktop でデスクトップアプリを構築する
Deno desktopはTypeScriptアプリをネイティブデスクトップバイナリに変換し、webviewまたはCEF、フレームワーク対応、クロスコンパイル、制限を解説します。
WebアプリにキーボードショートカットをÂ追加する方法
Webアプリにキーボードショートカットを追加する方法。documentのkeydown、入力中の除外、MacとWindowsの修飾キー、2キーの連続入力、Reactでのクリーンアップを解説します。
Web アセット圧縮における Gzip vs Brotli vs Zstd
WebアセットのBrotli、gzip、zstdの使い分けを整理。圧縮レベルがサイズに与える影響と、静的ファイルの事前圧縮も解説。
Cloudflare Durable Objects 初心者ガイド
Cloudflare Durable Objectsの仕組みを解説。ルーティング、単一インスタンスの状態、SQLiteストレージ、Workers向けTypeScriptのレート制限例まで紹介。
AIの時代のテスト:AIを使ってテストを書く
AI生成テストはカバレッジを上げてもバグを見逃すことがあります。要件ベースのプロンプト、ミューテーション検査、モック確認で防ぎます。
開発者のためのオープンウェイトモデル入門
Open-weightモデルの要点: 重みとライセンスの内容、最先端モデルの配信が難しい理由、API・提供元・ローカル実行の選び方。
新しいテキストエディタ Wordgard を概観する
WordgardはMarijn Haverbekeによる新しいリッチテキストエディタライブラリで、単一変更のトランザクション、corrections、facets、独自選択を備えます。
Project Wallace によるスタイルシートの監査
Project WallaceのCSS監査は、色、フォントサイズ、詳細度、重複、ファイルサイズを具体的な修正に変えます。
うまくいかないときの npm コマンド
npm ls、npm explain、overrides、npm ciで予期しない依存関係を追跡し、誤ったバージョンを修正してlockfileのずれを防ぎます。