GitHub Copilot 指示書

基本方針

指示された部分および内容以外は改変しないでください
大幅な変更を行う前に、変更計画を提示し、実行の可否を確認してください
拡張機能のインストールで容易に解決できる場合は、その提案を行ってください

コーディング規約

TypeScript strict mode を必須とする
React 18 + 関数コンポーネント + Hooks パターンを使用
Firebase v9+ モジュラー構文を使用
CSS Modules を使用してスタイリング
アクセシビリティ対応を必須とする

ファイル構造

コンポーネント:

src/components/[category]/ComponentName.tsx

ユーティリティ:
```
src/utils/utilityName.ts
```
型定義:
```
src/types/index.ts
```
サービス:
```
src/services/serviceName.ts
```

命名規則

コンポーネント: PascalCase (例: UserProfile)
ファイル: camelCase.tsx (例: userProfile.tsx)
CSS クラス: kebab-case (例: user-profile)
関数・変数: camelCase (例: getUserData)
定数: UPPER_SNAKE_CASE (例: API_ENDPOINTS)

エラーハンドリング

try-catch文を適切に使用
ユーザーフレンドリーなエラーメッセージ
ログ出力は console.error を使用

パフォーマンス最適化

React.memo() で不要な再レンダリングを防ぐ
useMemo(), useCallback() で最適化
動的インポートでコード分割

セキュリティ

XSS対策としてdangerouslySetInnerHTMLは避ける
入力値の検証を必須とする
機密情報はクライアントサイドに保存しない

変更前の確認事項

既存機能への影響範囲の確認
型安全性の確保
テストの実行可能性
パフォーマンスへの影響
アクセシビリティの維持

推奨する拡張機能での解決

問題解決時は以下を優先的に検討：

ESLint / Prettier での自動フォーマット
TypeScript Error Translator での型エラー解決
Auto Import での依存関係管理
GitLens での履歴確認
Thunder Client での API テスト

GitHub Copilot 指示書

基本方針

指示された部分および内容以外は改変しないでください
大幅な変更を行う前に、変更計画を提示し、実行の可否を確認してください
拡張機能のインストールで容易に解決できる場合は、その提案を行ってください

コーディング規約

TypeScript strict mode を必須とする
React 18 + 関数コンポーネント + Hooks パターンを使用
Firebase v9+ モジュラー構文を使用
CSS Modules を使用してスタイリング
アクセシビリティ対応を必須とする

ファイル構造

コンポーネント:

src/components/[category]/ComponentName.tsx

ユーティリティ:
```
src/utils/utilityName.ts
```
型定義:
```
src/types/index.ts
```
サービス:
```
src/services/serviceName.ts
```

命名規則

コンポーネント: PascalCase (例: UserProfile)
ファイル: camelCase.tsx (例: userProfile.tsx)
CSS クラス: kebab-case (例: user-profile)
関数・変数: camelCase (例: getUserData)
定数: UPPER_SNAKE_CASE (例: API_ENDPOINTS)

エラーハンドリング

try-catch文を適切に使用
ユーザーフレンドリーなエラーメッセージ
ログ出力は console.error を使用

パフォーマンス最適化

React.memo() で不要な再レンダリングを防ぐ
useMemo(), useCallback() で最適化
動的インポートでコード分割

セキュリティ

XSS対策としてdangerouslySetInnerHTMLは避ける
入力値の検証を必須とする
機密情報はクライアントサイドに保存しない

変更前の確認事項

既存機能への影響範囲の確認
型安全性の確保
テストの実行可能性
パフォーマンスへの影響
アクセシビリティの維持

推奨する拡張機能での解決

問題解決時は以下を優先的に検討：

ESLint / Prettier での自動フォーマット
TypeScript Error Translator での型エラー解決
Auto Import での依存関係管理
GitLens での履歴確認
Thunder Client での API テスト

GitHub Copilot 指示書

GitHub Copilot 指示書

基本方針

コーディング規約

ファイル構造

命名規則

エラーハンドリング

パフォーマンス最適化

セキュリティ

変更前の確認事項

推奨する拡張機能での解決

Related Skills

Markdown Converter

Nano Banana Pro

1password

GitHub Copilot 指示書

基本方針

コーディング規約

ファイル構造

命名規則

エラーハンドリング

パフォーマンス最適化

セキュリティ

変更前の確認事項

推奨する拡張機能での解決