SCALE — Build Lab
UI部品 · REACT COMPONENT

アクティブボード

CATEGORYUI部品 TYPEReact Component EFFORT90〜240分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • 作業ログ
  • 今日のタスク

アクティブボード

:LiTarget: 用途

現在進行中のタスク・作業を一画面に集約するボード。

:LiSparkle: 特徴

  • 進行中タスク表示
  • タイマー表示
  • ワンクリック完了

:LiAlertTriangle: components/tasks/work-log/ActiveBoard.tsx が SCALE Base に見つからないか大きすぎるため、コードは未掲載。Vault側で手動掲載推奨。

:LiFolder: ソースファイルのパス

/Users/oogushiyuuki/Library/CloudStorage/GoogleDrive-y-ogushi@scale-group.co.jp/マイドライブ/AI/scale-base/components/tasks/work-log/ActiveBoard.tsx

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加