Flutterでクロスプラットフォーム開発を

Transcript

1. 2020 5/23 Kuma FlutterͰΫϩεϓϥοτϑΥʔϜ։ൃΛ
2. ͘·
   5XJUUFS
   !LVNBEFTV w ීஈ͸ΞϓϦ։ൃΛߦ͍ͬͯ·͢ Ҏલ͸αʔόʔαΠυ΋΍ͬͯ·ͨ͠
   w ͦΕͱ͸ผʹݸਓͰ"OESPJEɺJ04ΞϓϦΛ࡞ͬͯ·͢
   w +BWBɺ,PUMJOɺ4XJGUɺ3FBDU/BUJWFͳͲͳͲ
   w ϒϩά IUUQTLVNBTLVOIBUFOBCMPHDPN
3. ɾΫϥεϓϥοτϑΥʔϜ։ൃ͕Ͱ͖Δ(AndroidɾiOS྆ํΛ1ͭͰ։ൃͰ͖Δ) ɾGoogleʹΑͬͯ։ൃ͞ΕͨΞϓϦέʔγϣϯSDK ɾϓϩτλΠϓͷͭ΋Γ͕׬੒඼͕Ͱ͖Δ ɾHot ReloadΛ࢖ͬͯɺߴ଎ʹ։ൃ͕Ͱ͖Δ ɾHTMLΛॻ͔ͳ͍͍ͯ͘ Flutterͱ͸ʁ
4. Flutterͷ͍͍ͱ͜Ζ ɾAndroidͱiOSΛ̍ͭʹ·ͱΊΒΕΔ ɾHot ReloadͳͷͰɺιʔεΛߋ৽ͯ͠อଘ͢Ε͹ը໘ʹద༻͞ΕΔ ɾυΩϡϝϯτɾαϯϓϧίʔυ͕·͋·͋๛෋ ɾComponetͰ͋ͬͨΓɺWebͷ஌͕ࣝ͋Ε͹ಋೖ͠΍͍͢
5. αϯϓϧΞϓϦ΋๛෋
6. Flutterͷඍົͳͱ͜Ζ ɾOSͷػೳʹେ͖͘ґଘ͢Δίʔυ͸ωΠςΟϒͰ։ൃ͢Δඞཁ͕͋Δ(Χϝϥػೳɺ௨஌ػೳͳͲ) →ϥΠϒϥϦ͕૿͑ͯঃʑʹগͳ͘ͳ͍ͬͯΔ ɾ·ͩͰ͖ͯؒ΋ͳ͍SDKͷͨΊΞοϓσʔτରԠ͕େมͦ͏ ɾυΩϡϝϯτ͸ӳޠ͕ଟ͍ ɾڽͬͨσβΠϯ͸೉ͦ͠͏
7. ಛ௃ EveryThing is a Widget!!!!!!!!!! →ύʔπύʔπͰ؅ཧ͢Δ ͨͩ͠ɺ෦඼୯Ґ͚ͩͰͳ͘ฒ΂ํ΍ը໘ͷભҠͷ࢓ํͳͲ΋ؚΊͯΈΜͳWidget StatefulWidget(ಈతͳύʔπ)ͱStatelessWidget(੩తύʔπ)ʹ෼͚ΒΕΔ
8. ͜Μͳײ͡ λΠτϧ ͳͲͷ มΘΒͳ ͍΋ͷ navigationBottom(Լ ʹ͋Δϝχϡʔ)ͳͲ͸ ͪ͜Β ϘλϯΛԡ͢ͱը໘ભ Ҡ͢ΔͨΊ WidgetͷΫϥεͱঢ়ଶ Λ؅ཧ͢ΔͨΊͷΫϥ εͷ2ͭߏ੒
9. ࠷ޙʹ Flutter͸·ͩ͜Ε͔ΒਐԽ͍ͯ͘͠ϓϥοτϑΥʔϜͳͷͰ͍͍ͱ͜Ζ΋͋Ε͹ѱ͍ͱ͜Ζ΋ ͋Γ·͢ ͨͩɾɾɾɾ ϚϧνͰ։ൃͰ͖Δ໘നΈ͕͋ΔͷͰڵຯ͕͋Δਓ͸ମݧͯ͠Έͯ΋͍͍͔΋͠Ε·ͤΜ