じゃじゃ馬UIフレームワークXamarin.Formsを活用した アプリ開発のノウハウ

meetup app tokyo@1 2016/06/24

Transcript

1. ͡Ό͡ΌഅUIϑϨʔϜϫʔΫ Xamarin.FormsΛ׆༻ͨ͠ ΞϓϦ։ൃͷϊ΢ϋ΢ meetup app tokyo@1 2016/06/24 גࣜձࣾΤϜςΟʔΞΠ ଠా઒ɹ༸
2. ࣗݾ঺հ • ଠా઒ ༸ ʢ͓͓͕ͨΘ Α͏ʣ • Twitter : @AyaseSH • Ϗδωε
 iOS΍AndroidͷωΠςΟϒΞϓϦ։ൃ(Xamarin,obj-c)
 TypeScriptॻ͍ͨΓɹ.Net MVCͰC#ॻ͍ͨΓɻɻɻ • ϗϏʔ
 in JXUG (Japan Xamarin User Group)
 “#jxug” ΍ ”Xamarin” Ͱͷ೔ຊޠΤΰα͍ͯ͠·͢
3. ΞδΣϯμ Xamarin Xamarin.Forms Renderer, DataBinding
4. Xamarinͱ͸ʁ • ։ൃݴޠΛC# ΦϯϦʔʹ • ։ൃ؀ڥΛVisual Studioʹ • Xamarin͸ɺ֤ϓϥοτϑΥʔϜͷAPIΛ
 શͯϥοϓͯ͋͠Γ·͢ʂ • iOSͳΒswift΍objective-CͰॻ͔Ε͍ͯΔίʔυΛ • AndroidͳΒjavaͰॻ͔Ε͍ͯΔίʔυΛ • C#(Mono)Λ࢖ͬͯಉ͡ϑϧίʔσΟϯά͕Մೳʂ
5. Xamarinͱ͸ʁ • XamarinͷΠϝʔδਤ Xamarin.iOS (Watch Kit, tvOS) Xamarin.Android (Wear) Xamarin.Mac Shared C# App Logic (BCL, PCL) Xamarin Studio
 (IDE)
 Xamarin.Forms Test Cloud
 (UITest) Insight
 (Hockey App)

6. Xamarinͷඞཁ஌ࣝ ϓϥοτ ϑΥʔϜผ Xamarin Native iOSɹAPI Objective-C, Swift Xcode AndroidɹAPI Java Android Studio WindowsɹAPI Visual Studio (*1) C# API ݴޠ ౷߹։ൃ؀ڥ iOSɹAPI Objective-C, Swift Xcode AndroidɹAPI Java Android Studio WindowsɹAPI Visual Studio (*1) C# Xamarin.Forms iOSɹAPI AndroidɹAPI WindowsɹAPI Objective-C, Swift Xcode Java Android Studio Visual Studio (*1) C# Xamarin.Forms UI toolkit (*1) Macͷ৔߹͸Xamarin Studio
7. Xamarin.Formsͱ͸ • Xamarin.Forms = ந৅ԽϨΠϠʔ • Xamarin.iOS Xamarin.Androidͱ͸ҧ͍ɺXamarin.Forms ͸ϥοϓ͍ͯ͠ΔͷͰ͸ͳ͘ந৅Խ • ந৅Խͱ͍͏͜ͱ͸APIͷ਺͸ɻɻɻ࠷௿ݶͷ΋ͷ͚ͩ • ྫ͑͹ɹςΩετͷUI
 Xamarin.Forms.Label =>
 UILabel(iOS), TextView(Android), TextBlock(WinPhone)
8. ந৅Խ Xamarin.iOS Xamarin.Android Xamarin.Forms
9. εΫγϣ
10. ϑΥϯτม͍͑ͨ
11. εΫγϣ
12. ϨϯμϦϯά • Renderer
 σϞ • Device.OnPlatform
 ؆୯ʹϓϥοτϑΥʔϜ͝ͱʹ஋ͷઃఆ΋Ͱ͖Δ ଞʹ΋͋Γ·͕͢ɺ
 ·ͣ͸͜ͷ͕͓̎ͭ͢͢ΊͰ͢
13. DataBinding • Xamarin.Forms ʹ͸ DataBinding ͕͋Δ • DataBindingʢσʔλͷදࣔ౳Λ؆ૉԽʣ • ιʔεΦϒδΣΫτʢσʔλ, ViewModelʣ • λʔήοτΦϒδΣΫτʢදࣔ, Viewʣ ࢀߟɿ΋ͬͱ͍͍σϞ͕ build2016Ͱ͋Γ·͢
 https://channel9.msdn.com/Events/de-code/2016/DEV-023
14. MVVM
15. εΫγϣ
16. એ఻
17. Xamarin.FormsͰΞϓϦ࡞Γ·ͨ͠ • Sakenomy (iOS, Android)
18. iPhone6S εΫϦʔϯγϣοτ iPhone5S Android
19. ॏͶΔͱ͖͸Absolute
20. ݴޠରԠ͸Resx
21. ·ͱΊ • Xamarin ͸֤ϓϥοτϑΥʔϜͷAPI͕ݺ΂Δ • Xamarin.Forms ͸ந৅Խ͞ΕͨUIͷϑϨʔϜϫʔΫ
 ݸผ࣮૷ʹ͸ RendererͱOnPlatform͕͓͢͢Ί • Xamarin.Forms ͸DataBinding͕Ͱ͖Δ • SakenomyΛΑΖ͓͘͠ئ͍͠·͢ ࠔͬͨ͜ͱ͕͋Ε͹ Facebook ͔ #jxug λά෇͖πΠʔτͰʂ ΋͘͠͸Mentions Ͱ@AyaseSH ෇͖Ͱw
22. Xamarin͸͍͍ͧ
23. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠