Xamarin.Forms Hot Reload のススメ

Transcript

1. Xamarin.Forms Hot Reload ͷεεϝ 2019.8.31 JXUG @amay077
2. About me • Ԟࢁ ༟ਈ - @amay077ʢ͋Ί͍ʣ • Android, iOS, Xamarin, TypeScript AWS, Azure… • Ѫ஌ݝࡏॅͷϑϧϦϞʔτϫʔΧʔ • ஍ཧ৘ใγεςϜɺҐஔ৘ใϓϩάϥϛϯά • DroidKaigi2017ొஃˠٕज़ॻయ2→঎ۀຊԽ(ڞஶ)
   
3. ࠓ೔͓͸ͳ͢͠Δ͜ͱ Xamarin.Forms UI։ൃπʔϧͷྺ࢙ Official ͳ Hot Reload ͕Ωλʂ Xamarin.Forms Ͱ Hot Reload Ͱ͖Δπʔϧ͍Ζ ͍Ζ Any Platform ࣌୅ͷը໘։ൃ
   
4. Xamarin.Forms UI։ൃπʔϧͷྺ࢙ Xamarin | Forms | XAML | Live | Player | Viewer | Previewer ଟ͗͢໰୊
5. Xamarin.Forms 1.xʙ2.x ϓϨϏϡʔΞ΋σβΠφ΋Կ΋ͳ͔ͬͨ… ͨͩ໧ͬͯRun&Watch
   
6. XAML Previewer | Viewer (Xamarin.Forms Previewer) ొ৔: 2016೥4݄ࠒ ʙ ݱଘ هड़ͨ͠XAMLίʔυΛVisual StudioͰϓϨϏϡʔදࣔ͢Δػೳ ݱࡏ͸ Visual Studio ͷ XAMLΛ։͍ͨը໘ʹ౷߹ ػೳ໊ͷ༳Ε͕ώυ͍w (ࢲݟ)͙Δ͙Δ͕ফ͑ͳ͔ͬͨΓਅͬനͩͬͨΓΤϥʔ͕ग़ͨ Γɺ໾ʹཱͬͨهԱ͕ͳ͍ ࠷ۙͰ͸ʮσβΠϯλΠϜσʔλʯʹ΋ରԠͯ͠Δͦ͏Ͱ͢
   
7. Xamarin Live Player ొ৔: 2017೥5݄ࠒ ʙ 2018೥8݄ࠒ Mac͕ͳ͘ͱ΋iOSσόΠε΁։ൃதͷΞϓϦ͕సૹɾ ։ൃͰ͖Δͱ͞Ε͕࣮ͨࡍ͸੍໿͕ଟ͘… ࣮ଶ͸C#ΠϯλϓϦλΛ౥ࡌͨ͠ΞϓϦ AppStore͔ΒBAN͞ΕɺTestFlightͰͷެ։΋ఀࢭ͞Ε ࣄ্࣮ऴྃ
   
8. Xamarin Live Reload ొ৔: 2018೥4݄ࠒ ʙ 2018೥10݄ࠒ XAMLͷมߋΛΞϓϦʹసૹ͠ɺଈ࣌ʹ࣮ࡍͷΞϓϦʹద༻͢Δ ͍ΘΏΔʮHot Reloadʯػೳ ϓϨϏϡʔ൛ͷ··ఀ଺͠ɺVS for Mac ʹ͸ఏڙ͢Β͞Εͣ։ ൃऴྃ (ࢲݟ)ಉ࣌ظʹLive Player΋ऴྃ͠Web΍FlutterͰ͸ओྲྀͰ͋Δ ʮϥΠϒ։ൃʯ΁ͷಓ͕ด͟͞Εͨͱͯ͠େ͍ʹࣦ๬
   
9. ʮLive Reload ͸ࢮΜͩͱݴͬͨͳɺ ΞϨ͸΢ιͩʯ
10. Live Reload վΊ XAML Hot Reload for Xamarin.Forms ొ৔ ※Live Reload ͱͷؔ࿈͸֬ೝͰ͖·ͤΜ
12. XAML Hot Reload for Xamarin.Forms 2019೥಺ϦϦʔε༧ఆ(ݱࡏ͸ϓϨϏϡʔ൛) Visual Studio 2019 / Visual Studio for Mac ૒ํͰར༻ Մೳ ௥Ճͷ Add-in ΍ nuget ύοέʔδෆཁ ͨͩ͠ nuget Xamarin.Forms 4.1.0.581475 Ҏ্͕ඞཁ ਖ਼ࣜϦϦʔε͞ΕΔ·ͰؾΛൈ͘ͳʂ
    
13. DEMO
14. HotReload for XF Ҏ֎ͷબ୒ࢶ (ͱ͍͏͔ઌۦ͚)
15. LiveXAML http://www.livexaml.com/ IDEʹAddinɺΞϓϦʹLiveXAML.dll ͕ඞཁ $240/∞ ݹ͍ Xamarin.Forms Ͱ΋ಈ͘(3.x Ͱ֬ೝ) UWP ʹ΋ରԠ ෳ਺σόΠεಉ࣮࣌ߦՄೳ
    
16. AndreiMisiukevich/HotReload https://github.com/AndreiMisiukevich/ HotReload VS for Win/Mac, Rider, VSCode ͳͲͰ΋࢖͑Δ C# ίʔυมߋͷHot Reload΋Մೳ(࣮ػͰ͸ෆ Մ)
    
17. LiveSharp https://github.com/OYIon/LiveSharp LiveXAML ͱಉ͡ਓ(νʔϜ?)͕࡞ͬͯΔ C# ίʔυมߋͷHot Reload͕Մೳ
    
18. pranshu-aggarwal/HotReloading https://github.com/pranshu-aggarwal/ HotReloading C# ίʔυมߋͷHot Reload͕Մೳ Xamarin.Forms ͷ৔߹ 3.4.0Ҏ্͕ඞཁ
    
19. Any Platform ࣌୅ͷը໘։ൃ for MS Developers
20. UIΤσΟλ΍ϓϨϏϡʔΞͷݶք ʮ࣮ࡍʹಈ͍͍ͯΔΞϓϦʯͰ͸ͳ͍ ࣮ߦ؀ڥ΋։ൃ؀ڥ΋WinͳΒ·ͩ࠶ݱੑ͸ߴ͔ͬͨ iPhoneΞϓϦͷݟͨ໨ΛWindows্Ͱ࠶ݱ͢ΔͷʹϜϦ͕ ͋Δͷ͸໌ന ಛʹϓϥοτϑΥʔϜґଘͷϥΠϒϥϦΛ࢖͍ͬͯΔ৔߹ ͸ඳը͸ෆՄ ੿࡞ Xamarin.Forms.GoogleMaps ͸ͦͷҰྫ
    
21. ͦ͜Ͱ Hot Reload Ͱ͢Α ʮ࣮ࡍʹಈ͍͍ͯΔΞϓϦʯͰ֬ೝͰ͖Δ ތுͳ͠ʹʮ࠶ݱ཰100%ʯ ݸਓతʹ͸ XAML Previewer ͸શ͘࢖͍ͬͯ·ͤΜ Previewer ΑΓ΋ Hot Reload ʹ։ൃύϫʔ࢖ͬͯ΄ ͍͠ > Visuals Studio νʔϜ͞Μ
    
22. ·ͱΊ
23. ·ͱΊ Any Platform࣌୅ʹ͸ Hot Reload ͕࠷ద ৽نҊ݅ʹ͸ Hot Reload for XFɺ
 طଘҊ݅ʹ͸ LiveXAML ΍ͦͷଞOSSπʔϧ C# ίʔυͷ HotReload πʔϧ΋ಋೖ͢Ε͹ແఢ ʮ࣮ࡍͷΞϓϦʯͰαΫαΫ֬ೝ͠ͳ͕Βը໘Λ࡞Ζ ͏ʂ
    
24. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠"