第7回 - Gitを使用した開発

Gitの概要

Gitを使う前の準備

ローカルリポジトリにコミット（変更を保存）するために、自分の名前（ニックネーム）とメールアドレスを登録する必要がある。
この情報はコミットに付加情報として保存され、コミットを誰が保存したのかがわかるようになる。

git config user.name "Your Name"
git config user.email "your-email@***.com"

共有の端末では作成したリポジトリ内で自分の名前とメールアドレスを設定する必要があるが、自分の端末であれば毎回設定をするのは面倒なので、git configコマンドに--globalオプションを指定することで設定を保存しておくことが出来る。

git config --global user.name "Yout Name"
git config --global user.email "your-email@***.com"

開発の流れ

ファイルの追加・修正を行う
1つのコミットとして保存したいファイルの追加・修正を選択（ステージング）する
補足情報として、コミットメッセージを追記してローカルリポジトリに登録（コミット）する
またファイルの追加・修正を行う

リモートリポジトリが存在するかしないか

リモートリポジトリがGithubなどに存在する場合は、リモートからローカルにリポジトリをダウンロード（クローン）する
リモートリポジトリが存在しない場合は、ローカルリポジトリを新規作成する

.gitignore

ローカルリポジトリの直下に.gitignoreというファイルを用意すると、バージョン管理から除外したいファイルやディレクトリを指定することができる。

ローカルリポジトリ内には、Gitで変更履歴を管理しなくて良い（したくない）ファイルが存在する

npmで変更管理されているパッケージ本体: node_modulesディレクトリ
MacOSが生成するファイル: .DS_Store
秘匿情報が書かれたファイル: .env

# .gitignoreで除外するファイルやディレクトリを記述する方法
.DS_Store       # すべての.DS_Storeファイルを除外
*.log           # すべての.log拡張子を持つファイルを除外
/build          # リポジトリ直下のbuildディレクトリを除外
node_modules/   # リポジトリ内のすべてのnode_modulesディレクトリを除外

package.jsonのscriptsフィールド

package.jsonのscriptsフィールドには、プロジェクトでよく使うコマンドを定義してショートカットキーの様に、複雑なコマンドを簡単に実行できるようにすることができます。

scriptsフィールドに設定する独自コマンドのことをnpm scriptsと言い、npm scriptsを活用すると、プロジェクト全体で統一されたコマンドを実行でき、開発効率が上がる。

package.jsonでの定義

{
  "scripts": {
    "スクリプト名": "実行したいコマンド",
    "start": "node server.js",
    "watch": "node --watch server.js"
  }
}

npm scriptsの実行

# npm run スクリプト名
npm run start # node server.jsが実行される
npm run watch # node --watch server.jsが実行される

よく使われるスクリプト名

スクリプト名	用途
`start`	アプリケーションの起動
`dev`	開発サーバーの起動
`build`	最終成果物の生成
`test`	テストの実行
`lint`	コードの静的解析
`format`	コードの整形