Kanazawa.js Remote #02 2020.04.25 https://kanazawajs.connpass.com/event/171954/
GitHub Gistを使って、アクティビティを可視化しようKanazawa.js Remote #02 2020.04.25GitHub: kentaro-m / Twitter: @_kentaro_m1
View Slide
⾃⼰紹介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 GitHubEducation backpack - The GitHub Blog⾃⼰紹介やレジュメなどアピールできるアクティビティも載せられる5
APIで動的にGistを更新するmatchai/awesome-pinned-gistsGitHubプロフィールにGistをピン留めするActionを⼀覧化様々なアクティビティをGitHubプロフィールに可視化できるSpotifyで今週よく聴いたアーティストベスト5を表⽰⾃分のTwitterアカウントの最新のツイートを表⽰WakaTimeで今週のプログラミングした時間を可視化APIを使⽤し、動的にGistを更新しているところがポイント6
GitHub Gistでアクティビティを可視化する必要なものGitHub GistGitHub ActionsAPIを叩いて、Gistを更新するコード7
⾃分の読書状況を可視化してみる読んだ本や積読本、読んでる本をGitHubのプロフィールに表⽰する8
⾃分の読書状況を可視化してみるGistのファイル先頭5⾏がプロフィールに表⽰できる9
⾃分の読書状況を可視化してみるGoogle Booksから情報を取得するマイライブラリで読んだ本や積読本、読んでる本を管理できるGoogle BooksのAPIで上記の情報を取得できるGist APIを更新して、読書状況を反映するGitHub Actionsをスケジュール実⾏すると、1⽇1回⾃動で更新GitHub Actionsとして提供すると、誰もがフォークして同じようなことができる私が作った読書状況を可視化するGitHub Actionkentaro-m/book-box 10
みなさんもGistでアクティビティの可視化に是⾮試してみてください!APIがあれば、様々な情報が可視化できると思います!11