Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Ba4af0fede46022fdb6f5da8819784f9?s=47 ukaznil
August 20, 2018

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

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

Ba4af0fede46022fdb6f5da8819784f9?s=128

ukaznil

August 20, 2018
Tweet

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ΞϓϦ͕ "OESPJE4UVEJPͰ։ൃͰ͖Δʂʂ
  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 !!