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
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
SPMマルチモジュールで テストカバレッジを取得する技法
Avatar for yosshi yosshi4486
0
130
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.3k
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
11k
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
Avatar for Taisei Yamamoto taiseiyamamotoan
1
210
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
290
Old Dog, New Tricks: The Java 25 Reinvention - JNation
Avatar for A N M Bazlur Rahman bazlur_rahman
0
140
ビジネスモデルから紐解く、AI+型駆動開発
Avatar for Hiroki Omote hirokiomote
2
4.9k
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
Avatar for MinoDriven minodriven
1
620
JavaDoc 再入門
Avatar for nagise nagise
0
220
さぁV100、メモリをお食べ・・・
Avatar for nilpe nilpe
0
120
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
Avatar for Yuta Takahashi ytakahashii
3
1.4k
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.7k

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
210
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.7k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
290
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
930
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
470
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
940

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