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

Gunosy for Apple Watchができるまで

Avatar for Yusuke Kawanabe Yusuke Kawanabe
May 27, 2015
Technology
6
830

Gunosy for Apple Watchができるまで

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

Avatar for Yusuke Kawanabe

Yusuke Kawanabe

May 27, 2015
Tweet

More Decks by Yusuke Kawanabe

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

Other Decks in Technology

See All in Technology
GCASアップデート（202506-202508）
Avatar for 高橋広和 techniczna
0
250
事業価値と Engineering
Avatar for Recruit recruitengineers
PRO
1
170
LLMエージェント時代に適応した開発フロー
Avatar for Yuya Hirayama hiragram
1
400
生成AI利用プログラミング：誰でもプログラムが書けると 世の中どうなる？/opencampus202508
Avatar for Oka Natsuki okana2ki
0
190
ウォンテッドリーのアラート設計と Datadog 移行での知見
Avatar for Kazuki Obata donkomura
0
310
サービスロボット最前線：ugoが挑むPhysical AI活用
Avatar for Ken Matsui kmatsuiugo
0
190
OpenAPIから画面生成に挑戦した話
Avatar for koinunopochi koinunopochi
0
150
AIが住民向けコンシェルジュに？ Amazon Connectと生成AIで実現する自治体AIエージェント！
Avatar for yuyeah yuyeah
0
260
自治体職員がガバクラの AWS 閉域ネットワークを理解するのにやって良かった個人検証環境
Avatar for takeda_h takeda_h
2
380
LLM時代の検索とコンテキストエンジニアリング
Avatar for shibuiwilliam shibuiwilliam
2
1.1k
トヨタ生産方式(TPS)入門
Avatar for Recruit recruitengineers
PRO
1
180
キャリアを支え組織力を高める「多層型ふりかえり」 / 20250821 Kazuki Mori
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
290

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Language of Interfaces
Avatar for Des Traynor destraynor
160
25k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.6k

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. ࣭ٙԠ౴