はじめに
あまり遭遇しない状況だったので知りませんでした。気になった方は読んでみてください。
状況
1. 「.env.development.local」ファイルを間違ってpushしてしまっていた
2. githubのリポジトリから削除する前に、「.gitignore」ファイルに「.env.development.local」ファイルを追加しておこう
3. うーん、パスは正しいはずなのに、エクスプローラーに反映されない...
↑反映されたら.envと同じようにグレーアウト（文字が薄く）なるはずが反映されていない
反映されない理由
すでにGitに追跡されている。
既にGitにコミットされている場合、.gitignore に追加してもそのファイルは引き続き Git によって追跡されてしまうから。
.gitignore ファイルについて
Git が無視する、意図的に追跡されていないファイルを指定します。Git によってすでに追跡されているファイルは影響を受けません。
Git - gitignore Documentation より
「.gitignore」ファイルによって、Git に対して特定のファイルやディレクトリを追跡対象から除外するように指示することで、新たに追加されたファイルやディレクトリがGitの管理対象から外れるようになる。
「.gitignore」ファイルに追加したファイルがすでにコミットされている場合、それらのファイルはリポジトリ内に残る。
「.gitignore」ファイルに追記してコミット、pushしても、すでにコミットしているファイルはリポジトリ内に残る。
解決方法
手順 1. Gitの追跡を外す。
手順 2. コミットする。
手順 3. pushする。
手順 4. 「.gitignore」ファイルに記述する。
手順 1. Gitの追跡を外す。
git rm --cached .env.development.local
ファイル自体が削除されるわけではなく、ローカルにファイルは残る。
手順 2. コミットする。
git commit -m "remove .env.development.local from git tracking"
追跡から外すので、追跡から外したファイルの git add は不要。
git rm コマンドを使用すると削除の変更が自動的にステージングエリアに追加される。
手順 3. pushする。
git push origin （ブランチ名）
githubのリポジトリから、「.env.development.local」が消える。
手順 4. 「.gitignore」ファイルに記述する。
↓「.gitignore」ファイルに「.env.development.local」を加えて、保存すると反映された。
今後、「.env.development.local」はGitに追跡されず、リポジトリにも残らない。
解決方法 補足
■ echo '（ファイル名）' >> .gitignore で直接書き込む場合 
git rm --cached （ファイル名）
echo '（ファイル名）' >> .gitignore
git add .gitignore
git commit -m "コミットメッセージ"
git push origin (ブランチ名)
最後「.gitignore」ファイルを保存
- git rm --cached （ファイル名）したら、ステータスが「U」(untracked)になる。
- echo '（ファイル名）' >> .gitignore で、直接「.gitignore」ファイルに書き込む。
- git add .gitignoreで、 「.gitignore」ファイルのステータスがM(Modified)になり、追跡したくないファイルのステータスがD（Deleted）になる。
- 最後「.gitignore」ファイルを保存したら、反映される。
■ echo '（ディレクトリ名）/' >> .gitignore で直接書き込む場合
git-rmコマンドで作業ツリーとインデックスからディレクトリを削除する場合、
-rオプションが必要。
-rオプションは、ディレクトリとその中に含まれるすべてのファイルおよびサブディレクトリを再帰的に処理するために使用される。
git rm --cached -r（ディレクトリ名）
echo '（ディレクトリ名）/' >> .gitignore
git add .gitignore
git commit -m "コミットメッセージ"
git push origin (ブランチ名)
最後「.gitignore」ファイルを保存
ちなみに、
--cachedもオプションのため、「-r」と「--cached」の並びは、
git rm --cached -r（ディレクトリ名）
git rm -r --cached（ディレクトリ名）
どちらでも処理できる。
git-rm - 作業ツリーとインデックスからファイルを削除する
git rm [-f | --force] [-n] [-r] [--cached] [--ignore-unmatch]
[--quiet] [--pathspec-from-file=<ファイル> [--pathspec-file-nul]]
[--] [<パス仕様>…]
<余談 その１> 「.gitignore」ファイルの書き方
以下、エクスプローラーの並びと「.gitignore」ファイルを見比べてください
エクスプローラーのフォルダの並び
「.gitignore」ファイル
「node_modules」「.vercel」「.next」はディレクトリです。
「node_modules」だけ「/」の記述がありません。
node_modules/ と書くと、
"ディレクトリ「node_modules」を指定して、そのディレクトリとその中のすべてのファイルを無視してください。
の意味になる。"
→ディレクトリを無視したい時の書き方
node_modules と書くと、
"ファイルやディレクトリに関係なく、「node_modules」という名前のすべてのファイルとディレクトリを無視してください。"
の意味になる。
ですので、「.gitignore」ファイルへの正しい書き方は以下になります。
node_modules/
<余談 その２> 改行とコメントも直接入力したい場合
通常、ファイルの最後はこんな感じ。
そのため、何も考えず以下を打ち込むと、
echo 'public/' >> .gitignore
こんなつもりではなかった... となるので、
改行とコメントも入力したい場合、
echo '' >> .gitignore
echo '# public' >> .gitignore
echo 'public/' >> .gitignore
という事で、改行とコメントも直接入力したい場合は以下を使いましょう
echo '' >> .gitignore
echo '# （コメント）' >> .gitignore
echo '（ファイル名) or (ディレクトリ名)/' >> .gitignore
参考
Git - gitignore Documentation
Git - git-rm Documentation
【Git】.gitignoreが反映されない時の対応備忘録 - 株式会社GOAT
Gitignoreが動作しない時の対処法｜Kinsta®
gitignore/Node.gitignore at main · github/gitignore