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
520
Githubのプロフィールページをおしゃれにしよう
吉川楓馬
May 21, 2024
Tweet
Share
More Decks by 吉川楓馬
See All by 吉川楓馬
初心者向けSwift勉強会#3
yoshikawa0918
0
87
初心者向けSwift勉強会#2
yoshikawa0918
0
110
初心者向けSwift勉強会#1 ~Swift文法編~
yoshikawa0918
0
140
九州アプリチャレンジ・キャラバンに参加してきた話
yoshikawa0918
0
97
東京Flutterハッカソン行ってきたよ!!
yoshikawa0918
0
380
AkarengaLT_16_スライド.pdf
yoshikawa0918
0
85
ProcessingでAndroidアプリを作ろうの会
yoshikawa0918
0
230
サンプルを使って学ぶFlutter
yoshikawa0918
1
320
Other Decks in Programming
See All in Programming
たのしいSocketのしくみ / Socket Under a Microscope
coe401_
8
1.3k
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.6k
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
990
SwiftUI Viewの責務分離
elmetal
PRO
2
270
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
860
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
310
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
510
Open source software: how to live long and go far
gaelvaroquaux
0
660
Introduction to kotlinx.rpc
arawn
0
770
Domain-Driven Transformation
hschwentner
2
1.9k
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1k
ソフトウェアエンジニアの成長
masuda220
PRO
12
2.1k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
The Cult of Friendly URLs
andyhume
78
6.2k
The Invisible Side of Design
smashingmag
299
50k
Speed Design
sergeychernyshev
27
810
Statistics for Hackers
jakevdp
797
220k
A designer walks into a library…
pauljervisheath
205
24k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Designing for humans not robots
tammielis
250
25k
It's Worth the Effort
3n
184
28k
Thoughts on Productivity
jonyablonski
69
4.5k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Practical Orchestrator
shlominoach
186
10k
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