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

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

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

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

392249def52087746709c2b0c434b259?s=128

Shuji OCHI

April 23, 2016
Tweet

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. 4BGBSJ7JFX$POUSPMMFS ͷ࢖͍Ͳ͜Ζ͸ʁ • cookieͷγΣΞ • ैདྷsafariىಈ͍ͯͨ͠Ϣʔεέʔε • OAuthೝূͷτʔΫϯΛಘΔ৔߹ʁ • Ϣʔβ͕ʮด͡Δʯૢ࡞͕ඞཁͳͷ

    Ͱඍົ͔΋ʢ޻෉ͷ༨஍͸͋Δ͸ͣʣ
  23. ԿΛ͔ͭ͑͹͍͍ͷʁ • جຊతʹ͸΋͏WKWebViewͰ͍͍ͷͰ͸ • ͨͩWebը໘Λग़͍͚͚ͨͩͩ͠Ͳɺ Safariىಈͤͨ͘͞ͳ͍৔߹ →Safari View Controller

  24. IUUQQPOQPLPIBUFOBCMPHDPN