🐱

[gitmoji]絵文字のテンプレート

2022/05/14に公開

概要

gitmoji とは git commit するときにコミットメッセージの先頭に絵文字を簡単に付けれるようになるツールのことです(gitmoji)

gitmoji を導入しようと思った経緯

  • コミットすること自体の楽しみが増える。

  • 何のコミットか他者から見ても絵文字から視覚的にわかる。

  • 意味のあるコミットをしようとする意識をつけることができる。

Github 上のコミット履歴の見た目

テンプレート

以下に自分がコミットする際によく使う gitmoji をテンプレート化しています。
私の場合は notion にまとめてすぐ引き出せるようにしています。

🎨  コードの構造/フォーマットを改善

⚡️ パフォーマンス改善

🔥  コード/ファイルの削除

🐛  バグ修正

🚑  クリティカル(致命的)なバグ修正

✨  新機能追加

📝 ドキュメントの執筆

💄 デザイン変更

🎉 最初のコミット

🚀 デプロイ

✅ テスト更新

🔒 セキュリティ問題の修正

🚧 WIP - 作業中(Work in progress)

⬇️ 依存関係のダウングレード

⬆️ 依存関係のアップグレード

♻️ リファクタリング

➕ 依存関係の追加

➖ 依存関係の削除

🔧 設定ファイルの変更

✏️ タイポ修正

👽 外部 API の変更によるコードの更新

🚚 ファイルの 移動/名前 の変更

🚸 ユーザーエクスペリエンス/使いやすさ の向上

🏗 アーキテクチャの変更

📱 レスポンシブデザインに関する作業

📸 画像の 追加/更新

⚗ 新しいことを実験

🏷️ 型の 追加/更新

💫 アニメーションとトランジションの 追加/更新

💬 テキスト修正

💡 ソースコードのコメントを追加または更新

🗃️ データベース関連の変更

🔍️ SEO の改善

🩹 重要ではない問題の簡単な修正

VS Code からの gitmoji の使い方

VS Code からはサイドバーの上 2 つ目のアイコンから「ソース管理」の文字右横の「顔文字」のアイコンをクリックすると gitmoji の候補が一覧表示され、選択することもできるので VS Code のエディタを使っている方はこの方法の方が手間が少ないのでオススメです!

さいごに

gitmoji を使うことで今回は何の絵文字を使ってコミットしようかなという楽しみができました!
まだ使っていなかった方はぜひ次のプロジェクトで使ってみて下さい!

参考

GitHubで編集を提案

Discussion