ハイブリッドアプリを支える ネイティブ技術

関西フロントエンドUG 「フロントエンド✕モバイルアプリ勉強会」

Transcript

1. ϋΠϒϦουΞϓϦΛࢧ͑Δ ωΠςΟϒٕज़ 2016೥4݄23೔ ϑϩϯτΤϯυ✕ϞόΠϧΞϓϦษڧձ LT ӽஐ म࢘
2. ӽஐम࢘(ponpoko1968) • ਆށࢢࡏॅ • ϑϦʔϥϯεΤϯδχΞ • iOS(ωΠςΟϒ) • Android(ωΠςΟϒগʑ) • σʔλ෼ੳ(Python,AWS)
3. ͜Ε·Ͱʹ࡞ͬͨ΋ͷ w 4ZOBQTF
   w ΦϯϥΠϯαϩϯ
   w HBNCB
   w ೔ใڞ༗4/4
   w "&%Ϛοϓਆށ
   w σʔλ෼ੳຊ
   ͦͷ΄͔ଟ਺
4. –μʔ΢Οϯ l།Ұੜ͖࢒Δͷ͸ɺมԽͰ͖ΔऀͰ͋Δz ͜Ε͔Β͸ϋΠϒϦου
5. 2VJDL1BZNP
6. 1BZNP ϑϦʔϥϯαʔͷͨΊͷ
   λΠϜτϥοΩϯάαʔϏε
   w 8FC
   "1*͕༻ҙ͞Ε͍ͯΔ
7. 2VJDL1BZNP w ඪ४ͷ΢ΟδΣοτ͸࢖͍ͮ Β͍
   w "1*͕͋ΔͷͰ࡞Ζ͏
   w 0OTFO6*ʴ"OHVMBS+4
   w .POBDB؀ڥͰͬ͘͞ͱ࡞ ੒
   ˠιʔείʔυΛFMFDUSPO؀ڥ ΁
8. 1BZNPͷ$&0ʹ൓Ԡ
   ͯ͠΋Βͬͨ
9. ײ૝ ࣮༻ܥΞϓϦʹ͋Γ͕ͪͳ • Web APIͰ৘ใऔಘ • ϦετʢςʔϒϧϏϡʔʣͰදࣔ • બ୒ͨ͠ΓɺϑΥʔϜೖྗͨ͠Γͯ͠σʔλߋ৽ Έ͍ͨͳ༻్ͳΒे෼͍͚Δ • ޻਺͸ωΠςΟϒͷ൒෼ →ࢼߦࡨޡࠐΈͳͷͰɺ׳ΕͨΒ΋ͬͱ୹ॖग़དྷͦ͏
10. ͱ͸͍͑
11. ࢖͍׳ΕͨˎˎݴޠͰεϚʔ τϑΥϯΞϓϦ͕࡞Ε·͢ $ 3VCZ +4
12. ͜͏͍͏୅ସతͳ
    ϓϩμΫτͬͯ
13. ࠷ޙͷ࠷ޙͰ
    ʮʙ͕ग़དྷͳ͍ɺ٧Μͩʂʯ
    ͬͯͳΔͷා͘ͳ͍Ͱ͔͢
14. స͹͵ઌͷ伺
    ͱͯ͠ͷ
    ωΠςΟϒ࿈ܞ
15. ࣗ෼ͷϒϩά
    ʮΆΜΆ͜೔هʯ w 8FC7JFX಺ͰͷϢʔβૢ࡞Λ ωΠςΟϒଆͰݕ஌͢Δٕज़ Λ঺հ
    w ݸਓతʹ͸͋·ΓχʔζΛײ ͯ͡ͳ͔ͬͨ
16. શPVͷ൒਺͕ۙ͘WebView࿈ܞʹ͍ͭͯͷ هࣄ ͳ͔ͥਓؾهࣄ
17. iOSͷ̏ͭͷWebView • UIWebView • WKWebView • Safari View Controller
18. UIWebView • iOS࠷ॳظ(iPhone OS 2.0)͔Βଘࡏ • ωοτ্ͷϊ΢ϋ΢͸๛෋ • cordova iOS൛΋࢖༻
19. WKWebView • iOS 8.0Ͱొ৔ • ύϑΥʔϚϯε޲্ • ϚϧνίΞରԠ • JSΤϯδϯ • ͖Ίࡉ͔ͳϖʔδભҠ੍ޚ
20. SFSafariViewController • pros • safariͷػೳΛ·Μ·૊Έ ࠐΊΔ • cookieڞ༗ • ίϯςϯτϒϩοΫ • Ϧʔμʔ • cons • iOS9.0Ҏ߱ • શը໘ද͔ࣔ͠ग़དྷͳ͍ • ϔομʔ΋ͦͷ·· • Ϣʔβͷૢ࡞͸΄ͱΜͲ ݕ஌Ͱ͖ͳ͍
21. UIWebView WKWebView 4'4BGBSJ7JFX$POUSPMMFS
22. 4BGBSJ
    7JFX
    $POUSPMMFS
    ͷ࢖͍Ͳ͜Ζ͸ʁ • cookieͷγΣΞ • ैདྷsafariىಈ͍ͯͨ͠Ϣʔεέʔε • OAuthೝূͷτʔΫϯΛಘΔ৔߹ʁ • Ϣʔβ͕ʮด͡Δʯૢ࡞͕ඞཁͳͷ Ͱඍົ͔΋ʢ޻෉ͷ༨஍͸͋Δ͸ͣʣ
23. ԿΛ͔ͭ͑͹͍͍ͷʁ • جຊతʹ͸΋͏WKWebViewͰ͍͍ͷͰ͸ • ͨͩWebը໘Λग़͍͚͚ͨͩͩ͠Ͳɺ Safariىಈͤͨ͘͞ͳ͍৔߹ →Safari View Controller
24. IUUQQPOQPLPIBUFOBCMPHDPN