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

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. झຯ
9. Ωϟϯϓ͕޷͖͗͢Δ ස౓͸೥10ճҎ্ جຊ͸ιϩΩϟϯϓɺ΋ͪΖΜେਓ਺Ͱ΋
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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
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. } }