プロフィール系ロジックの実装: frontend

[hmuto111]

対象イシュー

イシューリンク

#208

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

close #208

やったこと

• このプルリクで何をしたのか？
• プロフィール取得・編集機能の実装
• フォロー・フォロワー一覧の取得機能の実装
• プロフィール画面でのユーザ投稿・いいね・ブックマーク一覧の取得・表示機能を実装
• ユーザ個人設定でのフィルタリングワード設定機能・パスワード更新機能・ログアウト機能を実装
• フォロー・アンフォロー・ブックマーク・いいねのでバウンス時間の調整とクエリ無効化設定の調整
• 投稿削除機能の実装

やらないこと

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

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

• 何ができるようになるのか？（あれば。無いなら「無し」で OK）
• プロフィールの閲覧
• 自分のプロフィールの編集
• 対象アカウントのフォローフォロワー一覧の取得
• ユーザの個人設定の実装
• 投稿の削除

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

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

動作確認

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

影響範囲

• ない場合は「無し」
• 無し

テスト

• ない場合は「無し」
• 無し

備考

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

[Copilot]

Pull request overview

このPRは、フロントエンドのプロフィール機能を包括的に実装したものです。プロフィールの取得・編集、フォロー/フォロワー一覧、ユーザーの投稿・いいね・ブックマークの表示、パスワード更新、フィルタリングワード設定、ログアウト機能、投稿削除機能が含まれています。また、URL構造がnumerical userIdからshowUserId（文字列）へ移行され、デバウンス処理の改善とReact Queryの設定調整も行われています。

Changes:

• プロフィール関連の包括的な機能実装（取得、編集、フォロー管理、ユーザーコンテンツ表示）
• URL構造の改善（userId → showUserId）とルーティングの更新
• ユーザーインタラクション（フォロー、いいね、ブックマーク）のデバウンス処理改善とクリーンアップ追加
• 投稿削除機能の実装
• バックエンドのトランザクション管理と権限チェックの改善

Reviewed changes

Copilot reviewed 54 out of 56 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
frontend/src/types/user.ts	User型にuserIdを追加し、follow/followerフィールド名を統一
frontend/src/lib/react-query.ts	グローバルthrowOnError設定を削除
frontend/src/features/searchClassroom/types/SelectClassroom.ts	NoticeInfoItem型を削除（新しいNoticeType型に移行）
frontend/src/features/searchClassroom/components/noticeInfo.tsx	NoticeType型を使用するように更新、日付フォーマット追加
frontend/src/features/search/components/searchHistory.tsx	PostBoxコンポーネントの新しいAPI（propsラッパー）に対応
frontend/src/features/profile/types/setting.ts	パスワード編集とフィルターワードの型定義を追加
frontend/src/features/profile/types/profileTypes.ts	フィールド名を更新、EditProfileForm型を追加
frontend/src/features/profile/types/notice.ts	NoticeType型を新規作成
frontend/src/features/profile/styles/*.module.css	プロフィール編集、パスワード編集のスタイル調整
frontend/src/features/profile/layout/profileLayout.tsx	ダミーデータを削除し、実際のAPIからデータ取得、エラー処理追加
frontend/src/features/profile/hooks/*.ts	プロフィール、フォロー、ユーザーコンテンツ、設定関連のカスタムフック群を実装
frontend/src/features/profile/components/**/*.tsx	プロフィールカード、タブ、フォローカード、メニューアイテムコンポーネントの実装と更新
frontend/src/features/post/hooks/*.ts	いいね、ブックマーク、投稿削除のフック実装と更新、デバウンスクリーンアップ追加
frontend/src/components/ui/postBox/*.tsx	投稿削除機能追加、propsラッパーAPIに変更
frontend/src/components/ui/menu/menu.tsx	設定ボタン追加、アイコン更新、ユーザー情報を使用したナビゲーション
frontend/src/app/routes/app/timeline.tsx	PostBoxの新しいAPI使用
frontend/src/app/routes/app/searchClassroom.tsx	ダミーデータ削除、実際のNotice APIからデータ取得
frontend/src/app/routes/app/profile/**/*.tsx	プロフィール、フォロー、編集ページの実装（ダミーデータから実API連携へ）
frontend/src/app/routes/app/detailPost.tsx	PostBoxの新しいAPI使用
frontend/src/config/paths.ts	プロフィール関連パスをshowUserIdベースに変更
frontend/src/features/auth/hooks/useUser.ts	userIdフィールド追加、フィールド名統一
backend/.../ProfileServiceImpl.java	@transactional追加、showUserId更新処理追加、コードフォーマット改善
backend/.../PostServiceImpl.java	共有範囲が0（全体公開）の場合の権限チェックをスキップする処理追加
backend/.../LikeServiceImpl.java	共有範囲チェックの改善とコードフォーマット

Comments suppressed due to low confidence (1)

frontend/src/features/profile/components/profileCard/otherProfileCard.tsx:23

• isTempFollowingの初期値がisFollowingから設定されていますが、isFollowingの値が後で変更されてもisTempFollowingは更新されません。これにより、プロフィールデータが更新された際にボタンの状態が実際のフォロー状態と不一致になる可能性があります。useEffectを使用してisFollowingの変更を監視し、isTempFollowingを同期させることを検討してください。

---

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

[Copilot]

Pull request overview

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

---

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