CSSダイアログを出してみる(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsを使って、ユーザに処理確認のダイアログを出してみようと思います。ここまでElectronとVue.jsを使ったTodoアプリを作ってきましたが、いよいよ仕上げに差し掛かってきました。
element-ui
CSSCSS見た目を整える(Electron+Vue.jsで作るTodoアプリ)
これまで作ってきたElectronとVue.jsで作るTodoアプリの見た目を整えてみます。やはり見た目にこだわりのあるアプリは使い心地が良いものです。ならば自分で作るものも使い心地がいいものにしたいですよね。
Electronタスクを削除する(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsで作るTodoアプリに、追加したTodoを削除する機能をつけてみます。徐々にTodoアプリらしくなってきました。ここまでTodoリストとして最低限必要なことができるようになりました。
Electronデータを永続化する(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsで作るTodoアプリで登録したタスクデータをDBに保存してみます。Todoアプリなのに起動するたびに登録したはずのタスクが消えては意味がないですからね。タスクデータを保存するDBにはNeDBを使ってみます。
Electron完了済みのチェックを付ける(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsで作るTodoアプリに、タスクの完了を表すチェックマークを付けてみます。Todoアプリとして、完了したかしていないかの見分けがつくことは必須の要件です。Vue.jsでチェックマークのUIを使ってみます。