明日やろうはバカヤロウ ToDo

開発方法

言語をHTML+CSS+JavaScript,フレームワークでReactを使用しました。 開発に際して、geminiを使用しました。

開発背景

『「「やらなきゃいけないことが多すぎる！！」」でも、本当に今日やらなきゃいけないことは何なのか』 を重点的に考え、ユーザーが集中してタスクに向えるようなToDoリストの作成を目指して開発を始めました。

おすすめポイント① 直感的なUI

某マッチングアプリ（Tinder）のようなUIで、ユーザーが一つのタスク集中して、直感的に今日やるべきか否かを仕分けることができるようにこだわりました。 タスクを仕分ける機能こそがこのTodoアプリを特徴づけるものになっています。

右側にドラッグしたときは、今日やるリストに送られます。 左側にドラッグしたときは、後まわしリストに送られます。

下側にドラッグしたときは、タスクの削除が行われます。

ドラッグ操作以外にも下部のボタンからでも操作が可能です。

おすすめポイント② 豊富な修正方法

直感的な作業が多いこのwebアプリでは、多くの修正方法が搭載されています。 一度作成したタスクのタスク名からジャンル、期限まで編集することができます。 このほかにも、タスクを仕分ける際のundo(戻る)機能や、 仕分けした今日やるリスト、後まわしリストにあるタスクを、もう一方のリストに移動させることができます。 ぜひ実際に使用して確かめてみてください！

挑戦したこと

• 開発にあたって、このプロジェクトは、初めて開発に挑戦するメンバーのみで構成されたチームで開発を行いました。
• HTML+CSS+JavaScript、Reactの初めての使用に挑戦しました。
• 共同開発が初めてだったので、開発を通して、git,githubの使い方を学びました。
• React をいかして、UI,UXの機能性を向上させました。

AIを活用したところ

開発が初めてだったので、geminiにとりあえず動作するToDoアプリを作成してもらい、オリジナル部分の実装や、デバック作業をチームメンバーで分担しながら行いました。