# 開発Tips

開発を効率化するためのヒントとコツを記載します。

## エディタ設定

開発効率を向上させるエディタ設定について記載します。

### VS Code

便利な拡張機能と設定について紹介します。

#### 推奨拡張機能

- Prettier - Code formatter
- ESLint
- GitLens
- Auto Rename Tag

#### settings.json の設定例

```json
{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "files.autoSave": "onWindowChange"
}
```

## Git Tips

Gitを効率的に使用するためのコツを記載します。

### 便利なエイリアス

```bash
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status
git config --global alias.unstage 'reset HEAD --'
git config --global alias.last 'log -1 HEAD'
git config --global alias.visual '!gitk'
```

### コミットメッセージの書き方

良いコミットメッセージの書き方について記載します。

```
feat: add user authentication

- Implement JWT-based authentication
- Add login and logout endpoints
- Update user model with auth fields

Closes #123
```

## デバッグのコツ

効率的なデバッグ方法について記載します。

### ログの活用

```javascript
// デバッグログの例
console.log('Debug info:', { user, action, timestamp: new Date() });

// 条件付きログ
if (process.env.NODE_ENV === 'development') {
  console.log('Development debug info');
}
```

### ブレークポイントの活用

デバッガーの効果的な使い方について記載します。

## コードレビューのコツ

効果的なコードレビューのポイントを記載します。

### レビューする側のポイント

- 機能要件の確認
- コードの可読性
- パフォーマンスの考慮
- セキュリティの確認

### レビューを受ける側のポイント

- 小さなPRに分割
- 適切なコメントの追加
- テストの充実

## ショートカット集

よく使うショートカットキーを記載します。

### VS Code

- `Ctrl+Shift+P`: コマンドパレット
- `Ctrl+P`: ファイルを開く
- `Ctrl+Shift+F`: 全体検索
- `Ctrl+D`: 同じ単語を選択