OpenReplay ブログ
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駆動コンポーネントの読み込み・エラー・空・成功状態をテストし、ストーリーをコンポーネントテスト化します。
ブラウザでGeometric.jsを使った本格的なジオメトリ処理
Geometric.jsは、ブラウザのグラフや地図で使うポリゴン交差、境界 बॉक्स、点の内外判定、経路補間をSVGとCanvas向けに提供します。
TypeScript以外の3つの型システム
JavaScript向けのTypeScript代替としてJSDoc + @ts-check、ReScript、Flowを比較。型安全性、ビルド有無、採用状況の違いを整理。
MDN が MCP サーバーになりました
MDNのMCPサーバーは、AIコードエージェントに検索、ドキュメント、ブラウザ互換性データを提供し、設定手順と注意点も解説します。
bunxとは何か、そしていつ使うべきか
bunxの解説: Bunでnpmバイナリをグローバル不要で実行する方法、--bunの使いどき、npxを使うべき場面を整理します。
CSSでテキストを省略する方法
CSSでテキストを切り詰める方法を解説。1行はtext-overflow: ellipsis、複数行はline-clamp、flexとgridの対処法も紹介。
開発者のための便利なブックマークレット5選
開発者向けの便利なブックマークレット5選。ページのライブ編集、レイアウト確認、パスワード表示、色抽出、erudaの導入まで扱います。
Vitest を使った Svelte 5 コンポーネントのテスト
VitestでSvelte 5コンポーネントをテストする方法を解説。mount、testing-library、browser modeと、runes・effects・snippetsの設定を紹介します。
npm Workspacesを使い始める
npm workspacesの設定、コマンド、制限を解説。モノレポを管理し、兄弟パッケージをリンクし、TurborepoやNxを使う基準もわかります。
CODEOWNERSによる自動コードレビュー
GitHub CODEOWNERS の設定方法、静かな失敗の回避、正しいパターン・権限・ブランチ保護によるレビュー強制を解説します。
WordPressサイトのバックアップ方法
mysqldump、tar、cron、rcloneでWordPressサイトをバックアップ。ファイル、MySQLデータベース、オフサイト保存、復元テストまで解説。
DifftasticでAI生成コードをレビューする
DifftasticでAI生成コードを構造差分でレビューし、gitに組み込み、整形ノイズから振る舞いの変更だけを見分けます。
JavaScriptの落とし穴3選を解説
JavaScriptの3つの落とし穴を解説: 浮動小数点演算、NaN判定、ループ内awaitと、それぞれの正しい対処法。