開発Tips¶

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

エディタ設定¶

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

VS Code¶

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

推奨拡張機能¶

Prettier - Code formatter
ESLint
GitLens
Auto Rename Tag

settings.json の設定例¶

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

Git Tips¶

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

便利なエイリアス¶

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

デバッグのコツ¶

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

ログの活用¶

// デバッグログの例
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: 同じ単語を選択