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


Visual Studio Codeで対応する括弧に色を付けて見やすくする環境設定
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
Visual Studio Codeで読み込んだCSSで設定されているclass名の入力補完をしてくれる拡張機能「HTML CSS Support」
npm-scriptsでSCSSをコンパイルする環境を構築する方法
Sassのマップ機能を使った変数の管理方法
Facebookでシェアした記事の画像反映ができていない時の修正方法
Android実機で表示しているサイトを、Chrome開発者ツールで開いて検証する方法
Visual Studio Codeで複数ファイルを編集するときにタブやペインの操作方法
SafariのURLメニュー部分も考慮できるCSSの単位「dvh」
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」