todoアプリ

https://github.com/TakatsuNaoki/todo

JavaScript

Node.js

MySQL

Electron

課題の管理をGUIで行う

高津直紀

推しアイデア

MySQLを使ったので、サーバーを建てればデータが同期する

作った背景

大学の課題をdiscordの自分用サーバーで管理してたけど、もうちょっとどうにかしたほうがいいと思ってたから

推し技術

Node.jsのElectron HTMLCSSで骨組みしてjsで色々肉付けできる Node.jsのライブラリと組み合わせて色々できる

プロジェクト詳細

チーム名 ハサキ

チームメンバー 高津直紀

アプリ概要 TODOを管理する 構造がかなりシンプル

機能概要 画面右側にあるタスク追加でタスクの名前、締め切り、優先度を入力すると未着手タスクに入力したタスクが追加される。 image.png

タスクに取り組んだら"進行中へ"ボタンを押せば進行中タスクに タスクが完了したら"完了済みへ"ボタンを押せば完了済みタスクに移動 image.png タスクごとに編集ボタンがあって、押すとモーダルウィンドウが出てきて編集と削除が行える image.png 工夫した点、頑張った点 MySQLを使ったため、サーバーを建てればデータが同期する。 SQL使ったことなかったため、勉強しながら作った。

実装したかったけどできなかった機能 ドラッグ&ドロップでタスクの移動、期限が迫ったタスクの通知、web版の作成、データベースに進行状況を保存、electronセキュリティの強化(今回はゆるゆるセキュリティ)

使用技術やシステム構成 Node.js,Electron,HTML,CSS,MySQL モーダルウィンドウにmicromodal.jsを使った。

感想 コードが長くなるにつれてオブジェクト指向で書けばよかったなと後悔。 どんどん複雑になっていくため頭が追いつかなくなってきた。 とりあえず動くものは作れたので満足。

高津直紀

@1y3bgn3941f3w8c9