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
310
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
400
Android StudioのLiveTemplateの便利な使い方 / Android LiveTemplate Method
yshogo
0
820
ZOZOの新規サービス 「FAANS」の開発 Android編/FAAN App Create on Android
yshogo
0
1.1k
PORT_Firebase___Algolia.pdf
yshogo
0
210
Flutter_meetup_tokyo__10.pdf
yshogo
0
5.4k
PORT Firebase x Flutter
yshogo
0
330
ZOZOTech meetup Frontend #10
yshogo
2
1.5k
flutter-meetup.pdf
yshogo
0
35
Potetochips #61
yshogo
1
470
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
36
2.1k
We Have a Design System, Now What?
morganepeng
43
6.7k
Ruby is Unlike a Banana
tanoku
96
10k
Side Projects
sachag
451
41k
Automating Front-end Workflow
addyosmani
1356
200k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
For a Future-Friendly Web
brad_frost
172
9k
Happy Clients
brianwarren
92
6.4k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Bash Introduction
62gerente
604
210k
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ͬͯͶ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙ձͰ͍Ζ͍Ζ͠·͠ΐ͏ʂ