OpenReplay ブログ
SolidJSを使った開発のベストプラクティス
SolidJSの細粒度リアクティビティ、シグナルスコープ、props処理、store活用、createResourceによる非同期パターンの落とし穴と対策を解説。
Turso:RustベースのSQLiteの進化形
TursoとlibSQLを比較し、Rust・非同期API・MVCCがエッジデプロイメントとモダンなアプリケーションアーキテクチャ向けにSQLiteを拡張する仕組みを解説する。
Vue 3アプリケーションでのPDF表示
Vue 3でPDFを表示する方法として、ネイティブ埋め込み、PDF.js、Vueラッパーコンポーネントを比較し、CORS・workers・バンドルサイズのトレードオフを解説する。
リレーショナルデータベース設計の基礎
主キー、外部キー、正規化、制約を活用して信頼性の高いリレーショナルデータベーススキーマを構築し、テーブルを適切に構造化してデータ異常を防ぐ方法を解説する。
CMSとしてMarkdownを使用することの良い点と悪い点
CMSとしてMarkdownを使う際のトレードオフを、Gitワークフロー、MDX、Tina CMS、そして構造化ヘッドレスCMSが適切な場面を踏まえて解説する。
Node.jsミドルウェアによるリクエストのログ記録
Morgan、Pino、AsyncLocalStorageを使いExpressに構造化HTTPリクエストログを追加し、相関IDの追跡と機密データの除外を実現する方法を解説。
5 モダンフレームワークが無償で提供するセキュリティ機能
Next.js、SvelteKit、Djangoなどのモダンフレームワークは、XSSエスケープ、CSRFトークン、サーバーサイドのシークレット分離をデフォルトで自動的に提供する。
ダッシュボード構築に最適なJavaScriptライブラリ
Chart.js、Apache ECharts、Recharts、AG Grid、TanStack Tableを比較し、最適なダッシュボードライブラリを選ぶ指針。
新しい HTML Geolocation 要素
新しいgeolocation要素はHTMLに宣言的なロケーションアクセスをもたらし、navigator.geolocationのコールバックを簡潔なパーミッション処理に置き換える。
モダンCSSで要素を中央揃えする方法
CSS Flexbox、Grid、autoマージンを活用し、各レイアウトの文脈に合った方法で要素を水平・垂直方向に中央揃えする手法を紹介する。
ResizeObserver vs Window Resize:それぞれをいつ使うべきか
ResizeObserver とウィンドウの resize イベントを比較し、ビューポートの変化、要素サイズの追跡、CSS コンテナクエリに適したツールの選び方を解説する。
Charmでターミナル UI を構築する
Charmエコシステムの Bubble Tea、Lip Gloss、Bubblesを用い、Model・Update・ViewアーキテクチャでGoのターミナル UIを構築する。
開発者向けAIプロンプティングのヒント
構造化出力、few-shotプロンプティング、コンテキストエンジニアリングを活用し、本番環境で予測可能なLLMインテグレーションを構築する手法を解説。
モダンなWebアプリケーションのためのPostgresベストプラクティス
PostgreSQLのスキーマ設計、インデックス戦略、PgBouncerによる接続プーリング、安全なマイグレーションを用いて本番品質のWebアプリを構築する。
Chrome DevToolsでCookieを検査・編集する方法
Chrome DevToolsのApplicationパネルやNetworkパネルを使い、HttpOnly・Secure・SameSiteなどのフィールドを含むCookieを検査・編集・削除する方法を解説。
Fetch を使ってブラウザにデータをストリーミングする方法
ReadableStream、TextDecoder、AbortController を使い、Fetch API のレスポンスを段階的にブラウザへ表示する方法を解説する。
モバイルWebの5つの小さな不具合(とその修正方法)
CSSビューポート単位、セーフエリア変数、overscrollの制御、適切なタッチターゲットサイズを活用して、モバイルの一般的な不具合を修正する方法を解説する。
2026年に使うべきJavaScript機能
Set メソッド、イテレータヘルパー、配列グルーピング、Promise.try など、モダン JavaScript の機能は安定しており、本番コードをすぐに簡潔化できる。
VitestでVueテストにおけるAPIコールのモック化
VitestでVueテストのAPIコールをモック化する手法として、モジュールレベルのモックとMock Service WorkerによるHTTPレイヤー傍受を解説する。
Tailscaleでローカルウェブアプリに安全にアクセスする
Tailscale ServeとFunnelを使い、ポート転送やファイアウォール設定、不安定なngrokトンネルなしに、ローカルウェブアプリを複数デバイス間で安全に共有できる。
Transformers.jsでブラウザ上で直接AIモデルを実行する
Transformers.jsとONNX Runtime、WebAssemblyを活用し、バックエンド不要でブラウザ上からAIモデルをオフライン推論する手法を紹介。
Web アプリケーションのための RAG クイックガイド
RAGはベクトル埋め込みと検索パイプライン、LangChain・LlamaIndex・pgvectorを用いてLLMの回答を独自データに基づかせる。
Interop Project の解説
Interop Projectは、Web Platform Testsと共通の重点領域を用いて、ブラウザベンダー間のCSSとJavaScriptの非互換性を修正する取り組みです。
React Doctorを使ってReactコードのアンチパターンをスキャンする
React DoctorはReactコードベースのプロップドリリング、デッドコード、アクセシビリティ問題をスキャンし、CLIで0から100のコード健全性スコアを出力する。