Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Repro meetup #2
Search
shogo.yamada
August 27, 2018
1
320
Repro meetup #2
shogo.yamada
August 27, 2018
Tweet
Share
More Decks by shogo.yamada
See All by shogo.yamada
Jetpack ComposeへのリファクタリングのTIPS: CustomViewの便利な使い方 / Refactoring TIPS to Jetpack Compose: Useful usage of CustomView
yshogo
0
620
Android StudioのLiveTemplateの便利な使い方 / Android LiveTemplate Method
yshogo
0
1k
ZOZOの新規サービス 「FAANS」の開発 Android編/FAAN App Create on Android
yshogo
0
1.3k
PORT_Firebase___Algolia.pdf
yshogo
0
220
Flutter_meetup_tokyo__10.pdf
yshogo
0
5.7k
PORT Firebase x Flutter
yshogo
0
370
ZOZOTech meetup Frontend #10
yshogo
2
1.6k
flutter-meetup.pdf
yshogo
0
51
Potetochips #61
yshogo
1
500
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
168
14k
Building an army of robots
kneath
302
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
The Power of CSS Pseudo Elements
geoffreycrofte
72
5.3k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Designing the Hi-DPI Web
ddemaree
280
34k
Producing Creativity
orderedlist
PRO
341
39k
Side Projects
sachag
452
42k
Happy Clients
brianwarren
97
6.7k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Transcript
AndroidΤϯδχΞͷͨΊͷ Flutter @Repro Tech Meetup #2 shogo.yamada
ࣗݾհ • Twitterɿ @yshogo87 • Githubɿ @yshogo • ̍ϲ݄ؒͷ͓ٳΈதͷAndroidΤϯδχΞ ໊લɿ
shogo.yamada
FlutterΞϓϦϦϦʔε͠·ͨ͠ Group Album AndroidϢʔβʔͷํ ετΞʹͯʮGroupAlbumʯͰݕࡧͯͩ͘͠ ͍͞ʂ
FlutterΞϓϦϦϦʔε͠·ͨ͠ ࣸਅڞ༗ΞϓϦ ΠϯετʔϧɺαΠϯΞοϓޙɺ্ͷϘλϯ͔Β ʮrepromeetupʯͱݕࡧ͍͖ͯͨͩ͠ ࠓͷMeet Upͷࣸਅͷߘ͓ئ͍͠·͢ʂʂ
FlutterΞϓϦϦϦʔε͠·ͨ͠ iOSͷํAppleͷ৹ࠪதͰؒʹ߹͍·ͤΜͰͨ͠
FlutterΞϓϦϦϦʔε͠·ͨ͠ iOS൛͕ϦϦʔεͰ͖ͨΒTwitterʹͯΞφ ϯε͠·͢ͷͰϑΥϩʔ͓ئ͍͠·͢ɻ Twitter→@yshogo87
ࠓ͢͜ͱ • Flutterͬͯͳʹʁ • FlutterͷϨΠΞτΛ࡞Δํ๏ • Flutterͷֶशํ๏ • ʮGroup Albumʯͷ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ
• ࣮ફಋೖͰ͖Δͷ͔ • ͬͨײ
Flutterͬͯͳʹʁ • Be highly productive ◦ 1ͭͷίʔυͰAndroidɺiOSΞϓϦ͕࡞ΕΔ ◦ গͳ͍ίʔυͰϞμϯͳϢʔβʔମݧΛ࡞ΕΔ ◦
ϓϩτλΠϓ͕؆୯ʹ࡞ΕΔ
Flutterͬͯͳʹʁ • Create beautiful, highly-customized user experiences ◦ ϦονͳϚςϦΞϧσβΠϯ͕ΊΔ ◦
ΧελϜՄೳͰඒ͍͠σβΠϯ͕ΊΔ
Flutterͬͯͳʹʁ • Google͕։ൃ͍ͯ͠Δ • ݴޠDart • Hot Reload͕͑Δ ←͜Εॏཁʂʂ •
https://flutter.io/technical-overview/ • ্ͷαΠτΛݟΕٕज़తʹಋೖ͜ͱΛ͍ͯ͠Δ͔ৄ ͘͠ΕΔ
• CloumnɺRowΛͬͯ • ϨΠΞτΛΉ • AndroidͷLinenerLayoutͷ orientationʹࣅͯΔ FlutterͷϨΠΞτΛ࡞Δํ๏
FlutterͷϨΠΞτΛ࡞Δํ๏ ༨ന ॎʹฒΔ ԣʹฒΔ
FlutterͷϨΠΞτΛ࡞Δํ๏ • CookBookΛݟΔ https://flutter.io/cookbook/ ओʹϚςϦΞϧσβΠϯ͕த৺
Flutterֶशํ๏ • CodeΛΔɹhttps://flutter.io/codelabs/
Flutterֶशํ๏ • YouTube • https://www.youtube.com/watch?v=GLSG_Wh_YWc • Note.mu • https://note.mu/shogoyamada
ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • Flutter͚ͩͰ࣮Ͱ͖ͳ͍ػೳ͕͍͔ͭ͋ͬͯ͘ KotlinSwiftͷίʔυΛॻ͍ͯਏ͔ͬͨ
ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ ɾࣸਅҰཡΛऔಘͯ͠ωΠςΟϒ Ͱදࣔ͢Δػೳ Flutter͔ΒActivityΛݺͼग़ͯ͠ KotlinͰը໘ʹදࣔ બͨ͠ը૾Ұ࣌ϑΝΠϧ࡞ͬ ͯͦͷϑΝΠϧύεΛFlutterʹ ͨ͠
ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • ΞϓϦόʔδϣϯͷऔಘ • ը૾อଘ͢ΔͨΊͷϑΝΠϧΞΫηεͷύʔϛογϣ ϯ(iOSϓϥάΠϯʹࠝแ͞Εͯͳ͍Օॴ͋ͬͨ ͷͰͬͱେมͩͬͨ) Kotlinίʔυॻ͍͍ͯΔՕॴ
ʮGroup Albumʯͷ ։ൃʹ͍ͭͯਏ͔ͬͨ͜ͱ • ΞχϝʔγϣϯΛ࡞Δͷ͕େม • ݁ߏPCʹෛՙ͕͔͔Δ(ॏ͍) • దʹϨΠΞτΛΜͰΔͱ͙͢ωετ͕ਂ͘ͳ Δ
࣮ફಋೖͰ͖Δͷ͔ QAܗࣜͰઆ໌͍͖ͯ͠·͢
࣮ફಋೖͰ͖Δͷ͔ • ςετίʔυ͔͚Δʁʁ • →͔͚ΔɻDartඪ४ςετϥΠϒϥϦΛ͏
࣮ફಋೖͰ͖Δͷ͔ • CIճͤΔʁʁ • →ճͤΔɻͰ՝͕ۚඞཁ IUUQTOPUFNVTIPHPZBNBEBOODDE
࣮ફಋೖͰ͖Δͷ͔ • ΞʔΩςΫνϟʁʁ • ͍Ζ͍Ζ͋ΔɻBLoC(Bisness Login Components) ͕༗໊ IUUQTNFEJVNDPNqVUUFSJPCVJMESFBDUJWFNPCJMF BQQTJOqVUUFSDPNQBOJPOBSUJDMFF
ͬͨײ • Flutter׳ΕͨΒ΄ΜͱૉΒ͍͠(׳ΕΔ·Ͱগ ͠େม) • Viewͷ࡞͕ΊͪΌͪ͘Ό͍(Hot Reloadਆ) • ਏ͍ͱ͜·ͩ·ͩ͋ͬͯख़ײ͢͡Δ •
ͥͻɺGroupAlbumͬͯͶ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙ձͰ͍Ζ͍Ζ͠·͠ΐ͏ʂ