CSS見た目を整える(Electron+Vue.jsで作るTodoアプリ)
これまで作ってきたElectronとVue.jsで作るTodoアプリの見た目を整えてみます。やはり見た目にこだわりのあるアプリは使い心地が良いものです。ならば自分で作るものも使い心地がいいものにしたいですよね。
Electron
CSS
Electronタスクを削除する(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsで作るTodoアプリに、追加したTodoを削除する機能をつけてみます。徐々にTodoアプリらしくなってきました。ここまでTodoリストとして最低限必要なことができるようになりました。
Electronタスクの完了をDBに保存する(Electron+Vue.jsで作るTodoアプリ)
ElectronとVue.jsで作るTodoアプリでタスクの完了をDBに保存できるようにしてみます。NeDBにタスク完了を保存するために、NeDBのデータ更新処理も学んでいきます。
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を使ってみます。