アカウント管理画面のロジックを実装: frontend

[productD5]

対象イシュー

#233

イシューリンク

#233

イシュー番号(自動クローズ用)

close #233

やったこと

フロントエンド

アカウント管理で行うアカウントの登録、作成、削除、更新、ファイルを使ったアカウント登録を行えるようにロジックを作成
バックエンドの処理に合わせてtypeの変更・追加、またそれに伴うUIの変更
アカウント管理系のUIの一部改善
学校管理者用のrouterを作成

バックエンド

フロントのアカウント管理画面の処理に合わせてアカウントの詳細取得用関数を作成
フロントの送信形式に合わせてdtoを一部変更

• このプルリクで何をしたのか？

やらないこと

• このプルリクでやらないことは何か？（あれば。無いなら「無し」で OK）（やらない場合は、いつやるのかを明記する。）

できるようになること（ユーザ目線）

• 何ができるようになるのか？（あれば。無いなら「無し」で OK）

できなくなること（ユーザ目線）

• 何ができなくなるのか？（あれば。無いなら「無し」で OK）

動作確認

一連の動作を確認済み

• どのような動作確認を行ったのか？　結果はどうか？　そもそも行ったのか？

影響範囲

• ない場合は「無し」

テスト

• ない場合は「無し」

備考

• レビュワーへの参考情報（実装上の懸念点や注意点などあれば記載）

[Copilot]

Pull request overview

アカウント管理機能（登録・更新・CSV取込）に必要なフロントのロジック/UIと、バックエンドの詳細取得API等を追加するPRです。

Changes:

• フロント：アカウント一覧/詳細、登録（手入力・CSV）/更新のAPI連携とUI改善、学校管理者専用ルート追加
• バック：アカウント詳細取得サービス/エンドポイント追加、CSV日付フォーマット調整、CSVアップロード判定改善

Reviewed changes

Copilot reviewed 30 out of 30 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
frontend/tsconfig.app.json	TSコンパイル対象のinclude設定を変更
frontend/src/features/management/types/account.ts	アカウント型定義の更新・リクエストDTO型追加
frontend/src/features/management/style/accountRegister.module.css	登録画面ヘッダレイアウト調整
frontend/src/features/management/style/accountImport.module.css	取込画面の注意表示スタイル追加
frontend/src/features/management/hooks/useAccounts.ts	一覧取得をAPI化、クライアント側フィルタ、（別途）単体取得追加
frontend/src/features/management/hooks/useAccountMutations.ts	作成/更新/CSV取込のMutation群を追加
frontend/src/features/management/hooks/useAccount.ts	詳細取得をAPI化（/accounts/detail）
frontend/src/features/management/components/csvUploadField/csvUploadField.tsx	テンプレDL UI追加・文言改善
frontend/src/features/management/components/csvUploadField/csvUploadField.module.css	テンプレDL UIのスタイル追加・レスポンシブ調整
frontend/src/features/management/components/accountTable/accountTable.tsx	authority/停止フラグの表現変更に追従
frontend/src/features/management/components/accountRegisterTable/accountRegisterTable.tsx	登録プレビューにID列追加、不要列削除
frontend/src/features/management/components/accountRegisterTable/accountRegisterTable.module.css	テーブル固定レイアウト化・列幅再定義
frontend/src/features/management/components/accountRegisterForm/teacherAccountRegisterForm.tsx	教師登録フォーム新規追加（分割）
frontend/src/features/management/components/accountRegisterForm/studentAccountRegisterForm.tsx	生徒登録フォーム新規追加（分割）
frontend/src/features/management/components/accountRegisterForm/accountRegisterForm.tsx	フォーム実装を分割しre-exportに変更
frontend/src/features/management/components/accountEditForm/accountEditForm.tsx	編集フォームを外部submitに委譲、pending時disable対応
frontend/src/features/management/components/accountEditForm/accountEditForm.module.css	fieldsetレイアウト追加・transition整形
frontend/src/features/auth/components/adminProtectedRoute.tsx	学校管理者専用の保護ルート追加
frontend/src/app/routes/app/management/account/accountRegister.tsx	登録画面にAPI登録処理・権限制御・pending制御追加
frontend/src/app/routes/app/management/account/accountList.tsx	一覧画面にロール反映、spinner/エラーハンドリング追加
frontend/src/app/routes/app/management/account/accountImport.tsx	CSV取込をAPI連携、注意文言追加、pending制御
frontend/src/app/routes/app/management/account/accountEdit.tsx	更新API連携、削除ボタンの権限制御・pending制御
frontend/src/app/router.tsx	学校情報編集をADMIN専用ルートに分離
backend/src/main/java/com/example/backend/utils/fileUtil/validation/DocumentFileValidation.java	CSV判定の揺れ対策でtext/plain許可追加
backend/src/main/java/com/example/backend/accounts/service/impl/AccountServiceImpl.java	アカウント詳細取得のサービス実装追加
backend/src/main/java/com/example/backend/accounts/service/AccountService.java	アカウント詳細取得インターフェイス追加
backend/src/main/java/com/example/backend/accounts/dto/ReadCSVFileStudentCreateRequest.java	日付のJsonFormat付与
backend/src/main/java/com/example/backend/accounts/dto/AccountDetailResponse.java	詳細レスポンスDTO追加
backend/src/main/java/com/example/backend/accounts/controller/StudentController.java	CSV取込APIのレスポンス変更・ログ追加
backend/src/main/java/com/example/backend/accounts/controller/AllAccountsController.java	/detailエンドポイント追加、/allの組み立て調整

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[Copilot]

Pull request overview

Copilot reviewed 30 out of 30 changed files in this pull request and generated 6 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[productD5]

修正お願いします。
コメントも随時削除してください

[hmuto111]

マージします