MeeTask

https://github.com/haru-036/prog8-onigiri

TypeScript

React

Figma

Python

会議の議事録や文字起こしからAIがタスクを抽出 & 作成

haru

金崎祐香

ek466h25kug

推しアイデア

誰が見てもタスクの進行状況・期限などが一目でわかる。

作った背景

タスク管理アプリってタスク追加の部分がめんどい、タスク漏れ防止

推し技術

Google認証、メール招待

プロジェクト詳細

MeeTask

サービス概要

作ろうと思った理由

このアプリは、会議の議事録からAIがタスクを自動で抽出し、漏れなくリスト化することで、作業の抜けやミスを防ぐことを目的としています。

タスクの全体像や進捗がひと目でわかるようになっており、チームでのスムーズな作業共有にも役立ちます!

何ができるの??

チームのタスク管理を効率化できます!

⭐️機能一覧

  • Googleアカウントで簡単ログイン
  • グループを作成してチームで利用可能
  • 議事録からAIがタスクを自動抽出
  • 必要なタスクを選んでリスト化
  • タスクの進捗や担当者をひと目で確認できる
  • コメント・メモ機能で情報共有もスムーズ

image

image

技術構成

フロントエンド

  • React
  • Vite
  • TypeScript

バックエンド

  • FastAPI
  • Python

DB

  • sqLite

デプロイ

  • Render
  • Cloudflare Workers (static assets)

AI活用

  • Figmaのプラグイン(Layermate) を使ってUIデザイン
    • AIに要件が思い通り伝わらなくても人の手で修正しやすい image
  • copilot にPRのレビュー
  • copilotやgptを活用した開発
  • 議事録からタスクの抽出機能にAIを使用

分担

  • 3人チーム
    • バックエンド
    • フロントエンド (UIメイン)
    • フロントとバックの繋ぎこみ

がんばったところ

3人中2人がハッカソン初参加 タスクの割り振りが難しかった

  • バックエンド担当
    • ハッカソン初参加
    • アプリにAIの組み込みしたのは
    • AIに頼りつつも、コードを理解しながら開発した
    • DB設計で6つのテーブルを外部キー制約で結びつけ、それらのテーブル間の参照を考えながら条件を分岐させてタスクを絞り込んだり、ユーザーの機能へのアクセスを制限するアルゴリズムを考えるのが難しかった image
    • 実際にこのアプリを使用するユーザーを想定した必要な機能の深掘りが浅かったため、途中で深掘りして追加する機能を明確にして開発を続行した。 image
  • フロントエンド担当 (UI)
    • ハッカソン初参加
    • フロントを学び始めたばかり

haru

@haru