「Flutterってなんなん」と思って1週間経った

Tech-in Meetup #01（社内勉強会）のLT資料です。

Transcript

1. ʮFlutterͬͯͳΜͳΜʯ ͱࢥͬͯ1िؒܦͬͨ 2018/08/20 Mon. Tech-in Meetup #01 ࠙਌ձLT @ukaznil: Tatsuya KONISHI https://ukaznil.com
2. ຊൃදͷૂ͍ • ࠷ۙΞπ͍FlutterΛษڧ͍ͨ͠ • LT-drivenֶश • ͔ͤͬ͘ษڧͨ͠ͷͰγΣΞ͍ͨ͠ • ฏ੒࠷ޙͷࣗ༝ݚڀ
3. it's me ! ͜Μͳਓؒ
    • Basic • namejob: খ੢ ୡ໵ • jobname: researcherʢೖࣾ2೥໨ʣ • *s*e*c*r*e*t* • Misc • Android app dev.: 6 years • ೔ຊAndroidͷձ ֶੜ෦OB • langs: Java(6 yrs), Kotlin(3 yrs), Scala(2 yrs), Dart(1 week)
4. Flutter ? flutterʹʮͻΒͻΒ͢Δʯ
    • ϞόΠϧ޲͚ΫϩεϓϥοτϑΥʔϜ։ൃͷϑϨʔϜϫʔΫ by Google • DartݴޠͰهड़ • Dart͸ݩʑAlt JavaScriptͰVM͸Chromeʹ΋౷߹͞ΕΔ͸͕ͣɼTypeScriptʹෛ͚அ೦ • Ͱ΋AdWords͸DartͰॻ͔Ε͍ͯΔ • FlutterͰ͸ɼDart͚ͩͰ͸ͳ͘Kotlin΍SwiftͰωΠςΟϒίʔυΛॻ͘͜ͱ΋Մೳ
 ʢͱ͍͏͔ʮDartͰͲ͏ʹ΋ͳΒͳ͍෦෼͸ωΠςΟϒͰॻ͘ʯͱ͍͏ॲํᝦʣ • ࠷ۙΫϩεϓϥοτϑΥʔϜ։ൃ։ൃ͕Ξπ͍ʁ • MSʮXamarinʂʯɼFacebookʮReact NativeʂʯɼKotlinʮKotlin Nativeʂʯ
5. Flutter's 5 good points ͨͿΜ5ͭҎ্͋Γ·͚͢Ͳʂ
    1. Dartݴޠͷֶशίετ͸௿ͦ͏ 2. Flutterͷ؀ڥߏங͸؆୯ 3. Material Designͷ࠷ઌ୺ 4. Hot ReloadͰര଎։ൃ 5. ഭΓདྷΔ"Fuchsia"ͷӨ
6. Dartݴޠͷֶशίετ͸௿ͦ͏ Ͳ͔͜ͰΈͨ͜ͱͷ͋ΔݴޠͷΑ͏ͳ
    • Dartݴޠ͸࠷ۙͷݴޠɻ͕͠ΒΈ͸গͳ͍ʁ • Dart 1 @ 2013ɼDart 2 @ 2018 • ref) Swift @ 2014ɼKotlin @ 2011ɼGo @ 2009 • Πϯετʔϧ΋؆୯ $ brew tap dart-lang/dart; brew install dart or C:\> choco install dart-sdk
7. Dartݴޠͷֶशίετ͸௿ͦ͏ Ͳ͔͜ͰΈͨ͜ͱͷ͋ΔݴޠͷΑ͏ͳ
    • ߏจ͸Javaͱ͔JavaScriptʹ͍ۙ • JavaతϘΠϥʔίʔυ͸গͳ͍ɻScala΄Ͳ೉͘͠ͳ͍ɻ ܕਪ࿦ՄೳʢpOBMWBSʣ
   @
   Ͱ࢝ΊΔͱQSJWBUF Ҿ਺໊͕ඞਢ
   4XJGUͬΆ͍
8. Flutterͷ؀ڥߏங͸؆୯ ͦ͏ɼmacͳΒͶɻ # Windows΋ಉ͡Ͱ͢ɻ
    • Πϯετʔϧ͸ݱঢ়clone • ؀ڥߏஙͷͨΊͷ"਍அ"͕Ͱ͖Δ • IDE࿈ܞͳͲ • IDEͷϓϥάΠϯͱͯ͠ఏڙ • Android Studio • VS Code $ git clone -b master https://github.com/flutter/flutter.git J04ΞϓϦ͕
   "OESPJE
   4UVEJPͰ։ൃͰ͖Δʂʂ
9. Material Designͷ࠷ઌ୺ MDରԠ͸Flutter͕1൪ਐΜͰΔʁ
    • "Material Theming"͕Google I/O 2018Ͱൃද • Material Design:
 ʮϖʔύʔʯͱʮΠϯΫʯΛϝλϑΝͱͯ͠ɼްΈ(elevation)ͳͲΛ࣋ͭ • Material Theming: 
 Material DesignΛ֤ࣗͰΧελϚΠζͰ͖Δ֓೦ɾػೳ
10. Material Designͷ࠷ઌ୺ MDରԠ͸Flutter͕1൪ਐΜͰΔʁ
     • "Material Theme Editor"͕ϦϦʔε • σβΠϯπʔϧɾSketchͷϓϥάΠϯͱͯ͠ • Α͘Θ͔Βͳ͍͕͘͢͝Α͍Β͍͠ʢࡶʣ • Flutter΋৽ɾMaterial Desinͷର৅ʹ • Android, iOS, WebͱฒΜͰ • GoogleͷྗͷೖΓํ͕͍͢͝ • MDνʔϜͱFlutterνʔϜ͕͍ۙͷ͔ʢʁʣɼ
 Flutterͷਐḿ͕࠷଎Β͍͠
11. Hot ReloadͰര଎։ൃ ͪΐͬͱจࣈม͑ΔͨΊ͚ͩʹϏϧυ x ෼ͱ͔΋͏ΠϠ΍ʂ
     • ίϯύΠϧ͸࠷ૣେมͰ͸ͳ͘ͳͬͨʂ https://qiita.com/zoncoen/items/4ad07dc66ce2d3011fa8
12. ഭΓདྷΔ"Fuchsia"ͷӨ კKotlinͷ࣌୅͕དྷ͔ͨͱࢥͬͨͷʹკ
     • Fuchsiaɿ;ʔ͠Όʁკʁ • ͡Θ͡Θͱࠃ಺ͷίϛϡχςΟ΋େ͖͘ͳ͖ͬͯͯ·͢ • Flutter Meetup Tokyo #4 @ 8/28 / connpass
13. • ࠷ۙΞπ͍FlutterΛษڧ͍ͨ͠ • LT-drivenֶश • ͔ͤͬ͘ษڧͨ͠ͷͰγΣΞ͍ͨ͠ • ฏ੒࠷ޙͷࣗ༝ݚڀ ຊൃදͷૂ͍ʢ࠶ܝʣ
14. 5BLFBXBZT • Flutter͸ෑډ௿͍ • ೔ຊޠͷهࣄ͸·ͩ·ͩ • ؤுΕ͹໨ཱͯΔʂ • Android௚ॻ͖ΑΓ΋ศརͳ͜ͱ΋͋Δ • "State"ͱ͍͏֓೦ͷಋೖʢ৮Ε·ͤΜͰ͕ͨ͠ʣ • ݩ߸͕มΘͬͯ΋Flutter΍Γ͍ͨ
15. That's all of ʮFlutterͬͯͳΜͳΜʯ ͱࢥͬͯ1िؒܦͬͨ 2018/08/20 Mon. Tech-in Meetup #01 ࠙਌ձLT @ukaznil: Tatsuya KONISHI https://ukaznil.com
16. Thank you for Listening !!