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 Gistを使って、アクティビティを可視化しよう / Let's try visu...
Search
Kentaro Matsushita
April 25, 2020
Programming
1
800
GitHub Gistを使って、アクティビティを可視化しよう / Let's try visualizing your activity using the GitHub Gist
Kanazawa.js Remote #02 2020.04.25
https://kanazawajs.connpass.com/event/171954/
Kentaro Matsushita
April 25, 2020
Tweet
Share
More Decks by Kentaro Matsushita
See All by Kentaro Matsushita
開発のアジリティ向上のためのシステムリプレイス ~DMM GAMESの事例~
kentarom
0
730
Denoで簡単なCLIツールを作ってみる / Try to make a simple CLI tool with Deno
kentarom
0
960
GatsbyJSで作った個人ブログの構成を色々見直してみた / Improve my personal blog made with GatsbyJS
kentarom
1
370
Webサイトパフォーマンスを継続的に計測したい!!! / I want to continuously measure my website performance!!!
kentarom
2
520
Actions ToolkitではじめるGitHub Action開発 / Getting started creating a GitHub Action with Actions Toolkit
kentarom
2
1.8k
OGP画像を生成するNode.jsのライブラリを作ってみた / Create a Node.js module for generating Open Graph image
kentarom
1
7.3k
チームをよしなにする立場を経験して学んだこと / Things I have learned in leading the team
kentarom
0
720
AWSの既存サービスを活用して、 障害検知・復旧を迅速化するカラクリ / JAWS-UG Kanazawa x OpsJAWS
kentarom
2
4.7k
DMM.comの認証基盤を支えるエラー通知の仕組み / AWS Dev Day Tokyo 2018 Lightning Talk
kentarom
2
13k
Other Decks in Programming
See All in Programming
AppRouterを用いた大規模サービス開発におけるディレクトリ構成の変遷と問題点
eiganken
1
450
Beyond ORM
77web
11
1.6k
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
0
150
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
300
AWS re:Invent 2024個人的まとめ
satoshi256kbyte
0
100
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
950
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.2k
20241217 競争力強化とビジネス価値創出への挑戦:モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
280
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.4k
Flatt Security XSS Challenge 解答・解説
flatt_security
0
730
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
Featured
See All Featured
For a Future-Friendly Web
brad_frost
176
9.5k
Become a Pro
speakerdeck
PRO
26
5.1k
Speed Design
sergeychernyshev
25
740
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
240
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
A better future with KSS
kneath
238
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Navigating Team Friction
lara
183
15k
Mobile First: as difficult as doing things right
swwweet
222
9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Transcript
GitHub Gistを使って、アクティビティ を可視化しよう Kanazawa.js Remote #02 2020.04.25 GitHub: kentaro-m /
Twitter: @_kentaro_m 1
⾃⼰紹介 Kentaro Matsushita ⾦沢市内のゲーム会社で働 くフロントエンドエンジニ ア 最近はTerraformを書いて るか、チーム開発が円滑に 回るように⾊々やっていま す
2
⾃宅で過ごすことが多くなりましたね 私は2⽉20⽇からリモートワークをはじめました 最低限の買い物と運動以外は外に出ない⽣活 最近は⾃宅の作業環境のアップデートにはまってます 4Kディスプレイ/モニターアーム/空気清浄機など購⼊ インドアできることを考えるようになった ゲーム/筋トレ/読書/Netflixなど ⾃分の習慣やアクティビティに⽬が向くように トラッキングや可視化したい 3
アクティビティを可視化したい欲 特に⽬的はないが、アクティビティを⾒える化したい欲に駆られる 何分運動したか 何冊本を読んだか よく聴いているアーティストはなにか よく書いているプログラミング⾔語はなにか プログラミングの⽣産性の⾼い時間は朝か夜か 可視化して、⽬につくところにおいておきたい 4
アクティビティの可視化にGitHub Gist が使える GitHub GistはGitHubプロフィールにピン留めできる テキストや画像 (PNGやJPEG、GIF) などを表⽰できる GitHubブログのGistのピン留め活⽤例 Pins
to win: students, show off your stuff to win a GitHub Education backpack - The GitHub Blog ⾃⼰紹介やレジュメなどアピールできる アクティビティも載せられる 5
APIで動的にGistを更新する matchai/awesome-pinned-gists GitHubプロフィールにGistをピン留めするActionを⼀覧化 様々なアクティビティをGitHubプロフィールに可視化できる Spotifyで今週よく聴いたアーティストベスト5を表⽰ ⾃分のTwitterアカウントの最新のツイートを表⽰ WakaTimeで今週のプログラミングした時間を可視化 APIを使⽤し、動的にGistを更新しているところがポイント 6
GitHub Gistでアクティビティを可視化 する 必要なもの GitHub Gist GitHub Actions APIを叩いて、Gistを更新するコード 7
⾃分の読書状況を可視化してみる 読んだ本や積読本、読んでる本をGitHubのプロフィールに表⽰す る 8
⾃分の読書状況を可視化してみる Gistのファイル先頭5⾏がプロフィールに表⽰できる 9
⾃分の読書状況を可視化してみる Google Booksから情報を取得する マイライブラリで読んだ本や積読本、読んでる本を管理できる Google BooksのAPIで上記の情報を取得できる Gist APIを更新して、読書状況を反映する GitHub Actionsをスケジュール実⾏すると、1⽇1回⾃動で更新
GitHub Actionsとして提供すると、誰もがフォークして同じような ことができる 私が作った読書状況を可視化するGitHub Action kentaro-m/book-box 10
みなさんもGistでアクティビティの可 視化に是⾮試してみてください! APIがあれば、様々な情報が可視化できると思います! 11