Works - i7 / Task & daily report

Daily Report Generator(DRG)

タスクの進み具合を、ドラッグ&ドロップで動かして管理。タスク管理と業務日報管理を、ひとつのツールにまとめました。

  • タスク管理
  • 業務日報
  • ドラッグ&ドロップ
  • 社内システム
  • 内製

Tech stack

技術スタック

UI ライブラリ
  • React画面を部品(コンポーネント)に分けて組み立て、機能追加に強い構成
スタイル
  • Tailwind CSSスマホでも PC でも使いやすい画面を、デザインのルールを守って素早く
データベース
  • Cloud Firestoreリアルタイム同期の NoSQL データベース。更新が全員の画面に即反映
認証
  • Firebase Authentication社員だけがログインできる仕組み
ホスティング
  • Firebase HostingSSL 標準対応・CDN 配信で、社外からも安全に利用
開発体制
  • 内製現場の声を直接聞きながら、企画・開発・運用まで一貫して担当

How it works

タスクの登録から、日報の提出まで

[タスク管理]進行中のタスクを、ドラッグ&ドロップで[完了]や[レビュー中]へ。動かすだけで、ステータスが変わります。[カレンダー]ステータスごとに表示・非表示を設定できます。[業務日報]上長に提出する業務日報で進捗状況を報告、PDF で保存もできます。

[タスク管理]

  1. まずは、[タスク一覧]へ

    増えたタスクは、なにも考えずに先ずは[タスク一覧]に登録する。

  2. 手をつける日が近づいたら、[準備中]へ

    タスクに手をつける日が近づいたらステータスを[準備中]にする。

  3. 終わったら、[完了]へ

    [進行中]のタスクが終わったら、[完了]の列にドラッグ&ドロップします。ステータスが変わり、その場で保存されます。

  4. 確認が必要なら、[レビュー中]へ

    作業が終わったタスクでも、第三者のレビューが必要なものは、[レビュー中]の列へ。進み具合が、いつでも確認できます。

[カレンダー]

  1. 見たいステータスだけを、表示

    ステータスごとに自分のタスクを表示・非表示にできます。

[業務日報]

  1. 業務日報で、報告・連絡・相談

    上長に提出する業務日報で自分のタスクの進捗状況を報告・連絡・相談、PDF で保存もできます。

Board

5つの列で、進み具合が見える

各タスクには、締切と、進み具合のバー(確定した割合)が付きます。画面は、[タスク管理][カレンダー][アーカイブ][業務日報]に分かれています。

タスク一覧
まだ手をつけていないタスクの置き場
準備中
着手の前の準備をしているタスク
進行中
いま取り組んでいるタスク
レビュー中
作業は終わり、第三者の確認を待っているタスク
完了
確認まで終わったタスク
相談してくれよな!