デモ一覧に戻る
体験デモ
カンバンタスクボード
タスクをドラッグ&ドロップで動かしてみてください。担当や期限での絞り込み、操作の取り消しまで動きます。キーボードだけでもカードを移動できます。
Next.js 15
React 19
dnd-kit
TypeScript
Vitest
このデモはブラウザ内だけで動作します。入力されたデータがサーバーに送信されることはありません (操作内容はお使いのブラウザ内にのみ保存されます)。
タスク20件期限切れ1件
横にスクロールすると、レビュー中・完了の列を確認できます。
未着手
6- 葵が担当優先度高期限切れ1/3項目が完了
- フロントエンド
- 品質保証
- 蓮が担当優先度高本日1/1項目が完了
- バックエンド
- ドキュメント
- 楓が担当優先度中間近
- フロントエンド
- 空が担当優先度中余裕あり
- インフラ
- 楓が担当優先度低余裕あり
- フロントエンド
- 優先度低
- ドキュメント
進行中
3 / 上限3- 蓮が担当優先度高間近2/3項目が完了
- バックエンド
- 葵が担当優先度中間近1/2項目が完了
- フロントエンド
- デザイン
- 空が担当優先度中余裕あり
- インフラ
- 品質保証
レビュー中
2 / 上限2- 楓が担当優先度中間近1/1項目が完了
- フロントエンド
- 葵が担当優先度低余裕あり
- デザイン
- フロントエンド
完了
9- 蓮が担当優先度中余裕あり2/2項目が完了
- ドキュメント
- 蓮が担当優先度中余裕あり
- ドキュメント
- インフラ
- 葵が担当優先度中余裕あり
- デザイン
- 蓮が担当優先度高余裕あり
- バックエンド
- 楓が担当優先度中余裕あり
- フロントエンド
- バックエンド
- 空が担当優先度中余裕あり
- インフラ
- 楓が担当優先度中余裕あり
- フロントエンド
- 空が担当優先度中余裕あり1/1項目が完了
- 品質保証
- ドキュメント
- 葵が担当優先度低
- ドキュメント
※表示しているタスク・担当者はすべて架空のサンプルデータです。内容はブラウザ内にのみ保存されます。