IndexedDB + Vue CLI, 予定の管理。ファイルのインポート可 #Vue.js #IndexedDB #Vue-cli

■ 概要:

IndexedDB + Vue CLIで
Dexie.js　ライブラリを使用した構成となり。
予定管理の機能となります。

・月単位、表示でリスト表示
　前後の、月移動が可能

・ブラウザ内IndexedDBデータの エクスポート、インポート機能で
jsonファイル経由で可能で、
別ＰＣや、外出先ＰＣのブラウザにインポートできます。

■ 環境

Chrome 83
Vue CLI
dexie : 3.0.1
vue: 2.6.1
moment
vue-router
SinglePageApplication / SPA
Progressive Web Apps / PWA

■　画面

・リスト、月単位表示

・追加
　予定の、テキストを入力

■ デモのページ

　マガジン内の、デモ紹介ページで。URL記載しております

■ npm 追加
　moment.js で、日付の計算等で追加しました。

npm install --save moment