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
840
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
790
Denoで簡単なCLIツールを作ってみる / Try to make a simple CLI tool with Deno
kentarom
0
1k
GatsbyJSで作った個人ブログの構成を色々見直してみた / Improve my personal blog made with GatsbyJS
kentarom
1
420
Webサイトパフォーマンスを継続的に計測したい!!! / I want to continuously measure my website performance!!!
kentarom
2
570
Actions ToolkitではじめるGitHub Action開発 / Getting started creating a GitHub Action with Actions Toolkit
kentarom
2
1.9k
OGP画像を生成するNode.jsのライブラリを作ってみた / Create a Node.js module for generating Open Graph image
kentarom
1
7.4k
チームをよしなにする立場を経験して学んだこと / Things I have learned in leading the team
kentarom
0
780
AWSの既存サービスを活用して、 障害検知・復旧を迅速化するカラクリ / JAWS-UG Kanazawa x OpsJAWS
kentarom
2
4.7k
DMM.comの認証基盤を支えるエラー通知の仕組み / AWS Dev Day Tokyo 2018 Lightning Talk
kentarom
2
14k
Other Decks in Programming
See All in Programming
decksh - a little language for decks
ajstarks
4
21k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
440
自作OSでDOOMを動かしてみた
zakki0925224
0
200
画像コンペでのベースラインモデルの育て方
tattaka
3
1.2k
MCPで実現できる、Webサービス利用体験について
syumai
7
2.4k
Vibe coding コードレビュー
kinopeee
0
410
Constant integer division faster than compiler-generated code
herumi
1
160
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
4
400
DataformでPythonする / dataform-de-python
snhryt
0
150
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
7
1.2k
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
170
Workers を定期実行する方法は一つじゃない
rokuosan
0
140
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Language of Interfaces
destraynor
158
25k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Faster Mobile Websites
deanohume
308
31k
Speed Design
sergeychernyshev
32
1.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
790
Optimizing for Happiness
mojombo
379
70k
GraphQLとの向き合い方2022年版
quramy
49
14k
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