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

FitbitのClock faceを作ってみた / Fitbit Conference 201...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Mari Okada Mari Okada
June 05, 2018
Programming
8.8k
2

FitbitのClock faceを作ってみた / Fitbit Conference 2018 Versa

20180605 Fitbit Developers and Users Conference 2018 versa で発表した内容です

Avatar for Mari Okada

Mari Okada

June 05, 2018

More Decks by Mari Okada

See All by Mari Okada
TRAVEL Nowリリースの裏側 - 20180726 at TECH PLAY / TRAVEL Now
Avatar for Mari Okada mario_kada
12
5.6k

Other Decks in Programming

See All in Programming
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.4k
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
180
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
230
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
750
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
Avatar for Yusuke Wada yusukebe
7
1.5k
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
790
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
240
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
800
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
5
970
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
22
7.5k
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
560
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
Avatar for nrs nrslib
4
1.5k

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
67
55k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
400
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
740
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
250
Visualization
Avatar for Eitan Lees eitanlees
152
17k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
490
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

Transcript

  1. waniwatch toriwatch Fitbit Fitbit Clockface @mario_kada 20180605 Fitbit Developers and

    Users Conference 2018 versa

  2. Mari Okada CASH Pebble Pebble Fitbit Versa

  3. ϓϩάϥϛϯάॳ৺ऀ͕Pebble Time WatchfaceΛ࡞ͬͯΈͨ https://qiita.com/mariokada/items/befdb1b4a02db4d71726

  4. toriwatch for Fitbit https://gam. tbit.com/gallery/clock/143f8b5f-d7b3-4f2b-af3e-82c11e6aae75

  5. Clockface

  6. - tbit studio

  7. DEMO

  8. Figma Pixen

  9. toriwatch Heart Rate tori

  10. Heart Rate https://dev. tbit.com/build/reference/device-api/heart-rate/ https://dev. tbit.com/build/reference/device-api/user-activity/

  11. Fitbit 3 LECO ex. LECo 1976_01234567890 :

  12. None

  13. & ࢀߟɿ https://github.com/Fitbit/sdk-lcd-clock app/index.js

  14. ࢀߟɿ https://github.com/Fitbit/sdk-lcd-clock Resources/index.gui &

  15. None

  16. React JSX ✌ settings/index.jsx

  17. toriwatch Heart Rate tori

  18. https://gam. tbit.com/ Gallery App Manager

  19. - package.json Clockface ⚠

  20. - DL Publish .fba

  21. https://gam. tbit.com/ Gallery App Manager

  22. 1 5 .fba URL DL

  23. Fitbit ex. Aria Calendar Pebble ☀

  24. Fitbit Community Discord Developper Community

  25. None

  26. UTDESIGN Fitbit Gumroad Clockface

  27. ࠓճͷFitbit VersaͷൃചΛ͖͔͚ͬʹɺ ΋ͬͱ΋ͬͱ೔ຊͷ։ൃऀίϛϡχςΟ΋ ׆ੑԽ͍͖͍ͯͨ͠ʂ ੋඇɺ੝Γ্͍͖͛ͯ·͠ΐ͏ʂ

  28. toriwatch https://github.com/mario-kada/toriwatch-for- tbit

  29. None