OpenReplay ブログ
OpenCode vs Claude Code: どちらを使うべきか
OpenCode vs Claude Code: 価格、モデル対応、拡張性、そして自分のコーディング作業に合うツールを比較できます。
Node サーバーをグレースフルにシャットダウンする
SIGTERM対応のNodeグレースフルシャットダウン: readinessを切り替え、server.closeでリクエストを終了し、順番にリソースを閉じて502を防ぐ。
git history で古いコミットを修正する
Git 2.55のgit historyは、fixup、reword、splitで古いコミットを書き換え、積み重なったブランチを更新し、dry-runで安全に確認できます。
OpenTUI は Ink の本当の代替になるか？
OpenTUIとInkを比較し、ターミナルUIの性能、実行環境の制約、内蔵コンポーネント、移行コストを解説します。
Web Locks API でトークンリフレッシュの競合を解消する
Web Locks APIとnavigator.locks.request、トークン再確認で、タブ間のトークン更新競合を防ぎます。
OPFS を使ってブラウザで SQLite を動かす
OPFSでブラウザ内SQLiteを使う手順: Worker設定、opfsかopfs-sahpoolの選択、静かなメモリ退避を防ぐ方法を解説。
JavaScriptなしでWeb Componentsを制御する
カスタムのinvoker commandsで、HTMLだけでWebコンポーネントを制御する方法を解説。commandとcommandforでボタンをJavaScriptなしで接続します。
SPA デプロイ後に発生する Cannot GET エラーの解決方法
デプロイ後のCannot GETとSPAの404エラーを、Nginx、Apache、Netlify、Vercel、S3 CloudFrontのサーバー書き換えで修正します。
見出しが不適切な位置で改行されるのを防ぐ
見出しの改行崩れや長いURLを、適切なCSSとHTMLで修正: nbsp, wbr, overflow-wrap:anywhere, word-break:break-all, hyphens:auto, text-wrap。
Jest をやめて Node 組み込みのテストランナーへ
Node test runnerとJestを比較。安定機能、watch mode、snapshot、fake timers、coverage、TypeScript対応、移行時の制約を解説。
ステートマシンでクイズアプリを作る
ReactでXState v5を使いクイズアプリを構築。4画面を状態機械でモデル化し、booleanフラグを置き換え、結果状態を制御します。
冪等性の解説とAPIにとっての意味
冪等性キーを解説。APIの重複リクエストと競合を防ぎ、POSTを原子的な確保とトランザクションで安全に再試行する方法。
サーバーレンダリングアプリで発生する 'window is not defined' の修正
サーバー描画アプリのwindow is not definedを、on-mountフック、typeof windowチェック、依存関係のclient-only importで修正します。
Web開発者のためのプロンプトインジェクション解説
Web開発者向けのPrompt Injection解説。プロンプト層で直せない理由と、間接攻撃、信頼できない出力、ツールのリスクをどう抑えるかを整理します。
Gea 入門：コンパイラファーストの UI フレームワークを見る
GeaはJSX、クラス型ストア、直接DOMパッチを使うコンパイラ先行のJavaScript UIフレームワークです。記事ではprops、サイズ、成熟度を検証します。
WordPress プラグインをゼロから書く
WordPressプラグインをゼロから作成し、フック、有効化と無効化、設定ページ、サニタイズ、エスケープ、安全な保存まで学べます。
ReactのInvalid Hook Callエラーを修正する方法
Reactのinvalid hook callエラーを、スタックトレース、Rules of Hooks、Reactの重複コピー、react-domの不一致で見分けて修正します。
AI コーディングエージェントで Git Worktree を使う
AIコーディングエージェントでgit worktreesを使い、ブランチを分離し、ファイル衝突を防ぎ、ポートやDB、マージを安全に管理します。
Git Worktrees 徹底解説：いつ、なぜ使うべきか
Git worktreeの仕組みを解説。stashや別クローンとの違い、使いどき、管理に使う基本コマンドが分かります。
不安定な接続に対する3つのSSH代替手段
不安定なSSH接続向けにMosh、Eternal Terminal、autosshを比較。UDP、TCP再接続、サーバー要件、tmux併用まで解説。
トークン数の数え方とLLM APIコストの見積もり方
OpenAI、Claude、Gemini、LlamaのトークナイザーでLLMトークンを正確に数え、API料金を見積もる方法とコンテキスト窓の注意点を解説します。
ECMAScript 2026 の新機能
ES2026はJavaScriptに7つの新機能を追加。Array.fromAsync、Math.sumPrecise、Uint8Arrayのbase64とhex、JSON.parseのソースアクセス、getOrInsertを解説します。
WCAG 向けのカラーコントラストをチェックする方法
WCAGの色コントラストを、テキスト、UI部品、フォーカス表示、リンクまで、適切なツールと基準で確認する方法を解説。
アップロード前に画像サムネイルを作成する方法
アップロード前に画像サムネイルを作成。FileReaderのプレビュー、Canvas toBlobのリサイズ、FormData送信、multerのフィールド一致まで解説。