OpenReplay ブログ
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のフィールド一致まで解説。
VuePress と VitePress、どちらを選ぶべきか
VuePressとVitePressをVueドキュメント向けに比較。保守状況、開発速度、カスタマイズ、VitePressかDocusaurusかの選び方を解説。
ORM が誤ったツールとなるとき
ORMがボトルネックになったら、N+1、ウィンドウ関数、CTE、大量更新、そして安全なパラメータ化で生SQLを使うべきです。
Vue アプリに動画再生機能を追加する方法
VueアプリにHTML5 video、再利用可能なコンポーネント、またはVideo.jsで動画再生を追加。HLS、字幕、autoplay、後片付けまで解説。
コミットとプッシュの先へ:知っておくべき5つのGitコマンド
commitとpush以外のGitコマンド5選: stash、reflog、cherry-pick、rebase -i、bisectで復元、履歴整理、バグ特定を行う。
読書プログレスバーの作り方
JavaScriptまたはCSSのスクロール連動アニメーションで読書進捗バーを作成し、正しいスクロール計算、性能、アクセシビリティまで解説します。
開発環境でポート番号を名前付きURLに置き換える
.localhost、リバースプロキシ、portlessでlocalhostのポートを名前付きURLに置き換え、ポート競合、Cookie漏れ、別タブ混乱を防ぎます。
preact/compat を使って Preact で React ライブラリを動かす
preact/compatでReactライブラリをPreactで動かす方法を解説。Vite、webpack、Rollup、Jest、TypeScriptのalias設定と失敗例を紹介。
Deno のパーミッションモデル徹底解説
Denoの権限モデルを解説。allowとdenyのフラグ、範囲指定、deno.jsonの権限セット、Permissions API、セキュリティ上の注意点まで整理。
ESLint による TypeScript のリント
TypeScript向けESLint 10のflat config設定。typescript-eslintで構成し、projectServiceで型付きlintを有効化し、Prettierも整合させます。
JavaScript の Error.isError() を解説
Error.isError()はrealmをまたぐ本物のJavaScriptエラーを判定し、instanceof Errorより優れる理由と安全なフォールバックを解説します。
N+1 クエリ問題を理解する
Rails、Django、Hibernate、LaravelでのN+1クエリ問題を解説し、eager loading、JOIN、検出方法まで整理します。
React で「Maximum Update Depth Exceeded」を解消する方法
Reactのmaximum update depth exceededを、レンダーのループ、effect依存、ハンドラ、高頻度イベントの対策で修正します。
開発者向けスクリーンレコーディングツール
開発者向けの画面録画ツールを比較。Loom、OBS、Screen Studio、CleanShot X、SDKで、素早い共有、洗練されたデモ、アプリ内録画に対応。
Svelte でトースト通知を作成する
Svelteのトースト通知をwritableストアで作る方法と、svelte-sonnerを使う方法を、Svelte 5構文、アクセシビリティ、自動消去まで解説。