Team Task Management Hub

https://github.com/kgoto510k/task-manage-app

GitHub

JavaScript

議事録のタスク自動抽出とタイマーでチームの非同期開発を支えるハブ

KINARI

推しアイデア

ミーティング後の議事録から「@名前」を検知して担当者付きタスクを自動抽出し、ワンクリックでポモドーロタイマーと連動させて即座に開発へ集中できる仕組みです。さらに、全員共通タスクを見失わない親切な絞り込みと、別々の場所で活動する仲間の熱量が伝わるタイムラインを融合しました。

作った背景

様々な大学や場所からメンバーが集まる非同期開発で、「次に何をすべきか忘れる」「誰が動いているか見えず孤独」という課題を感じたからです。議事録からのタスク漏れを防ぎ、各自の自律的な集中を促しながら、離れていてもチームとしての繋がりや活気を感じられる拠点を構築しました。

推し技術

Prismaによる多対多のタスクアサインと、コメントや履歴を紐付けるリレーショナルな設計です。議事録テキストから担当者を抽出するフロントエンドのパースロジックや、タスクの進捗が即座にチームタイムラインのログへと波及する、フルスタックなデータ連携と連動性にこだわりました。

プロジェクト詳細

プロジェクト概要:Team Task Management Hub

一言概要

「議事録からのタスク自動抽出」と「個人の集中タイマー」を融合し、離れたチームの非同期開発を加速させるタスク管理プラットフォーム


開発の背景と解決したい課題

リモートワークや大学の枠を超えたプロジェクトなど、メンバーが異なる時間・場所で活動する「非同期開発」では、以下の課題が発生しがちです。

  1. タスクの埋もれ: ミーティング中の決定事項や宿題が、議事録のテキストの中に埋もれて忘れ去られる。
  2. 個人の集中力の維持: 誰にも見られていない環境で、タスクへの着手や集中維持が難しい。
  3. チームの孤独感・状況の見えなさ: 他のメンバーが「今、何をしているか」が不透明で、チームとしての活気を感じにくい。

本プロジェクトは、これらの課題を「自動化」「仕組み化」「可視化」の3つのアプローチで解決するために開発されました。


主要機能

機能概要導入のメリット
議事録タスク自動抽出議事録の箇条書きから @ユーザー名 を自動解析し、担当者が紐付いたタスクをワンクリックで自動生成。タスクの転記ミスや、決定事項のバグ・漏れを完全にゼロにします。
ポモドーロタイマー連動タスクボードからワンクリックでタスク名をタイマーにセット。25分集中+5分休憩のサイクルを回す。「何をすべきか」が明確な状態で、個人の即座の深い集中(ゾーン)への突入をサポート。
柔軟なタスクボード未着手・進行中・完了のステータス管理。独自のロジックにより、個人用で絞り込んでも「全員共通タスク」が消えずに残り続ける設計。自分専用のToDoを確認しつつ、チーム全体の重要事項も見落としません。
タスク別スレッドコメントタスクごとに紐付いたアコーディオン式のチャットスペース。相談内容がタスクと地続きになるため、後からの文脈追いやすさが向上。
チームタイムラインタスクの進捗、コメント投稿、ユーザー追加などのアクティビティを時系列ログとして右側に常時可視化。離れて活動していても、仲間の動いている気配や熱量がリアルタイムで伝わります。
ダーク・ライトモード切替開発環境や好みに合わせて、画面全体のテーマカラーを瞬時に切り替え可能。長時間の作業でも目への負担を軽減します。

技術スタック(システム構成)

リレーショナルデータベースの強みを活かし、フロントエンドとバックエンドが緊密に連携するフルスタックな構成です。

  • フロントエンド: React (Vite), Context API (テーマ管理), React Hot Toast (通知システム)
  • バックエンド: Node.js, Express
  • データベース / ORM: PostgreSQL, Prisma ORM
  • データ構造: UserTask の多対多アサイン関係に加え、それらに紐づく Comment および ActivityLog の一対多関係をリレーショナルに設計。

プロジェクトのこだわり(アピールポイント)

  • ユーザー体験(UX)の連動性: 「議事録を書く → タスクが生まれる → タイマーにセットして集中する → 完了するとタイムラインに祝祭ログが流れる」という、開発者の一連の行動がすべてデータとして綺麗に繋がる心地よさを追求しました。
  • 実用的なデータロジック: ただのCRUD(作成・読込・更新・削除)アプリにとどまらず、テキストパースによる自動タスク生成や、チーム運用を壊さない絞り込みクエリなど、現場の「あったら便利」を技術で実装しています。

KINARI

@eeaa47e8f0837f41