gitignoreで特定ファイルをGitで無視する方法

Gitを使っていると、Gitでは監視したくないファイルが出てきます。今回はそんな時に使える.gitignoreの設定についてまとめておきます。
.gitignoreとは?
.gitignoreを使うと、Gitで監視しない(無視する)ファイルやフォルダを指定できます。
しかし、.gitignoreは不可視ファイル(ドットから始まるファイル)なのでデフォルトでは表示されません。表示するためには、Finderでcommand + shift + .を押せば表示・非表示の切り替えができます。
基本的に.gitignoreを作成する場所は「.git」フォルダがあるのと同じ階層です(深い階層に作った場合は、より深い階層にある方が優先される)。
.gitignoreの書き方
Gitで監視しないファイルやフォルダを1行ずつ書いていき、上の行から順番に解釈されていきます。
ファイル名を指定して無視
.gitignoreにファイル名やフォルダ名を書くと、階層関係なく、マッチする名前のファイルを無視できます。
.gitignore
style.css階層からファイル名を指定して無視
先頭に「/(スラッシュ)」を付けると、.gitignoreが置かれてあるディレクトリを基準としてファイルの無視ができます。
.gitignore
/style.cssフォルダ内の全てのファイルを無視
末尾に「/(スラッシュ)」を付けると、フォルダとその配下を無視するようになります。
.gitignore
directory/コメント
コメントを書く時は、「#(ハッシュ記号)」を最初に付けるとコメントになります。
.gitignore
# コメントワイルドカード
ワイルドカードという特別な意味を持つ記号を使用する事で、更に楽にファイルの指定ができます。
| 記号 | 意味 |
|---|---|
| * | /以外の全ての文字列にマッチする |
| ? | /以外の1文字の文字列にマッチする |
| [0-9] | 0〜9の数字にマッチする |
| ! | 否定の意味。逆に無視しないという意味になる |
.gitignore
# .pngを無視する
*.png
# file-aやfile-bなどを無視する
file-?
# file-0からfile-9を無視する
file-[0-9]
# fileを無視しない
!/file

WordPressでショートコードを作成する方法
Google Maps APIでマップの見た目をカスタマイズする方法
Visual Studio Codeでできる最低限のGit操作方法
Nuxt.jsで「Classic mode for store/ is deprecated and will be removed in Nuxt 3.」のエラーメッセージが表示される場合の対処法
Visual Studio Codeで英単語のスペルチェックをしてくれる拡張機能「Code Spell Checker」
Vue.jsでtemplateタグ内にscriptやstyleタグを生成する方法|Tags with side effect are ignored
「とりあえず無料版!」ではなく、機能を知った上で判断したいMAMPとMAMP PROの比較
Visual Studio Codeで簡易的なローカルサーバーを起動して、コード保存時に自動でブラウザをリロードする拡張機能「Live Server」
WordPressのwp_is_mobile()で条件分岐をするときは、キャッシュの設定に注意
CSSで::placeholderにスタイルを設定する方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Bartender 4の「Show for Updates」機能で、特定条件でメニューアイコンが表示されるようにする
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
iTerm2の見た目を設定できる環境設定の「Appearance」タブ
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
GoogleアナリティクスとGoogleアドセンスを連携して、細かいデータを見る方法
Nuxt.jsでコンポーネントを作成してコードの共通化を行う|Nuxt.jsの基本
選択オブジェクトに合わせてアートボードを変更するillustratorのスクリプト
Dart Sassの変数の基本的な使い方|Dart Sass入門
ターミナルの$記号前に、Gitの現在のブランチ名を表示する方法
Google Homeでポッドキャストの設定をして再生する方法