OWN PRODUCTS / CASE STUDY

カンバン式のチームタスク管理

プロジェクトごとのタスクを、カンバンと一覧の両方で管理する社内ツールです。社外の協力会社のメンバーも招待して、組織ごとに見える範囲を分けて使っています。

社内で実用2026年4月〜 社内で利用中

カンバンボード。バックログ、Todo、進行中、レビュー中、完了の5列にタスクカードが並ぶ
表示
カンバン・一覧・スマホ
権限
組織ごとに分離

CHALLENGE

解決したかったこと

社外のメンバーとも同じボードでタスクを共有したい一方で、組織ごとに見せてよい範囲を分ける必要がありました。

SOLUTION

やったこと

カードをドラッグしてステータスを動かせるカンバンと、表形式の一覧を切り替えられるようにしました。ステータスとラベルはプロジェクトごとに自由に作れます。

2026年8月に、組織単位で権限を分ける形へ作り直し、他の組織のタスクが見えない・書き換えられないことを確かめました。

SCREENS

実際の画面

画面は実際のシステムを、架空のデモデータで撮影したものです。

カンバンボード。バックログ、Todo、進行中、レビュー中、完了の5列にタスクカードが並ぶ
(画像を拡大して開く)
カンバン。ラベル・優先度・期限・担当者・サブタスクの進み具合がカードで分かります
タスク詳細のモーダル。説明、担当者、期限、ラベル、サブタスク
(画像を拡大して開く)
タスクの詳細。サブタスクの進み具合も確認できます
タスクの一覧表示。タイトル、ステータス、優先度、期限、ラベル、担当者
(画像を拡大して開く)
一覧表示。期限や担当者で見渡したいときに使います
スマホで表示したタスク一覧。ステータスごとに折りたためる
(画像を拡大して開く)
スマホではステータスごとに折りたためる一覧になります

FEATURES

主な機能

  • ドラッグ&ドロップで動かせるカンバン
  • 優先度・期限・担当者・ラベル・サブタスク(進捗バー)付きのタスク
  • ステータス・ラベルの管理
  • 検索、担当者での絞り込み、アーカイブからの復元
  • スマホ用のタスク一覧

使用技術・基盤

  • TypeScript
  • React 19
  • Vite
  • Zustand
  • dnd-kit
  • Supabase

Let's connect

近い課題をお持ちですか?

業種や規模が違っても、近い事例をもとにご提案できます。相談・お見積もりは無料です。