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
330
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
880
Android StudioのLiveTemplateの便利な使い方 / Android LiveTemplate Method
yshogo
0
1.3k
ZOZOの新規サービス 「FAANS」の開発 Android編/FAAN App Create on Android
yshogo
0
1.5k
PORT_Firebase___Algolia.pdf
yshogo
0
230
Flutter_meetup_tokyo__10.pdf
yshogo
0
5.9k
PORT Firebase x Flutter
yshogo
0
420
ZOZOTech meetup Frontend #10
yshogo
2
1.7k
flutter-meetup.pdf
yshogo
0
68
Potetochips #61
yshogo
1
530
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Visualization
eitanlees
146
16k
Building Adaptive Systems
keathley
43
2.6k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Language of Interfaces
destraynor
158
25k
Music & Morning Musume
bryan
46
6.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Embracing the Ebb and Flow
colly
86
4.7k
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ͬͯͶ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙ձͰ͍Ζ͍Ζ͠·͠ΐ͏ʂ