Githubのプロフィールページ をおしゃれにしよう 1

⾃⼰紹介 名前 吉川楓⾺ 所属 九州産業⼤学 理⼯学部 情報科学科 4年 出⾝ ⼤分県佐伯市 趣味 カードゲーム(遊戯王OCG) ⼀⾔ AkarengaLT登壇4回⽬！ 2

Githubを使っててたまにみるもの ● プロフィールページによく使う⾔ 語やスキル⼀覧らしいものが表⽰ されている ● プロフィールREADME ○ Githubで⾃分に関する情報を 共有できる ● プロフィールREADME⽤のライブ ラリが公開されている 3

今回話すこと ● プロフィールREADMEの作り⽅ ● Githubのプロフィールページで使えるライブラリをいくつ か紹介する ○ ライブラリはたくさんあって全ては紹介しきれない ○ 私が使っているツールを紹介する 4

プロフィールREADMEの作り⽅ 5 1.リポジトリの名前を ⾃分のユーザ名にする 2.Publicを選択 3.ここにチェックを ⼊れる 4.リポジトリを作成する

プロフィールREADMEの作り⽅ 6 5.⾃分好みに編集！

GitHub Stats Card ● Github Readme Statsの機能の⼀つ ○ https://github.com/anuraghazra/github-readme-stats ● ユーザーのコミット数やプルリク数といった情報を表⽰できる ● ドキュメントに載っているコードをプロフィールREADMEコピペ して、?username=の値をGithubアカウントのユーザー名に変更 するだけ！ 7

Top Languages Card (Compact layout) 8 ● Github Readme Statsの機能の⼀つ ● ユーザーが最も利⽤しているプログラミング⾔語を表⽰できる ● 基本的な使い⽅はGithub Stats Cardと⼀緒 ● クエリパラメータ?layout=compactを渡せば、レイアウトをコン パクトにできる

Github Profile Trophy 9 ● ユーザーのコミット数やプルリク数といった情報をトロフィーに して表⽰できる ○ https://github.com/ryo-ma/github-profile-trophy ● ドキュメントに載っているコードをプロフィールREADMEコピペ して、?username=の値をGithubアカウントのユーザー名に変更 するだけ！

Skill Icons 10 ● プログラミング⾔語やツールのアイコンを表⽰できる ○ https://skillicons.dev/ ● ドキュメントに載っているコードをプロフィールREADMEコピペ して、カンマ区切りで表⽰したいプログラミング⾔語やツールの 名前を渡す

まとめ ● プロフィールREADMEの作り⽅ ● 私が使っているライブラリの紹介 ○ Github Stats Card ○ Top Languages Card(Compact layout) ○ Github Profile Trophy ○ Skill Icons 11