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

ハイブリッドアプリ開発のさわり

 ハイブリッドアプリ開発のさわり

Ca1357a6e793898d30cec23068c3cb36?s=128

大塚真言

January 19, 2019
Tweet

Transcript

  1. ϋΠϒϦουΞϓϦ։ൃͷ͞ΘΓ 2019/01/18 ϦϏϧυ։ൃ߹॓LT ʂ େ௩ਅݴ @mametra

  2. ͜Μʹͪ͸ʂ େ௩ɹਅݴ ͓͓͔ͭɹ ɹɹɹ·͜ͱ ͱਃ͠·͢ɻ ໊͋ͩ͸ ͠Μ͛ΜͰ͢ɻ

  3. ·ͣ͸ɺࣗݾ঺հ

  4. 1988೥ ౦ژ౎೔໺ࢢੜ·Ε 2012೥ ෋࢜௨גࣜձࣾ SEਓੜΛ։࢝ 2015೥ גࣜձࣾαʔνϑΟʔϧυ FAAVOࣄۀ෦ ஍Ҭ×Ϋϥ΢υϑΝϯσΟϯά FAAVO

    WebΤϯδχΞ 2017೥ ౦ژˠٶ࡚Ҡॅ FAAVOٶ࡚ΦϑΟε্ཱͪ͛ 2018೥ ϑϦʔϥϯεͱͯ͠ಠཱ 10݄ ߹ಉձࣾϊϚυϦ ઃཱ
  5. ࢓ࣄ

  6. Ԭࢁݝͷձ༷͔ࣾΒγεςϜ։ൃΛड஫͠ɺ8݄23೔ϦϦʔεʂ Laravel + Vue.js ͰSPAߏ੒Λ࠾༻ https://tuto.jp ʢ͜Ͳ΋޲͚ϓϩάϥϛϯάڭࡐͷϚʔέοτϓϨΠεʣ

  7. झຯ

  8. None
  9. Ωϟϯϓ͕޷͖͗͢Δ ස౓͸೥10ճҎ্ جຊ͸ιϩΩϟϯϓɺ΋ͪΖΜେਓ਺Ͱ΋

  10. None
  11. αʔϑΟϯ͸͡Ί·ͨ͠ ͔͠͠ɺ࠷ۙ͸פͯ͘ߦͬͯͳ͍ʢ୭͔Ұॹʹߦ͖·͠ΐʣ

  12. ࠓ೔࿩͢͜ͱ WebΞϓϦέʔγϣϯ͔͠ ։ൃͨ͜͠ͱ͕ͳ͍๻͕ ͸͡ΊͯϞόΠϧΞϓϦΛ ։ൃ͢Δͱ͖ʹௐ΂ͨ͜ͱ

  13. ωΠςΟϒΞϓϦͱ͸ʁ

  14. ಛఆͷOS্Ͱ௚઀ಈ࡞͢ΔΞϓϦ OSͷػೳ(iOSͳΒTouch IDͱ͔)Λ ࢖༻Ͱ͖Δ WebΞϓϦͱͷରൺͰ࢖ΘΕΔ

  15. ϋΠϒϦουΞϓϦͱ͸ʁ

  16. ϋΠϒϦουΞϓϦᶃ WebΞϓϦͱωΠςΟϒΞϓϦͷ ྆ϝϦοτΛ׆͔ͨ͠ΞϓϦ WebαΠτͱಉ͡ίϯςϯπΛ ϞόΠϧΞϓϦ಺ͰಡΈࠐΉ + ϓογϡ௨஌ɾΧϝϥɾҐஔ৘ใͳͲͷ ϞόΠϧ୺຤ͳΒͰ͸ͷػೳΛ࢖͑Δ

  17. ϋΠϒϦουΞϓϦᶄ HTML΍CSSɺJavascriptͳͲ WebαΠτΛ੍࡞͢Δٕज़Ͱ ࡞੒ͨ͠iOS΍Androidͷ ΞϓϦͷ͜ͱͰ͢ɻ

  18. ϋΠϒϦουΞϓϦᶄͱͷରൺͱ͍͏จ຺ʹ͓͚Δ ωΠςΟϒΞϓϦ͸ Swift -> iOSɺJava -> Android Ͱ࡞੒ͨ͠ΞϓϦ

  19. ಈ࡞؀ڥ ݴޠ 8FC ΞϓϦ 8FCϒϥ΢β )5.-$44+4 FUD ωΠςΟϒ ΞϓϦ 04

    4XJGU+BWB FUD ϋΠϒϦου ΞϓϦᶃ 8FCϒϥ΢β  04 )5.-$44+4 4XJGU+BWB FUD ϋΠϒϦου ΞϓϦᶄ 04 )5.-$44+4 FUD ϞόΠϧΞϓϦҰཡ
  20. ϋΠϒϦουΞϓϦͰΑ͋͘Δձ࿩ A͘Μɿ ࠓɺϋΠϒϦουΞϓϦͷ։ൃͯ͠ΔΜͩ B͘Μɿ ͓ɺ͡ΌɺWebView࢖ͬͯΔͷͶ

  21. ͦ͏ɺΑ͘ฉ͘ WebView

  22. ͨͿΜ Έͳ͞ΜͷΠϝʔδͷ WebView͸

  23. ͍ͭ͜ˣ

  24. ωΠςΟϒΞϓϦ಺ʹ WebϖʔδΛදࣔ͢Δ

  25. ͍ΘΏΔ ΨϫωΠςΟϒͱ΋ݺ͹ΕΔ

  26. ಈ࡞؀ڥ ݴޠ උߟ 8FC ΞϓϦ 8FCϒϥ΢β )5.-$44+4 FUD ωΠςΟϒ ΞϓϦ

    04 4XJGU+BWB FUD ϋΠϒϦου ΞϓϦᶃ 8FCϒϥ΢β  04 )5.-$44+4 4XJGU+BWB FUD ΨϫωΠςΟϒ ϋΠϒϦου ΞϓϦᶄ 04 )5.-$44+4 FUD ϞόΠϧΞϓϦҰཡ
  27. ҰํͰ ϋΠϒϦουΞϓϦᶄ͸ WebViewΛ࢖͍ͬͯΔͷ͔ʁ

  28. Answer

  29. ࢖͍ͬͯΔ

  30. ࢖͍ͬͯΔ͕ɺ ৄࡉ͸આ໌Ͱ͖ͣɻɻɻ

  31. ωΠςΟϒΞϓϦଆʹ HTML/CSS/JS͕಺แ͞Ε͍ͯΔ σʔλ͸ MBaaS͔ࣗલAPIαʔό͔Β औಘ͢Δ

  32. SPAͱҰॹ

  33. ಈ࡞؀ڥ ݴޠ උߟ 8FC ΞϓϦ 8FCϒϥ΢β )5.-$44+4 FUD ωΠςΟϒ ΞϓϦ

    04 4XJGU+BWB FUD ϋΠϒϦου ΞϓϦᶃ 8FCϒϥ΢β  04 )5.-$44+4 4XJGU+BWB FUD ΨϫωΠςΟϒ ϋΠϒϦου ΞϓϦᶄ 04 )5.-$44+4 FUD 㲈41" ϞόΠϧΞϓϦҰཡ
  34. γεςϜߏ੒ ํࣜ: ϋΠϒϦουΞϓϦᶄ ϑϩϯτ: OnsenUI + Vue.js όοΫΤϯυ: Firebase ϑϨʔϜϫʔΫ:

    Cordova
  35. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

  36. None
  37. import UIKit import WebKit class ViewController: UIViewController, WKUIDelegate{ private var

    webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() // WKWebViewΛੜ੒ webView = WKWebView(frame:CGRect(x:0, y:0, width:self.view.bounds.size.width, height:self.view.bounds.size.height)) // URLઃఆ let urlString = "https://www.google.com/" let encodedUrlString = urlString.addingPercentEncoding(withAllowedCharacters:NSCharacterSet.urlQueryAllowed) let url = NSURL(string: encodedUrlString!) let request = NSURLRequest(url: url! as URL) webView.load(request as URLRequest) self.view.addSubview(webView) } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } }