Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Githubのプロフィールページをおしゃれにしよう
Search
吉川楓馬
May 21, 2024
Programming
1
290
Githubのプロフィールページをおしゃれにしよう
吉川楓馬
May 21, 2024
Tweet
Share
More Decks by 吉川楓馬
See All by 吉川楓馬
初心者向けSwift勉強会#3
yoshikawa0918
0
61
初心者向けSwift勉強会#2
yoshikawa0918
0
91
初心者向けSwift勉強会#1 ~Swift文法編~
yoshikawa0918
0
120
九州アプリチャレンジ・キャラバンに参加してきた話
yoshikawa0918
0
84
東京Flutterハッカソン行ってきたよ!!
yoshikawa0918
0
300
AkarengaLT_16_スライド.pdf
yoshikawa0918
0
73
ProcessingでAndroidアプリを作ろうの会
yoshikawa0918
0
210
サンプルを使って学ぶFlutter
yoshikawa0918
1
290
Other Decks in Programming
See All in Programming
Iteratorでページネーションを実現する
sonatard
3
700
C#および.NETに対する誤解をひも解く
ymd65536
0
230
上手に付き合うコンポーネントテスト
quramy
3
1.2k
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
5
580
推しの夫に恋のGPS「ときメーター」#M5Stack #IoT #M5JPTour2024
riyu
0
220
[KR] Server Driven Compose With Firebase
skydoves
1
120
VS Code extension: ドラッグ&ドロップでファイルを並び替える
ttrace
0
160
文化が生産性を作る
jimpei
2
490
コードレビューと私の過去と未来
jxmtst
0
170
ファーストペンギンBot @Qiita Hackathon 2024 予選
dyson_web
0
210
Subclassing, Composition, Python, and You
hynek
3
110
PHPを書く理由、PHPを書いていて良い理由 / Reasons to write PHP and why it is good to write PHP
seike460
PRO
5
280
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
4
99
GitHub's CSS Performance
jonrohan
1030
450k
A designer walks into a library…
pauljervisheath
201
24k
YesSQL, Process and Tooling at Scale
rocio
167
14k
What's in a price? How to price your products and services
michaelherold
243
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
105
48k
How GitHub (no longer) Works
holman
311
140k
Become a Pro
speakerdeck
PRO
24
4.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
38
2.1k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
37
6.8k
Transcript
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