|
1 | 1 | # Task_yell
|
2 | 2 |
|
3 |
| -[](https://www.youtube.com/watch?v=DZXUkEj-CSI) |
| 3 | +[](https://youtu.be/_gJM7ewP9pg) |
| 4 | + |
| 5 | +## スケジュール管理 ×Tech |
4 | 6 |
|
5 |
| -## スケジュール管理×Tech |
6 | 7 | 『タスクに取り組むみなさんにエールを』
|
7 | 8 | やりたいこと、すべきことの全てを管理するプロダクト。さらに、絶対に忘れられない予定やタスクを、忘れることが難しいほどに。
|
8 | 9 |
|
9 | 10 | ### 背景(製品開発のきっかけ、課題等)
|
| 11 | + |
10 | 12 | 「予定をカレンダーに入れ忘れてた!」 「予定をダブルブッキングしちゃった!」 「したいことがあったのにタスクをしていたら時間がなくなっていた!」 こんなことってよくありますよね?
|
11 | 13 |
|
12 | 14 | 私たちは、そんなユーザーの wanTODO(したいこと)、TODO(すべきこと) をどちらも大切であると考え、それらを管理することができるプロダクトを作成した。
|
13 | 15 |
|
14 | 16 | なお、プロダクト名である『Task_yell』は、《タスクの実行を応援する》、《スケジュール管理を助ける》の2つの意味を組み合わせ、「したいこともすべきことも、どちらもやってしまおう」という意味が込められている。
|
15 | 17 |
|
16 | 18 | ### 製品説明(具体的な製品の説明)
|
17 |
| -wanTODO は、日常で思いついた時にメモを残しておくことで、予定やタスクの少ない日にそれをすることができる。また、TODO は予定が決まった段階でカレンダーに直接書き込み、予定の日が近くなったらそれを通知する。 |
18 | 19 |
|
19 |
| -それぞれの予定やタスクには、重要度を設定することができる。重要度が高い予定やタスクを設定している日はカレンダー上で特徴的な動きをするので、目が離せなく、また記憶に残りやすいといった効果がある。 |
| 20 | +#### 使用方法 |
| 21 | + |
| 22 | +- 右の画面から、**wanTODO**を作成できる。 |
| 23 | + wanTODO とは日常で思いついたことをメモとして残しておくことでき、予定やタスクの少ない日にカレンダーに設定することができる特徴をもつ。 |
| 24 | + wanTODO は簡単に予定やタスクとして確定でき、日付が近くなると通知される。 |
| 25 | + |
| 26 | +- また通常のカレンダー同様に日付から予定やタスクを決めることもでき、タスクか予定を切り替えることによってタスクは開始時刻や場所などを入れずに管理できる。 |
| 27 | + |
| 28 | +- それぞれの予定やタスクには、重要度を設定することができる。重要度が高い予定は通知の頻度が高くなるなどより忘れないようになっている。 |
| 29 | +- その他 AI による wanTODO の細分化や電話を用いた通知など様々な便利機能がある |
20 | 30 |
|
21 | 31 | <!--さらに、重要度によって、ユーザーへの通知の仕方も工夫した。重要度が低い予定やタスクは、低頻度のデスクトップ通知を行う。重要度が高くなるにつれて、通知の頻度が高くなっていく。重要度が最高レベルのものには、スマートフォンへ電話をかけることで、無視できない通知をすることにした。-->
|
22 | 32 |
|
23 |
| -また、この作品は Vercel にてデプロイを行った。リンクは[こちら](https://taskyell.vercel.app/) |
| 33 | +#### リンク類 |
24 | 34 |
|
| 35 | +より詳しい使い方等はこちらの[スライド動画](https://www.canva.com/design/DAGUu4UAsF0/IUgaJr0LKjhkuwHdAF52Qw/watch?utm_content=DAGUu4UAsF0&utm_campaign=designshare&utm_medium=link&utm_source=editor)から |
| 36 | +実際の使用感はこちらの[デプロイ先](https://taskyell.vercel.app/)から |
25 | 37 |
|
26 | 38 | <img src="https://github.com/user-attachments/assets/c0b244e6-fa96-48f0-a46d-b27eddfc2b23" width="200" height="200">
|
27 | 39 |
|
28 |
| - |
29 | 40 | ### 特長
|
30 |
| -#### 1. 直感的なUI |
| 41 | + |
| 42 | +#### 1. 直感的な UI |
| 43 | + |
31 | 44 | あらかじめメモしておいた wanTODO をカレンダーに入力する時、そのメモを指定の日にドラッグ&ドロップすることでそれをアタッチすることができる。
|
32 | 45 |
|
33 | 46 | #### 2. チームメンバーや友だちとの予定の共有が可能
|
| 47 | + |
34 | 48 | 予定やタスクの中には、チームメンバーや友だちと一緒に行うものが存在する。そのような時は、予定やタスクを設定する際にその人たちへ招待を送ることができる。
|
35 | 49 |
|
36 | 50 | #### 3. 独特な通知
|
| 51 | + |
37 | 52 | 大切な予定やタスクの通知を行う際、ブラウザからのプッシュ通知、もしくは電話での通知を受け取ることができる。これらの設定は、ユーザにより変更可能である。
|
38 | 53 |
|
39 |
| -#### 4. OpenAIを用いたやりたいことの細分化 |
40 |
| -wanTODOに追加した内容を細分化する機能を作成した。この機能はOpenAIのAPIを用いて実装している。 |
| 54 | +#### 4. OpenAI を用いたやりたいことの細分化 |
| 55 | + |
| 56 | +wanTODO に追加した内容を細分化する機能を作成した。この機能は OpenAI の API を用いて実装している。 |
41 | 57 |
|
42 | 58 | ### 解決出来ること
|
| 59 | + |
43 | 60 | ユーザーは、いつも通りカレンダーで 予定やタスクを管理しながら日常的に wanTODO を溜めておくことで、無意識的に、より意識的なスケジュールを組むことができる。これにより、予定を忘れてしまうことを防ぎ、やりたいことをする時間を確保することができる。また、マージエディタにより、予定のダブルブッキングや、過剰なタスクの割り当てを回避し、より現実的なスケジュールを組むことができる。
|
44 | 61 |
|
45 | 62 | ### 今後の展望
|
46 |
| -今回、マージエディタを実装することができなかったため、今後マージエディタを実装し、予定の管理をより便利にしていきたい。また、今回のHack Dayではウェブアプリでの実装となったため、これからの開発でモバイルアプリを実装していきたい。また、Googleでサインインをする際に暗号化を行っていないため、暗号化を行いセキュリティ強化を図りたい。 |
| 63 | + |
| 64 | +今回、マージエディタを実装することができなかったため、今後マージエディタを実装し、予定の管理をより便利にしていきたい。また、今回の Hack Day ではウェブアプリでの実装となったため、これからの開発でモバイルアプリを実装していきたい。また、Google でサインインをする際に暗号化を行っていないため、暗号化を行いセキュリティ強化を図りたい。 |
47 | 65 |
|
48 | 66 | ### 注力したこと(こだわり等)
|
49 |
| -* スタイリッシュでモダンなUI |
50 |
| -* 今までにない斬新な機能 wanTODO |
| 67 | + |
| 68 | +- スタイリッシュでモダンな UI |
| 69 | +- 今までにない斬新な機能 wanTODO |
51 | 70 |
|
52 | 71 | ## 開発技術
|
| 72 | + |
53 | 73 | ### 活用した技術
|
54 |
| -* Firebase |
55 |
| -* OAuth |
56 |
| -* Vercel |
57 |
| -* GitHubActions |
58 |
| - |
| 74 | + |
| 75 | +- Firebase |
| 76 | +- OAuth |
| 77 | +- Vercel |
| 78 | +- GitHubActions |
| 79 | + |
59 | 80 | #### API・データ
|
60 |
| -* Google Calendar API |
61 |
| -* OpenAI API |
62 |
| - |
| 81 | + |
| 82 | +- Google Calendar API |
| 83 | +- OpenAI API |
| 84 | + |
63 | 85 | #### フレームワーク・ライブラリ・モジュール
|
64 |
| -* Next.js |
65 |
| -* Tailwind CSS |
| 86 | + |
| 87 | +- Next.js |
| 88 | +- Tailwind CSS |
66 | 89 |
|
67 | 90 | #### デバイス
|
68 |
| -* ブラウザ |
| 91 | + |
| 92 | +- ブラウザ |
69 | 93 |
|
70 | 94 | ### 独自技術
|
| 95 | + |
71 | 96 | #### ハッカソンで開発した独自機能・技術
|
72 |
| -* 電話番号通知(commit_id:43749826e43d176eff216e24a9a8f19c55d4f3d3) |
73 |
| -* OpenAIを用いたタスクの分割機能(commit_id:05513d6517cb716ab1f00f28004123b8398ae574) |
| 97 | + |
| 98 | +- 電話番号通知(commit_id:43749826e43d176eff216e24a9a8f19c55d4f3d3) |
| 99 | +- OpenAI を用いたタスクの分割機能(commit_id:05513d6517cb716ab1f00f28004123b8398ae574) |
0 commit comments