タスクのステータス変化をUIに反映できるようにする

[kuniyuki-f]

issueURL

118

この PR で対応する範囲 / この PR で対応しない範囲

• タスクの計測に関する処理を行うカスタムフック（useTask）を実装する

Storybook の URL、 スクリーンショット

• 新規タスク作成ボタン
• 停止ボタン
• 終了ボタン
• 再開ボタン
• タスク項目
• 計測ページ

変更点概要

131 で実装済みのタスク計測開始ボタンも含め、カスタムフックとしてuseTaskを実装しました。

このuseTaskにタスクの作成、停止、再開、終了のロジックを閉じ込め、APIへのリクエスト処理やタスクUIへのレスポンスデータ反映もその中で処理しています。

レビュアーに重点的にチェックして欲しい点

今回、カスタムフックとしてuseTaskを実装しましたが、この実装方針についてもし気になることなどあればご指摘いただきたいと考えています。 元々 #131 を実装した時はpages/timer.tsxの中でロジックを実装しようと考えていましたが、以下２点を考慮した結果カスタムフックの実装に転換しました。

• タスクの再開や停止機能も実装しようと思った時に Props が増えすぎたこと
• カスタムフックを実装することで、APIへのリクエスト処理などが各コンポーネントに散らばるのを防止し、ロジックの再利用性が高まると考えたこと

補足情報

とくになし

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
timelogger-web	✅ Ready (Inspect)	Visit Preview	Oct 8, 2023 0:45am

[kuniyuki-f]

今回、コードへのコメント記入はありません。 お手隙でレビューをお願いいたします！