OpenReplay ブログ
Webhook署名を検証する方法
ExpressでStripeとGitHubのWebhook署名を検証。生のリクエスト本文、一定時間のHMAC比較、リプレイ対策、シークレットのローテーションを解説します。
あまり知られていない Linux ディストリビューション 5 選
開発者向けの知名度が低いLinuxディストリビューション5種、CachyOS、Bazzite、Nobara、Vanilla OS、Chimera Linuxを、ドライバーや更新、ツール面から比較します。
Vitest 5 の変更点
Vitest 5の変更点を解説。性能向上、互換性を損なう変更、新しい既定値、レポートの保存先、テストとCIの移行手順を確認できます。
Sassの代わりにネイティブCSSミックスインを使う方法
@mixinと@applyでSassミックスインをネイティブCSSへ移行する方法、引数の扱い、Sassが引き続き必要な機能を解説します。
アプリに貼り付けられたテキストをクリーンアップする
Webフォームに貼り付けたテキストを、Unicode正規化、書式文字の削除、空白の圧縮、ZWJとNBSPの安全な扱いで整えます。
scriptc で TypeScript をネイティブバイナリへコンパイルする
scriptcはTypeScriptをネイティブバイナリに変換し、静的ビルド、620KBの動的エンジン、coverage確認、明確な診断を提供します。
Meta のデザインシステム「Astryx」を初めて触ってみる
MetaのオープンソースデザインシステムAstryxは、150以上のReactコンポーネント、テーマ、CLI設定、カスタマイズ段階、shadcn/uiとBase UIとの比較を解説します。
JavaScriptのスタックトレースの読み方
JavaScriptのスタックトレースを読む方法: 最初に見るべきフレーム、asyncの抜け、圧縮コード、source map、Error.causeを解説。
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、フレームワーク対応、クロスコンパイル、制限を解説します。