Figma APIを使って 活動履歴をグラフ化した話 なごデLT会 vol.3

在宅勤務が始まって以来、 お金は使うわ太るわしてます。タスケテ Incrementsのデザイナーです。 主にQiita Jobsの開発をしています。 綿貫 佳祐 @xrxoxcxox

を知ってますか？ “芝” GitHubの、通称

↓こういうやつです

No content

No content

もしや、自力で芝を生やせるのでは？

No content

{ "versions": [ { "id": "330835042", "created_at": "2020-05-19T19:08:12Z", "label": null, "description": null, "user": { "handle": "Keisuke", "img_url": "https://s3-alpha.figma.com/profile/xxx", "id": "664682953441304459" }, "thumbnail_url": null }, { "id": "330786684", "created_at": "2020-05-19T18:18:08Z", "label": null, "description": null, "user": { "handle": "Keisuke", "img_url": "https://s3-alpha.figma.com/profile/xxx", "id": "664682953441304459" }, "thumbnail_url": null }, ... "pagination": { "next_page": "https://api.figma.com/v1/files/yyy", "prev_page": "https://api.figma.com/v1/files/vvv" } }

"created_at": "2020-05-19T19:08:12Z" "created_at": "2020-05-19T18:18:08Z" { "versions": [ { "id": "330835042", , "label": null, "description": null, "user": { "handle": "Keisuke", "img_url": "https://s3-alpha.figma.com/profile/xxx", "id": "664682953441304459" }, "thumbnail_url": null }, { "id": "330786684", , "label": null, "description": null, "user": { "handle": "Keisuke", "img_url": "https://s3-alpha.figma.com/profile/xxx", "id": "664682953441304459" }, "thumbnail_url": null }, ... "pagination": { "next_page": "https://api.figma.com/v1/files/yyy", "prev_page": "https://api.figma.com/v1/files/vvv" } }

Figma API 2. APIを叩く 3. レスポンス 綿貫のサイト 1.アクセス 4. グラフ化 誰かの端末

Team Project File File File Project File File File Project File File File

"id": Number { "name": String "projects": [ { , "name": String }, ... ] } GET /v1/teams/:team_id/projects

"key": String { "name": String "files": [ { , "name": String, "thumbnail_url": String, "last_modified": String }, ... ] } :project_id GET /v1/projects/ /files

6 Cotributions 2020-04-08 Version[] { "versions": , } :key GET /v1/files/ /versions

Version History File Key Project ID Team ID

GitHubへのリンク

ありがとうございました！ ご清聴いただき