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

Gunosy for Apple Watchができるまで

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Yusuke Kawanabe Yusuke Kawanabe
May 27, 2015
Technology
840
6

Gunosy for Apple Watchができるまで

GunosyのGlance画面を作るために作ったライブラリ
https://github.com/jeffsuke/GlanceWordRainbowImage

Avatar for Yusuke Kawanabe

Yusuke Kawanabe

May 27, 2015

More Decks by Yusuke Kawanabe

See All by Yusuke Kawanabe
Presentation with Coordinators
Avatar for Yusuke Kawanabe ykawanabe
4
830

Other Decks in Technology

See All in Technology
Text-to-SQLをAgentCoreで実現し、生成されるSQLの精度を定量的に評価する
Avatar for やくも yakumo
2
380
AWS Summit の片隅で、体育座りしながらコミュニティがにぎわう理由を考えた
Avatar for Kazuki Adachi k_adachi_01
2
330
CVE-2026-20833_脆弱性対応とAES 化について
Avatar for Jun1214 jukishiya
0
340
40代で“やっとエンジニアになれた”――閉じた学びを開き、空の青さを知る / 20260628 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
4
1.6k
「ビジネスがわかるエンジニア」とは何か？
Avatar for ryooob ryooob
0
440
FinOps X 2026 Recap from Engineer Side #JapanFinOps
Avatar for Satoshi Matsuzawa (Matt) chacco38
0
240
小さいから、全部わかる。— 常駐AI "xangi" のすすめ
Avatar for suguuuuuすぐー sugupoko
0
220
Kotlin 開発のツラミを爆破した話！ / Explode the difficulty of Kotlin dev!
Avatar for Kengo TODA eller86
0
130
5分でわかる Amazon Connect_20260608
Avatar for hwangbyeonghun hwangbyeonghun
0
170
【FinOps】データドリブンな意思決定を目指して
Avatar for kaita z63d
3
580
AIエージェントとPhysical AIが拓く製造業の変革（ハノーバーメッセリキャップ）
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
200
Baseline対応のDOMの型定義を作った
Avatar for uhyo uhyo
2
560

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
430
Fireside Chat
Avatar for paigeccino paigeccino
42
4k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
430
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k

Transcript

  1. Gunosy for Apple Watch ͕Ͱ͖Δ·Ͱ גࣜձࣾGunosyɹ։ൃຊ෦ ઒ᬒ༤հ

  2. @jeffsuke iOS App Developer https://github.com/jeffsuke ࠓ೥ͷWWDC͸ ҆શͳ஍Ҭʹധ·Εͦ͏Ͱ͢

  3. WWDC2014ʹ͓͚Δ@jeffsuke॓ധઌ෇ۙ

  4. SFةݥͳ஍ҬϚοϓ ֎຿লϗʔϜϖʔδΑΓ

  5. Gunosy • ৘ใΩϡϨʔγϣϯαʔϏε • 900ສμ΢ϯϩʔυ • ࣾһͷඪ४ݴޠ͸GoΒ͍͠

  6. ֓ཁ • Apple Watch্ͰշదͳମݧΛ࣮ݱ͢Δ·Ͱؤ ுͬͨ࿩

  7. ໨࣍ • Apple WatchΞϓϦ֓ཁ • Watch Appͷ࠷దԽ • Glanceͷ࠷దԽ •

    ਃ੥ޙͷ࿩

  8. Gunosy for Apple WatchͰग़དྷΔ͜ͱ Glance Watch app

  9. Apple WatchΞϓϦ ΞϓϦຊମ Extension Watch app Storyboard Image assets Controller,

    Model Setter UIEvent

  10. Apple WatchΞϓϦͷ࢓૊Έ • ՄೳͳݶΓը૾͸Apple Watchଆʹอଘ͓ͯ͘͠ • ද͍ࣔͯ͠Δviewͷ৘ใ͸औಘग़དྷͳ͍

  11. Watch Appʹ͓͚Δ࠷దԽ

  12. Gunosyʹ͓͚ΔWatch App • Alamofire • SwiftyJSON • API͔Βड͚औͬͨ࿩୊ͷ৘ใΛݩʹ هࣄΛදࣔɻৄࡉϖʔδͰ͸ɺຊମʹ อଘɺຊମͰ։͘ࣄ͕Ͱ͖Δɻ

    • ඳը·ͰΛ࠷୹ʹ͢Δ • iPhoneͱAppleWatchͷ௨৴ΛݮΒ͢ • อଘग़དྷΔ΋ͷ͸อଘ͢Δ ϙΠϯτ ֓ཁ

  13. willActivate()ͷ׆༻ • initͱawakeͰͷॲཧΛ࠷খݶʹ 1. Watch App͕ݺͼग़͞ΕΔ 2. Storyboard͕ಡΈࠐ·ΕΔ 3. ର৅ը໘ͷinit,

    awake͕૸Δ 4. Watch্Ͱը໘͕දࣔ͞ΕΔ 5. willActivate()͕ݺ͹ΕΔ ىಈ·Ͱͷखॱ

  14. willActivate()ͷ׆༻

  15. WKInterfaceGroupͷར༻ • Placeholderͱͯ͠ • ؙ֯

  16. addCachedImage • BLEͷҝ௨৴଎౓ʹ੍ݶ͕͋ΔɻՄೳͳݶΓ࠶ར༻͢Δը૾͸ Ωϟογϡ • ֤ΞϓϦ5MB·ͰΩϟογϡՄೳ • kiavashfaisali/KFSwiftImageLoaderͱ͔࢖͏ͱศརͬΆ͍ ࢀߟɿ https://developer.apple.com/library/ios/documentation/General/Conceptual/WatchKitProgrammingGuide/Images.html

    http://qiita.com/_tid_/items/55667b00ce158a28428a

  17. addCachedImage ಡΈࠐΈ อଘ

  18. Watch Appʹ͓͚Δ࠷దԽ • ϥΠϑαΠΫϧΛ஌ΓඳըՄೳͳ෺͔Βॱ࣍ඳը ͢Δ • ը૾͸ՄೳͳݶΓWatchຊମʹ

  19. Glanceʹ͓͚Δ࠷దԽ

  20. Gunosyʹ͓͚ΔGlance • API͔Βड͚औͬͨ࿩୊ͷ৘ใΛݩʹ ը૾Λදࣔɻ࣌ܭ̍ը໘Ͱχϡʔε͕ ෼͔Δମݧɻ • ਓʹݟͤͯࣗຫͨ͘͠ͳΔػೳ Glance • ಡΈࠐΈ·Ͱͷ͕࣌ؒϙΠϯτ

    • ͻͱ໨Ͱ෼͔ΔUI ϙΠϯτ ֓ཁ

  21. ՄೳͳݶΓΩϟογϡ͢Δ • ڞ௨ͷAppGroupΛઃఆ͠ɺNSUserDefault ͰඞཁͳσʔλΛڞ༗ͨ͠ɻ • [[NSUserDefaults alloc] initWithSuiteName:@“group.mycompany.my app"] App

    Group ը૾Ωϟογϡ • addCachedImage

  22. ຊମͰը૾Λੜ੒͢Δ

  23. ຊମͰը૾Λੜ੒͢Δ

  24. GithubͰެ։͍ͯ͠·͢ • https://github.com/jeffsuke/GlanceWordRainbowImage

  25. Glanceʹ͓͚Δ࠷దԽ • ը૾ʹඳը͢Δ͜ͱͰෳࡶͳදݱΛ࣮ݱ • ՄೳͳݶΓը૾౳ΛΩϟογϡ͓ͯ͘͠

  26. ਃ੥ޙͷ࿩

  27. ϦδΣΫτͷ࿩ • ൃച೔Ͱ͋Δ4/24Λ໨ࢦͯ͠։ൃ • ͔͠͠ೋ౓ͷϦδΣΫτ • ೋͷమΛ౿·ͳ͍Tips

  28. ϦδΣΫτࣄྫ̍ • Watch appΛ࢖͏લʹҰ౓iPhoneͷ ىಈΛཁٻ͠ɺϦδΣΫτɻ • ΢Υον୯ମͰҙຯͷ͋ΔػೳΛఏ ڙͰ͖͍ͯͳ͍ҝɺຊମΞϓϦͰೝ ূΛ࣮ߦ͢Δ͜ͱʹɻ •

    ͨͩ͠ɺJAL΍Uber౳ϩάΠϯΛཁ ٻ͢ΔΞϓϦ΋ଘࡏ͢ΔͷͰɺϩά ΠϯͳΒ͹ྑ͍ͷ͔΋ɻ

  29. ϦδΣΫτࣄྫ̎ • iPhoneͰಡΉϘλϯΛԡͯ͠΋ WatchΞϓϦͰͷมԽ͕ͳ͍ͨΊϦ δΣΫτɻ • openParentApplication:reply:Λ༻͍ ͯ։͍͔ͨͲ͏͔Λฦ͢ มߋલ มߋޙ

  30. ϦδΣΫτࣄྫ̎ Watchଆ ຊମଆ

  31. ϦδΣΫτͷ࿩·ͱΊ • Apple Watch୯ମͰମݧ͕੒Γཱ͍ͬͯΔඞཁ͕ ͋Δ

  32. Apple Watch·ͱΊ • Apple WatchΞϓϦόΠφϦʹՄೳͳݶΓViewؔ ࿈ͷཁૉΛؚΊ͓ͯ͘ • ෳࡶͳॲཧ͸Extensionɺ͕͔͔࣌ؒΔॲཧ͸ຊ ମΞϓϦͰ࣮ࢪ •

    WatchΞϓϦ୯ମͰମݧΛಧ͚Δඞཁ͕͋Δ

  33. ࣭ٙԠ౴