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

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

Avatar for Mari Okada Mari Okada
June 05, 2018
Programming
2
8.6k

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

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

Avatar for Mari Okada

Mari Okada

June 05, 2018
Tweet

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.5k

Other Decks in Programming

See All in Programming
CDK引数設計道場100本ノック
Avatar for kazuho cryer-shinozuka badmintoncryer
2
560
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
16
6k
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
Avatar for shin1x1 shin1x1
1
700
NEWT Backend Evolution
Avatar for Rodrigo Ramirez xpromx
1
150
Gemini CLIの"強み"を知る！ Gemini CLIとClaude Codeを比較してみた！
Avatar for Kota Hisafuru kotahisafuru
2
160
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
290
Workers を定期実行する方法は一つじゃない
Avatar for rokuosan rokuosan
0
130
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
890
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
270
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
Avatar for yakenji yakenji
0
750
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.4k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
Avatar for Munetoshi Ishikawa munetoshi
1
220

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.7k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k

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