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
350
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
1.1k
Android StudioのLiveTemplateの便利な使い方 / Android LiveTemplate Method
yshogo
0
1.5k
ZOZOの新規サービス 「FAANS」の開発 Android編/FAAN App Create on Android
yshogo
0
1.6k
PORT_Firebase___Algolia.pdf
yshogo
0
250
Flutter_meetup_tokyo__10.pdf
yshogo
0
6.1k
PORT Firebase x Flutter
yshogo
0
460
ZOZOTech meetup Frontend #10
yshogo
2
1.8k
flutter-meetup.pdf
yshogo
0
95
Potetochips #61
yshogo
1
560
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
160
Leo the Paperboy
mayatellez
4
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
SEO for Brand Visibility & Recognition
aleyda
0
4.4k
Navigating Team Friction
lara
192
16k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
340
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
170
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
240
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
350
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ͬͯͶ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙ձͰ͍Ζ͍Ζ͠·͠ΐ͏ʂ