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
690
Android StudioのLiveTemplateの便利な使い方 / Android LiveTemplate Method
yshogo
0
1.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.8k
PORT Firebase x Flutter
yshogo
0
380
ZOZOTech meetup Frontend #10
yshogo
2
1.7k
flutter-meetup.pdf
yshogo
0
51
Potetochips #61
yshogo
1
500
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
How to Ace a Technical Interview
jacobian
276
23k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
A Modern Web Designer's Workflow
chriscoyier
693
190k
A better future with KSS
kneath
238
17k
Building Adaptive Systems
keathley
38
2.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
The Pragmatic Product Professional
lauravandoore
32
6.3k
A designer walks into a library…
pauljervisheath
205
24k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
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ͬͯͶ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙ձͰ͍Ζ͍Ζ͠·͠ΐ͏ʂ