🏖️

Githubのプロフィールを「いい感じ」にしてみた!✨

2023/07/23に公開

この記事について

最近、ありがたいことに仕事でそれなりに忙しくなりつつあり、
プライベートでも運転免許の取得で土日がほぼ潰れ、
何かと記事を書いたり情報収集していると気づけば月日が経っています。(幸せ)

個人開発を進めたいなとGithubを見ると、プロフィール欄寂しくないか?!と思いました。

息抜きと自己満のためにGithubのプロフィール欄を「いい感じ」にしてみたので、
誰かに見てもらいたくてこの記事を書きました。

📝 出来上がったプロフィール

https://github.com/abe-tk

🎯 こだわりポイント

むちゃシンプルですが、いくつかこだわった部分があります!
作り方は下記リンクからコードを参考にしていただけると!
https://github.com/abe-tk/abe-tk

1.Hi there👋

プロフィール用のREADMEを作成すると初めからある「Hi there👋」というテキスト。
これをsvgにしてみました!

chatGPT先輩にお願いすれば、一瞬で書き出してくれました。
文言変えたり、フォント変えたりして、テキストエディタに貼り付けて完成!

2.GitHub Readme Stats

GitHubの統計情報を動的生成してくれるGitHubReadmeStats
エンジニアっぽくてカッコいいのでここに一番こだわりました!

  • ダークモード対応

テーマがいくつか用意されていたりグラデーションにできたりとデザインを調整できるのですが、
外観モードが変わってしまうと見栄えが微妙になったりするので、シンプルにdefaultとdarkを切り替えてくれるようにしました!

  • 横並びのレイアウト

「GitHub Stats Card」と「Top Languages Card」を綺麗に横並びにしました。
スマホで見た時などは、良い具合に縦に並び替えてくれます。
https://github.com/anuraghazra/github-readme-stats/tree/master#quick-tip-align-the-cards

  • ランク表示の隠蔽

何も指定しなければ、コミット数などに応じてランク(C~S)が表示されるのですが、
悲しきかな個人開発を進めれてないので「C」でした。

そんな時にはrank_icon=githubと指定し、アイコンに置き換えてしまいます!
よく見れば作業出来ていないことはバレバレですが、気持ちの問題なのでOKです。

3.Zenn Badge

Badge Generatorというサイトで、コピペでOKなバッジを生成してくれます
これまたエンジニアっぽくてカッコいい!

おわりに

ふと思い立ってプロフィールを編集してみましたが、思いのほか楽しく良い気分転換になりました🌻
せっかく整えたので、個人開発も進めていけるように頑張ります💪

Discussion