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
830
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
140
九州アプリチャレンジ・キャラバンに参加してきた話
yoshikawa0918
0
150
東京Flutterハッカソン行ってきたよ!!
yoshikawa0918
0
450
AkarengaLT_16_スライド.pdf
yoshikawa0918
0
89
ProcessingでAndroidアプリを作ろうの会
yoshikawa0918
0
260
サンプルを使って学ぶFlutter
yoshikawa0918
1
360
Other Decks in Programming
See All in Programming
iOSDC.pdf
chronos2500
2
640
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
2.4k
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
120
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
150
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
320
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
640
AccessorySetupKitで実現するシームレスなペアリング体験 / Seamless pairing with AccessorySetupKit
nekowen
0
200
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
780
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
760
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
960
株式会社 Sun terras カンパニーデック
sunterras
0
170
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Done Done
chrislema
185
16k
Rails Girls Zürich Keynote
gr2m
95
14k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
We Have a Design System, Now What?
morganepeng
53
7.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How to Ace a Technical Interview
jacobian
280
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
950
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