idb-state-persistence
✓IDB ライブラリを使用したローカルファースト状態の永続性のための IndexedDB パターン。ナビゲーションとセッション間で永続的な状態を必要とする機能を実装する場合に使用します。データ モデリング、デフォルト、CRUD 操作、状態マネージャー、リセット パターンについて説明します。 Web コンポーネントと統合して、リアクティブな UI 更新を実現します。
SKILL.md
Local Database First: IndexedDB (IDB) is the primary source of truth for all application state. Every user interaction that changes state MUST persist to IDB immediately to survive navigation, page refreshes, and session restarts.
This architecture treats IDB as a local database, not a cache. State lives in IDB first, components read from it, and all mutations write through to IDB synchronously (no debouncing or batching by default).
Architecture: Web Components → State Manager (#cache, #listeners) → StateStore/Specialized Store → IndexedDB
IDB ライブラリを使用したローカルファースト状態の永続性のための IndexedDB パターン。ナビゲーションとセッション間で永続的な状態を必要とする機能を実装する場合に使用します。データ モデリング、デフォルト、CRUD 操作、状態マネージャー、リセット パターンについて説明します。 Web コンポーネントと統合して、リアクティブな UI 更新を実現します。 ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill idb-state-persistence- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
idb-state-persistence とは？
IDB ライブラリを使用したローカルファースト状態の永続性のための IndexedDB パターン。ナビゲーションとセッション間で永続的な状態を必要とする機能を実装する場合に使用します。データ モデリング、デフォルト、CRUD 操作、状態マネージャー、リセット パターンについて説明します。 Web コンポーネントと統合して、リアクティブな UI 更新を実現します。 ソース: matthewharwood/fantasy-phonics。
idb-state-persistence のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill idb-state-persistence インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01