見出し画像

IndexedDB + Vue CLI, markdown対応のtodoを作る


■ 概要:

IndexedDB + Vue CLIで
Dexie.js ライブラリを使用した構成となり
ブラウザ側の IndexedDBにデータ保存する。シンプル構成となります。

・エクスポート、インポート機能で
 別PCや、外出先PCのブラウザにインポート可能になり。
 データを復元できます。バックアップ等にも利用できます

■ 環境

Chrome 83
Vue CLI
dexie : 3.0.1
vue: 2.6.11
vue-router
marked: 1.1.0

■ 画面

・詳細

画像1

・リスト

画像2

・インポート画面、 jsonファイルを指定できます

画像3

■ 参考のページ

ここから先は

485字

IndexedDB, Vue CLI 開発の事例、ノウハウに関する記事を集めました。 ■ 免責事項 / 注記 , 内容について動作確認…

この記事が気に入ったらサポートをしてみませんか?