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
2
850
Githubのプロフィールページをおしゃれにしよう
吉川楓馬
May 21, 2024
Tweet
Share
More Decks by 吉川楓馬
See All by 吉川楓馬
初心者向けSwift勉強会#3
yoshikawa0918
0
100
初心者向けSwift勉強会#2
yoshikawa0918
0
120
初心者向けSwift勉強会#1 ~Swift文法編~
yoshikawa0918
0
150
九州アプリチャレンジ・キャラバンに参加してきた話
yoshikawa0918
0
150
東京Flutterハッカソン行ってきたよ!!
yoshikawa0918
0
450
AkarengaLT_16_スライド.pdf
yoshikawa0918
0
90
ProcessingでAndroidアプリを作ろうの会
yoshikawa0918
0
260
サンプルを使って学ぶFlutter
yoshikawa0918
1
360
Other Decks in Programming
See All in Programming
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
270
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
270
CSC305 Lecture 06
javiergs
PRO
0
260
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
350
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
CSC509 Lecture 04
javiergs
PRO
0
300
Software Architecture
hschwentner
6
2.3k
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.4k
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
870
Flutterで分数(Fraction)を表示する方法
koukimiura
0
140
CSC305 Lecture 05
javiergs
PRO
0
230
Go言語はstack overflowの夢を見るか?
logica0419
0
500
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
920
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Cult of Friendly URLs
andyhume
79
6.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
The Invisible Side of Design
smashingmag
302
51k
How to Ace a Technical Interview
jacobian
280
24k
Why Our Code Smells
bkeepers
PRO
340
57k
Designing for humans not robots
tammielis
254
26k
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