OpenReplay ブログ
ブラウザでフォームの状態を永続化する方法
ブラウザでフォーム状態を保存する方法を解説。localStorage、sessionStorage、IndexedDBで自動保存、復元、削除を安全に行います。
Scheduler API でブラウザのバックグラウンドタスクを扱う
Scheduler APIでメインスレッドの処理をscheduler.postTask()とscheduler.yield()で優先制御し、対応確認とフォールバックも解説。
Git Stash 完全ガイド
git stashの使い方、popとapplyの違い、競合の解消、未追跡ファイル、コミットせずに作業を保存・復元する手順を解説。
Node Corepack でパッケージマネージャを管理する
Node CorepackでYarnとpnpmのパッケージマネージャー版を固定する方法、Node.js 25の変更、CI設定、Docker、オフライン利用を解説。
CSS の scroll-behavior によるスムーズスクロール
CSSのscroll-behavior: smoothでアンカーリンクを滑らかにし、scroll-margin-topで固定ヘッダーの被りを防ぎ、動きの配慮もできます。
WordPress 管理者パスワードのリセット方法
WordPressの管理者パスワードをダッシュボード、パスワード再設定、WP-CLI、phpMyAdminでリセットし、復旧後の安全対策も確認できます。
デザイントークン入門
デザイン・トークンとは何か、プリミティブとセマンティックの違い、CSS変数とStyle Dictionaryの役割を解説。
Svelteを使いこなすためのベストプラクティス
Svelte 5の実践的な使い方を解説。$state、$derived、context、SvelteKitのデータ読み込み、key付きeachと最新構文まで。
スケーラブルなMySQLデータベースのためのPlanetScaleの活用
PlanetScaleでMySQLをスケーラブルに運用。Vitessによる拡張、DBブランチ、deploy request、無停止のスキーマ移行を解説。
npm の EACCES: Permission Denied エラーを修正する方法
macOSとLinuxのnpm EACCES permission deniedを、nvm、ユーザー所有のグローバルprefix、またはsudo不要のnpxで解決します。
Node.jsで非同期呼び出しをまたいでコンテキストを保持する
Node.jsのAsyncLocalStorageでasync呼び出しをまたいでリクエストID、ユーザーID、tenant情報を保持する方法。run()とgetStore()を解説。
Next.js や Nuxt の代替としての Vike
VikeとNext.js、Nuxtを比較し、ViteベースのメタフレームワークがSSR、SSG、SPAと柔軟なデプロイをどう扱うかを解説します。
Express アプリを Hono に移行する際のヒント
ExpressアプリをHonoへ移行？ ルーティング、ミドルウェア、本文解析、エラー処理、段階的移行の違いを解説。
CSS変数を使ったテーマスイッチャーの作成
CSS変数、data-theme、prefers-color-scheme、localStorageでテーマ切替を実装し、読み込み時の誤ったテーマ表示も防ぎます。
JavaScriptに「Rails」は存在するのか?
JavaScript版Railsはある？AdonisJS、Wasp、Next.js、Sails.jsを比較し、auth、ORM、scaffoldingの標準搭載を確認できます。
プロンプトから UI へ：Google Stitch を使う
Google Stitchは、プロンプトからUIレイアウト、プロトタイプ、HTML書き出しを生成。より良い指示の書き方、DESIGN.md、引き継ぎの流れを解説。
コードメトリクス解説：循環的複雑度（Cyclomatic Complexity）とは？
JavaScriptの循環的複雑度を、例、計算式、ESLintやSonarQubeでの測定方法と分岐ロジックの減らし方まで解説。
Preactによるサーバーサイドレンダリング
Preact SSRをpreact-render-to-string、hydrate、Viteで解説。サーバーサイドレンダリング、ストリーミング、hydration不一致対策を紹介。
Shadow DOM と CSS による Web Components のスタイリング
Shadow DOMでWeb Componentsをスタイル設定。:host、::slotted()、CSS変数、::part()、adoptedStyleSheetsでコンポーネントCSSを制御します。
JavaScript で見出しから目次を生成する
見出しからJavaScriptで目次を作成し、安全なID、アクセシブルなnav、IntersectionObserverでのアクティブ項目表示を実装します。
LinuxにClaude Desktopをインストールする方法
LinuxでのClaude Desktop: 公式のClaude Code CLI対応と、コミュニティ製デスクトップ版の導入手順、機能比較、セキュリティ面を解説。
Nuxt UI: Vue アプリケーションのための直感的なコンポーネントライブラリ
Nuxt UIは、125以上のアクセシブルなVueコンポーネント、TypeScript対応、NuxtまたはVue向けのVite設定を備えたTailwindネイティブのUIライブラリです。
Web技術で構築されたFigmaの代替ツール5選
Web技術で作られたFigma代替5選。Penpot、Plasmic、Webstudio、Framer、tldrawでブラウザネイティブな設計に対応。
2026年におけるCSS-in-JSの現状
2026年のCSS-in-JSを整理。runtimeとzero-runtimeの違い、React Server ComponentsとNext.js App Routerの制約、最適なスタイル手法を解説。