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

Repro meetup #2

E222076ea6b90ae53c2bc68c8a4e01f1?s=47 shogo.yamada
August 27, 2018
280

Repro meetup #2

E222076ea6b90ae53c2bc68c8a4e01f1?s=128

shogo.yamada

August 27, 2018
Tweet

Transcript

  1. AndroidΤϯδχΞͷͨΊͷ
 Flutter @Repro Tech Meetup #2
 shogo.yamada

  2. ࣗݾ঺հ • Twitterɿ @yshogo87 • Githubɿ @yshogo • ̍ϲ݄ؒͷ͓ٳΈதͷAndroidΤϯδχΞ ໊લɿ

    shogo.yamada
  3. Flutter੡ΞϓϦϦϦʔε͠·ͨ͠ Group Album AndroidϢʔβʔͷํ͸
 ετΞʹͯʮGroupAlbumʯͰݕࡧͯͩ͘͠ ͍͞ʂ

  4. Flutter੡ΞϓϦϦϦʔε͠·ͨ͠ ࣸਅڞ༗ΞϓϦ ΠϯετʔϧɺαΠϯΞοϓޙɺ্ͷϘλϯ͔Β
 ʮrepromeetupʯͱݕࡧ͍͖ͯͨͩ͠
 ࠓ೔ͷMeet Upͷࣸਅͷ౤ߘ͓ئ͍͠·͢ʂʂ

  5. Flutter੡ΞϓϦϦϦʔε͠·ͨ͠ iOSͷํ͸Appleͷ৹ࠪதͰؒʹ߹͍·ͤΜͰͨ͠

  6. Flutter੡ΞϓϦϦϦʔε͠·ͨ͠ iOS൛͕ϦϦʔεͰ͖ͨΒTwitterʹͯΞφ΢ ϯε͠·͢ͷͰϑΥϩʔ͓ئ͍͠·͢ɻ Twitter→@yshogo87

  7. ࠓ೔࿩͢͜ͱ • Flutterͬͯͳʹʁ • FlutterͷϨΠΞ΢τΛ࡞Δํ๏ • Flutterͷֶशํ๏ • ʮGroup Albumʯͷ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ

    • ࣮ફಋೖͰ͖Δͷ͔ • ࢖ͬͨײ૝
  8. Flutterͬͯͳʹʁ • Be highly productive ◦ 1ͭͷίʔυͰAndroidɺiOSΞϓϦ͕࡞ΕΔ ◦ গͳ͍ίʔυͰϞμϯͳϢʔβʔମݧΛ࡞ΕΔ ◦

    ϓϩτλΠϓ͕؆୯ʹ࡞ΕΔ
  9. Flutterͬͯͳʹʁ • Create beautiful, highly-customized user experiences ◦ ϦονͳϚςϦΞϧσβΠϯ͕૊ΊΔ ◦

    ΧελϜՄೳͰඒ͍͠σβΠϯ͕૊ΊΔ
  10. Flutterͬͯͳʹʁ • Google͕։ൃ͍ͯ͠Δ • ݴޠ͸Dart • Hot Reload͕࢖͑Δ ←͜Εॏཁʂʂ •

    https://flutter.io/technical-overview/ • ্ͷαΠτΛݟΕ͹ٕज़తʹಋೖ͜ͱΛ͍ͯ͠Δ͔ৄ ͘͠஌ΕΔ
  11. • CloumnɺRowΛ࢖ͬͯ • ϨΠΞ΢τΛ૊Ή • AndroidͷLinenerLayoutͷ orientationʹࣅͯΔ FlutterͷϨΠΞ΢τΛ࡞Δํ๏

  12. FlutterͷϨΠΞ΢τΛ࡞Δํ๏ ༨ന ॎʹฒ΂Δ ԣʹฒ΂Δ

  13. FlutterͷϨΠΞ΢τΛ࡞Δํ๏ • CookBookΛݟΔ
 https://flutter.io/cookbook/ ओʹϚςϦΞϧσβΠϯ͕த৺

  14. Flutterֶशํ๏ • CodeΛ΍Δɹhttps://flutter.io/codelabs/

  15. Flutterֶशํ๏ • YouTube • https://www.youtube.com/watch?v=GLSG_Wh_YWc • Note.mu • https://note.mu/shogoyamada

  16. ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • Flutter͚ͩͰ͸࣮૷Ͱ͖ͳ͍ػೳ͕͍͔ͭ͋ͬͯ͘ Kotlin΍SwiftͷίʔυΛॻ͍ͯਏ͔ͬͨ

  17. ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ ɾࣸਅҰཡΛऔಘͯ͠ωΠςΟϒ Ͱදࣔ͢Δػೳ Flutter͔ΒActivityΛݺͼग़ͯ͠ KotlinͰը໘ʹදࣔ
 બ୒ͨ͠ը૾͸Ұ࣌ϑΝΠϧ࡞ͬ ͯͦͷϑΝΠϧύεΛFlutterʹ౉ ͨ͠

  18. ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • ΞϓϦόʔδϣϯͷऔಘ • ը૾อଘ͢ΔͨΊͷϑΝΠϧΞΫηεͷύʔϛογϣ ϯ(iOS͸ϓϥάΠϯʹࠝแ͞Εͯͳ͍Օॴ΋͋ͬͨ ͷͰ΋ͬͱେมͩͬͨ) Kotlinίʔυॻ͍͍ͯΔՕॴ

  19. ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • ΞχϝʔγϣϯΛ࡞Δͷ͕΍΍େม • ݁ߏPCʹෛՙ͕͔͔Δ(ॏ͍) • ద౰ʹϨΠΞ΢τΛ૊ΜͰΔͱ͙͢ωετ͕ਂ͘ͳ Δ

  20. ࣮ફಋೖͰ͖Δͷ͔ QAܗࣜͰઆ໌͍͖ͯ͠·͢

  21. ࣮ફಋೖͰ͖Δͷ͔ • ςετίʔυ͔͚Δʁʁ • →͔͚ΔɻDartඪ४ςετϥΠϒϥϦΛ࢖͏

  22. ࣮ફಋೖͰ͖Δͷ͔ • CIճͤΔʁʁ • →ճͤΔɻͰ΋՝͕ۚඞཁ IUUQTOPUFNVTIPHPZBNBEBOODDE

  23. ࣮ફಋೖͰ͖Δͷ͔ • ΞʔΩςΫνϟ͸ʁʁ • ͍Ζ͍Ζ͋ΔɻBLoC(Bisness Login Components) ͕༗໊ IUUQTNFEJVNDPNqVUUFSJPCVJMESFBDUJWFNPCJMF BQQTJOqVUUFSDPNQBOJPOBSUJDMFF

  24. ࢖ͬͨײ૝ • Flutter͸׳ΕͨΒ΄Μͱૉ੖Β͍͠(׳ΕΔ·Ͱগ ͠େม) • Viewͷ࡞੒͕ΊͪΌͪ͘Ό଎͍(Hot Reload͸ਆ) • ਏ͍ͱ͜΋·ͩ·ͩ͋ͬͯ੒ख़ײ͡͸͢Δ •

    ͥͻɺGroupAlbum࢖ͬͯͶ
  25. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙਌ձͰ͍Ζ͍Ζ࿩͠·͠ΐ͏ʂ