{"id":23948494,"url":"https://github.com/b13o/weekly-study-log","last_synced_at":"2025-02-24T08:14:37.727Z","repository":{"id":271195946,"uuid":"912675930","full_name":"b13o/weekly-study-log","owner":"b13o","description":"📊 Manage a week's learning log with a graph.","archived":false,"fork":false,"pushed_at":"2025-01-06T06:56:45.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-01-06T07:33:48.519Z","etag":null,"topics":["reacharts","react","typescript","usecallback","usememo"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/b13o.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-06T06:54:54.000Z","updated_at":"2025-01-06T06:59:32.000Z","dependencies_parsed_at":"2025-01-06T09:02:48.790Z","dependency_job_id":null,"html_url":"https://github.com/b13o/weekly-study-log","commit_stats":null,"previous_names":["b13o/weekly-study-log"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fweekly-study-log","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fweekly-study-log/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fweekly-study-log/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b13o%2Fweekly-study-log/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/b13o","download_url":"https://codeload.github.com/b13o/weekly-study-log/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240441957,"owners_count":19801793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["reacharts","react","typescript","usecallback","usememo"],"created_at":"2025-01-06T10:16:30.891Z","updated_at":"2025-02-24T08:14:37.702Z","avatar_url":"https://github.com/b13o.png","language":null,"readme":"\u003cimg width=\"1440\" alt=\"スクリーンショット 2025-01-08 23 45 34\" src=\"https://github.com/user-attachments/assets/1968f949-1c9d-4954-b24f-0eab0fd883d0\" /\u003e\n\n# 学習記録アプリ\n\n## 概要\n\nこのプロジェクトでは、1 週間の学習時間を管理・可視化するアプリを構築します。\n\n作業時間をグラフで可視化し、カテゴリー別や全体での合計作業時間を算出します。\n\n## 学習目標\n\nuseMemo と useCallback を使用したパフォーマンスの最適化について学習します。\n\n不要な再計算・再レンダリングをなくす方法と、実際のユーザーケースを確認してください。\n\n### 推奨技術\n\nこのプロジェクトの難易度と趣旨を踏まえて、以下の使用をお勧めします。\n\n- useMemo による計算処理の最適化\n- useCallback と React.memo の組み合わせ\n- Recharts を用いたグラフ表示\n- Vite を用いた React 環境構築\n- TypeScript による型チェック\n- Tailwind CSS を用いたスタイリング\n- GitHub Pages へのデプロイ\n\n---\n\n## 🎯 お題\n\n- 「ユーザーストーリー」を全て満たすアプリを構築してください。\n- 必要に応じて、スクリーンショットやデモサイトの URL を参照してください。\n- スタイルは、あなた自身で独自にカスタマイズすることが可能です。\n\n### 必須機能\n\n1. **学習ログの記録**：\n   - 曜日、カテゴリー、作業時間、メモを入力し記録する\n   - モチベーション（3 段階の自己評価）を設定する\n2. **学習データの可視化**：\n   - 日別の学習時間をグラフ表示する\n   - カテゴリー別の合計時間を表示する\n   - 先週のカテゴリー別の合計時間を表示する\n   - 全体の合計時間を表示する\n   - 自己評価の総計を表示する\n3. **データ管理**：\n   - 学習ログの一覧表示\n   - 不要なログの削除\n\n## ユーザーストーリー\n\n- [ ] ユーザーがサイトにアクセスすると、新しい学習ログを入力できるフォームが表示されている\n- [ ] 学習カテゴリーを、ドロップダウンリストから選択できる\n- [ ] 曜日を選択し、学習時間（分）とメモを入力できる\n- [ ] モチベーションレベルを 3 段階（ネガティブ、普通、ポジティブ）で設定できる\n- [ ] 必要な情報を入力し、「追加」ボタンをクリックすると、学習ログが一覧で表示される\n- [ ] 学習ログは削除できる\n- [ ] 日別の学習時間がグラフで視覚的に表示される\n- [ ] カテゴリー別の合計時間が表示される\n- [ ] 先週のカテゴリー別の合計時間も表示する\n- [ ] 週間の総学習時間が表示される\n- [ ] 自己評価の総計が表示される\n- [ ] アプリケーションがデプロイされており、誰でもアクセス可能である。\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fweekly-study-log","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fb13o%2Fweekly-study-log","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb13o%2Fweekly-study-log/lists"}