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

Nuxt.jsでVuexストア連携を行う方法|Nuxt.jsの基本
Visual Studio CodeでDart Sassのコンパイルができる拡張機能「DartJS Sass Compiler and Sass Watcher」
GUIコンパイラのPreprosを使ってSassのコンパイルを行う
Dart Sassでファイルを分割して管理する方法|Dart Sass入門
Google Chromeでinput要素の補完機能を使うと背景に色がついてしまう問題
Visual Studio Codeで読み込んだCSSで設定されているclass名の入力補完をしてくれる拡張機能「HTML CSS Support」
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
Visual Studio Codeのファイル横に表示されるファイルアイコンのテーマまとめ
Gitで1行しか変更していないはずのに全行変更した判定になってしまう
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)