Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Figma APIを使って活動履歴をグラフ化した話

Figma APIを使って活動履歴をグラフ化した話

2020年6月7日に開催された「なごやデザイナーLT会 Vol.3.5」で発表した資料のうちの1つです。

以下のリンクより、台本とセットでご覧いただけます。
https://note.com/xrxoxcxox/n/n9dcb7c7273bc

A3db1cdacad2a1b5de5af000a1c94fda?s=128

Keisuke Watanuki

June 07, 2020
Tweet

More Decks by Keisuke Watanuki

Other Decks in Programming

Transcript

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

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

  3. を知ってますか? “芝” GitHubの、通称

  4. ↓こういうやつです

  5. None
  6. None
  7. もしや、自力で芝を生やせるのでは?

  8. None
  9. { "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" } }
  10. "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" } }
  11. Figma API 2. APIを叩く 3. レスポンス 綿貫のサイト 1.アクセス 4. グラフ化

    誰かの端末
  12. Team Project File File File Project File File File Project

    File File File
  13. "id": Number { "name": String "projects": [ { , "name":

    String }, ... ] } GET /v1/teams/:team_id/projects
  14. "key": String { "name": String "files": [ { , "name":

    String, "thumbnail_url": String, "last_modified": String }, ... ] } :project_id GET /v1/projects/ /files
  15. 6 Cotributions 2020-04-08 Version[] { "versions": , } :key GET

    /v1/files/ /versions
  16. Version History File Key Project ID Team ID

  17. GitHubへのリンク

  18. ありがとうございました! ご清聴いただき