Frontend Code Review
フロントエンドコードのレビューを行います。
レビュー観点
コンポーネント設計
- •単一責任の原則
- •コンポーネントの粒度
- •Props設計の適切さ
- •状態管理の適切さ（ローカル vs グローバル）
パフォーマンス
- •不要な再レンダリング
- •メモ化の適切な使用（useMemo, useCallback, React.memo等）
- •バンドルサイズへの影響
- •画像・アセットの最適化
- •遅延ロードの活用
アクセシビリティ (a11y)
- •セマンティックHTML
- •ARIA属性の適切な使用
- •キーボード操作対応
- •スクリーンリーダー対応
- •色のコントラスト
UX/UI
- •ローディング状態の表示
- •エラー状態の表示
- •レスポンシブ対応
- •ユーザーフィードバック
セキュリティ
- •XSS対策
- •CSRFトークンの取り扱い
- •機密情報のクライアント露出
コード品質
- •TypeScript型定義の適切さ
- •CSS設計（BEM, CSS Modules, CSS-in-JS等）
- •テスタビリティ
出力形式
レビュー結果は以下の形式で出力してください：
code
## 概要 [全体的な評価] ## 指摘事項 ### [重要度: 高/中/低] [カテゴリ] - ファイル: [ファイルパス:行番号] - 問題: [問題の説明] - 提案: [改善案] ## 良い点 [コードの良い点があれば記載]