編集の要約なし |
|||
(同じ利用者による、間の15版が非表示) | |||
1行目: | 1行目: | ||
PouchDB とは、JavaScript で操作する <strong>JSON形式のクライアントサイド(ブラウザ)データベース</strong>。Chrome だと IndexedDB に、スマホアプリだと SQLite にデータが保存される。 | PouchDB とは、JavaScript で操作する <strong>JSON形式のクライアントサイド(ブラウザ)データベース</strong>。Chrome だと IndexedDB に、スマホアプリだと SQLite にデータが保存される。 | ||
ブラウザ内でインデックス機能付き PouchDB(IndexedDB) が使えるって、<u>もうローカルに mariaDB があるレベル笑</u>。 | |||
==活用シーン== | |||
🔥 PouchDBが遅いと感じたら → 「インデックス最適化」をまず疑え! | |||
よーちゃんアプリのUX改善Tips | |||
単語検索・翻訳済みフィルタ・書名+章番号セレクト | |||
→ 全部、インデックス効かせておけば体感速度めっちゃアップ! | |||
特に翻訳UIでの「該当箇所のみ表示」みたいな操作は、インデックス効果がモロに出る! | |||
PouchDBがもたつくなら、まず「インデックス作ってるか?」をチェックしてみて! | |||
明示的なインデックス指定で、爆速UXに変身できるかも✨ | |||
==備忘メモ== | |||
* getPouch(name) = new PouchDB(name) を安全に便利にしたやつって覚えておけばOK! | |||
* スマホの SQLite は RDB。PouchDB はドキュメント指向『NoSQL DB』 | |||
* PouchDB は JavaScript製のブラウザ用データベースライブラリ | |||
* 「オフラインファースト」を目指して作られてる | |||
* 主に ブラウザの IndexedDB(もしくは古い環境ならWebSQL)上にデータを保存 | |||
* JSON形式でデータを保存し、MongoDBやCouchDBに似た設計 | |||
* データの構造は「ドキュメント(=JSONオブジェクト)」単位で管理されてる | |||
* 将来的に CouchDB や Cloudant と同期可能(今回は使わないけど) |
2025年4月12日 (土) 10:28時点における最新版
PouchDB とは、JavaScript で操作する JSON形式のクライアントサイド(ブラウザ)データベース。Chrome だと IndexedDB に、スマホアプリだと SQLite にデータが保存される。
ブラウザ内でインデックス機能付き PouchDB(IndexedDB) が使えるって、もうローカルに mariaDB があるレベル笑。
活用シーン
🔥 PouchDBが遅いと感じたら → 「インデックス最適化」をまず疑え! よーちゃんアプリのUX改善Tips 単語検索・翻訳済みフィルタ・書名+章番号セレクト → 全部、インデックス効かせておけば体感速度めっちゃアップ! 特に翻訳UIでの「該当箇所のみ表示」みたいな操作は、インデックス効果がモロに出る! PouchDBがもたつくなら、まず「インデックス作ってるか?」をチェックしてみて! 明示的なインデックス指定で、爆速UXに変身できるかも✨
備忘メモ
- getPouch(name) = new PouchDB(name) を安全に便利にしたやつって覚えておけばOK!
- スマホの SQLite は RDB。PouchDB はドキュメント指向『NoSQL DB』
- PouchDB は JavaScript製のブラウザ用データベースライブラリ
- 「オフラインファースト」を目指して作られてる
- 主に ブラウザの IndexedDB(もしくは古い環境ならWebSQL)上にデータを保存
- JSON形式でデータを保存し、MongoDBやCouchDBに似た設計
- データの構造は「ドキュメント(=JSONオブジェクト)」単位で管理されてる
- 将来的に CouchDB や Cloudant と同期可能(今回は使わないけど)