OpenReplay ブログ
WordPress で投稿を予約する方法
WordPressの投稿を予約し、Missed Scheduleを修正し、WP-Cronを実サーバーcronで設定して投稿を時間どおりに公開します。
LLM構造化出力のためのJSON Schema
JSON Schemaのstructured outputsを解説。OpenAI、Gemini、Claudeで有効なスキーマ出力を強制する仕組みと設定の注意点。
JavaScript Oxidation Compiler を読み解く
Oxcを解説。Rust製のJavaScriptとTypeScriptツール、Oxlint、Oxfmt、transformer、minifier、ESLintやPrettier、SWC、Biomeとの比較を紹介。
JavaScriptにおけるメソッドチェーン：メリットとデメリット
JavaScriptのメソッドチェーンの仕組み、読みやすくなる場面、長い連鎖がデバッグ、非同期処理、性能を難しくする理由を解説。
UUID v4 と v7: どちらを使うべきか?
データベースの主キーでUUID v4とv7を比較。v7が挿入性能を改善する理由、v4が時刻の秘匿に向く場面、生成方法まで解説。
Vanilla JavaScript で無限スクロールを実装する方法
Vanilla JavaScriptでIntersection Observerを使い、センチネル要素、ページネーション、重複防止、アクセシビリティ対応付きの無限スクロールを実装します。
Git Reflog で失われたコミットを復元する
git reflogで失ったGitコミットを復元。孤立したコミットの探し方、hard resetやrebaseの取り消し、ブランチ復元まで解説。
JavaScript の例で理解するクイックソート
JavaScriptのQuicksortを、読みやすい例とインプレース実装、partitionの追跡、pivot選択、計算量、安定性まで解説。
最新のiOS機能検出(苦痛なしで)
iOSの機能検出を実践的に: CSS.supports、動作確認、そしてiOS 26や古いiPad向けの最小限のUA判定。
出荷前に実施すべき5つのアクセシビリティチェック
公開前に確認したい5つのアクセシビリティチェック: キーボードTab移動、自動スキャン、意味的HTML、色コントラスト、200%ズーム。
リンクにおける rel='noopener' が不要になった理由
target=_blankリンクでrel=noopenerが不要になった理由、reverse tabnabbingの仕組み、noreferrer・opener・COOPが今も必要な場面を解説。
.htaccessでHTTPSを強制する方法
.htaccessのApache書き換えルールでHTTPSを強制し、CDNやロードバランサー背後のリダイレクトループを修正、wwwとHSTSも設定します。
Claude CodeのPlan Mode：複雑なタスクへの活用
Claude CodeのPlan Modeを解説。仕組み、4つの有効化方法、読み取り専用の制限、作業手順、簡単な修正で使わない判断基準まで。
TanStack Tableでデータグリッドを構築する
TanStack Tableでデータグリッドを構築し、並び替え、フィルタリング、ページネーション、仮想化と、メモ化バグの対処法を解説します。
ReactアプリへのInternationalizationの追加
Reactでreact-i18nextを使い国際化を設定。補間、複数形、RTLレイアウト、ロケール書式、Next.jsのSSRまで解説。
Motion vs GSAP: 両方必要か？
React向けのMotion vs GSAP比較。宣言的なアニメーション、スクロールタイムライン、ライセンス、性能、併用の判断基準を解説。
ReactでローカルストレージにStateを永続化する方法
再利用できるフックでReactの状態をlocalStorageに保存。useStateの遅延初期化、JSONのtry/catch、SSR対策、タブ間同期まで解説。
CIDR表記とIPレンジの理解
CIDR表記、IP範囲、IPv4とIPv6のサブネット計算を解説。プレフィックスの読み方、ネットワーク設計、重複や公開ルールの回避を学べます。
ブラウザ内編集と contentEditable
ブラウザのcontenteditable編集: インライン文字入力を有効化し、inputイベントを取得、execCommandの制限とXSS対策を確認。
フロントエンド開発者が知っておくべき5つのJavaScript API
フロントエンド向けの5つのJavaScriptネイティブAPI: IntersectionObserver、ResizeObserver、AbortController、Clipboard API、View Transitions.
「ERR_TOO_MANY_REDIRECTS」の修正方法
ERR_TOO_MANY_REDIRECTSを診断中心に解決。リダイレクトループ、HTTPとHTTPSの不一致、Cloudflare SSL、プロキシ設定を確認します。
AIエージェントを活用して繰り返しプロジェクト作業を自動化する
Claude Codeのスキルで反復的なプロジェクト作業を自動化し、セットアップやデプロイ手順を記録して、チームの作業を再現可能に保つ。
CSSショートハンドプロパティ早見表
CSSショートハンドの早見表。margin、padding、border、font、background、flexのリセット規則、値の順序、静かな不具合を整理。
StorybookでAPIドリブンコンポーネントをテストする
Storybook 10でMSWを使い、API駆動コンポーネントの読み込み・エラー・空・成功状態をテストし、ストーリーをコンポーネントテスト化します。