OpenReplay ブログ
ブラウザで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と、それぞれの正しい対処法。
BroadcastChannelによるブラウザタブの同期
BroadcastChannelでタブをリアルタイム同期。structured clone、クリーンアップ、フォールバック、認証・カート・テーマの実践パターンを解説。
React Server Componentでのデータフェッチング
React Server Componentsでasync関数を使ってデータ取得し、Next.js 15/16のキャッシュ既定値とPromise.allでのウォーターフォール回避を解説。
テキストエクスパンダーをGit、PR、AIプロンプトに活用する
Git、PR、AIプロンプト向けのEspansoスニペット。shell、クリップボード、カーソル指定で文脈対応のテキスト拡張を作れます。
JavaScriptのハックなしで`display: none`をアニメーションさせる方法
CSSでdisplay noneをallow-discreteと@starting-styleでアニメーション化し、dialogとpopoverのoverlay対応とブラウザ対応も解説。
TypeScript の `satisfies` 演算子 実践ガイド
TypeScriptのsatisfies演算子を設定例で解説。狭い型推論を保ち、asや型注釈との使い分けもわかります。
JSPI解説：JavaScriptとWasmをつなぐより良いブリッジ
JSPIはJavaScriptとWebAssemblyをつなぎ、同期WasmがfetchのようなPromiseベースAPIを呼べるようにします。Suspendingとpromising、対応状況も解説。
`caffeinate`を使ってMacを夜通し起動させ続ける方法
MacのcaffeinateでClaude Code、Codex、ビルドを夜通し起動維持し、pmsetでassertionsを確認し、ふた閉じの制限も把握できます。
より良いノート管理のためのObsidianの5つのヒント
Obsidianのノート術5選: MOC、Dataview、Bases、Canvas、Mermaid、レビュー用ダッシュボード、Git同期で再利用しやすいMarkdown保管庫へ。
インテグレーションテスト vs エンドツーエンドテスト
Webアプリの統合テストとE2Eテストを比較し、定義・JSツール・Vitest、MSW、Playwright、Cypressの使い分けを整理します。
JavaScriptがついにリソースの後片付けを覚えた
JavaScriptのExplicit Resource Managementでusing、await using、DisposableStack、SuppressedErrorを使い、ファイル、ロック、socket、接続を確実に解放する方法。
リレーショナルデータベース設計のよくある間違い
PostgresとMySQLでのリレーショナルDB設計の典型的なミスを回避。制約、キー、索引、タイムスタンプの正しい扱いを解説。
JavaScriptでタイムゾーンを扱う際に正気を保つ方法
JavaScriptのタイムゾーンをUTCインスタント、IANAゾーンID、Intl.DateTimeFormat、Temporal、DST対応のルールで安全に扱う方法。