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

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

ukaznil
August 20, 2018

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

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

ukaznil

August 20, 2018
Tweet

More Decks by ukaznil

Other Decks in Programming

Transcript

  1. 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)
  2. 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ʂʯ
  3. Flutter's 5 good points ͨͿΜ5ͭҎ্͋Γ·͚͢Ͳʂ   1. Dartݴޠͷֶशίετ͸௿ͦ͏ 2.

    Flutterͷ؀ڥߏங͸؆୯ 3. Material Designͷ࠷ઌ୺ 4. Hot ReloadͰര଎։ൃ 5. ഭΓདྷΔ"Fuchsia"ͷӨ
  4. 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
  5. Flutterͷ؀ڥߏங͸؆୯ ͦ͏ɼmacͳΒͶɻ # Windows΋ಉ͡Ͱ͢ɻ   • Πϯετʔϧ͸ݱঢ়clone • ؀ڥߏஙͷͨΊͷ"਍அ"͕Ͱ͖Δ

    • IDE࿈ܞͳͲ • IDEͷϓϥάΠϯͱͯ͠ఏڙ • Android Studio • VS Code $ git clone -b master https://github.com/flutter/flutter.git J04ΞϓϦ͕ "OESPJE4UVEJPͰ։ൃͰ͖Δʂʂ
  6. Material Designͷ࠷ઌ୺ MDରԠ͸Flutter͕1൪ਐΜͰΔʁ   • "Material Theming"͕Google I/O 2018Ͱൃද

    • Material Design:
 ʮϖʔύʔʯͱʮΠϯΫʯΛϝλϑΝͱͯ͠ɼްΈ(elevation)ͳͲΛ࣋ͭ • Material Theming: 
 Material DesignΛ֤ࣗͰΧελϚΠζͰ͖Δ֓೦ɾػೳ
  7. Material Designͷ࠷ઌ୺ MDରԠ͸Flutter͕1൪ਐΜͰΔʁ   • "Material Theme Editor"͕ϦϦʔε •

    σβΠϯπʔϧɾSketchͷϓϥάΠϯͱͯ͠ • Α͘Θ͔Βͳ͍͕͘͢͝Α͍Β͍͠ʢࡶʣ • Flutter΋৽ɾMaterial Desinͷର৅ʹ • Android, iOS, WebͱฒΜͰ • GoogleͷྗͷೖΓํ͕͍͢͝ • MDνʔϜͱFlutterνʔϜ͕͍ۙͷ͔ʢʁʣɼ
 Flutterͷਐḿ͕࠷଎Β͍͠