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
「Flutterってなんなん」と思って1週間経った
Search
ukaznil
August 20, 2018
Programming
1
670
「Flutterってなんなん」と思って1週間経った
Tech-in Meetup #01(社内勉強会)のLT資料です。
ukaznil
August 20, 2018
Tweet
Share
More Decks by ukaznil
See All by ukaznil
"Gradle meets Kotlin"ってどんな感じ?
ukaznil
3
440
"Convert Java File to Kotlin File"の甘い罠
ukaznil
0
1.3k
Swiftは""" """のか?
ukaznil
0
950
Other Decks in Programming
See All in Programming
自作OSでDOOMを動かしてみた
zakki0925224
1
1.4k
AHC051解法紹介
eijirou
0
630
Claude Codeで実装以外の開発フロー、どこまで自動化できるか?失敗と成功
ndadayo
2
1.5k
ソフトウェアテスト徹底指南書の紹介
goyoki
1
110
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
110
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
520
Claude Codeで挑むOSSコントリビュート
eycjur
0
180
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
1
2.2k
サイトを作ったらNFCタグキーホルダーを爆速で作れ!
yuukis
0
600
Namespace and Its Future
tagomoris
6
570
マイコンでもRustのtestがしたい その2/KernelVM Tokyo 18
tnishinaga
2
2.3k
パッケージ設計の黒魔術/Kyoto.go#63
lufia
1
120
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Statistics for Hackers
jakevdp
799
220k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
900
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Side Projects
sachag
455
43k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Why Our Code Smells
bkeepers
PRO
338
57k
It's Worth the Effort
3n
187
28k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Transcript
ʮFlutterͬͯͳΜͳΜʯ ͱࢥͬͯ1िؒܦͬͨ 2018/08/20 Mon. Tech-in Meetup #01 ࠙ձLT @ukaznil: Tatsuya
KONISHI https://ukaznil.com
ຊൃදͷૂ͍ • ࠷ۙΞπ͍FlutterΛษڧ͍ͨ͠ • LT-drivenֶश • ͔ͤͬ͘ษڧͨ͠ͷͰγΣΞ͍ͨ͠ • ฏ࠷ޙͷࣗ༝ݚڀ
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)
Flutter ? flutterʹʮͻΒͻΒ͢Δʯ • ϞόΠϧ͚ΫϩεϓϥοτϑΥʔϜ։ൃͷϑϨʔϜϫʔΫ by Google •
DartݴޠͰهड़ • DartݩʑAlt JavaScriptͰVMChromeʹ౷߹͞ΕΔ͕ͣɼTypeScriptʹෛ͚அ೦ • ͰAdWordsDartͰॻ͔Ε͍ͯΔ • FlutterͰɼDart͚ͩͰͳ͘KotlinSwiftͰωΠςΟϒίʔυΛॻ͘͜ͱՄೳ ʢͱ͍͏͔ʮDartͰͲ͏ʹͳΒͳ͍෦ωΠςΟϒͰॻ͘ʯͱ͍͏ॲํᝦʣ • ࠷ۙΫϩεϓϥοτϑΥʔϜ։ൃ։ൃ͕Ξπ͍ʁ • MSʮXamarinʂʯɼFacebookʮReact NativeʂʯɼKotlinʮKotlin Nativeʂʯ
Flutter's 5 good points ͨͿΜ5ͭҎ্͋Γ·͚͢Ͳʂ 1. Dartݴޠͷֶशίετͦ͏ 2.
Flutterͷڥߏங؆୯ 3. Material Designͷ࠷ઌ 4. Hot ReloadͰര։ൃ 5. ഭΓདྷΔ"Fuchsia"ͷӨ
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
Dartݴޠͷֶशίετͦ͏ Ͳ͔͜ͰΈͨ͜ͱͷ͋ΔݴޠͷΑ͏ͳ • ߏจJavaͱ͔JavaScriptʹ͍ۙ • JavaతϘΠϥʔίʔυগͳ͍ɻScala΄Ͳ͘͠ͳ͍ɻ ܕਪՄೳʢpOBMWBSʣ @Ͱ࢝ΊΔͱQSJWBUF
Ҿ໊͕ඞਢ 4XJGUͬΆ͍
Flutterͷڥߏங؆୯ ͦ͏ɼmacͳΒͶɻ # Windowsಉ͡Ͱ͢ɻ • Πϯετʔϧݱঢ়clone • ڥߏஙͷͨΊͷ"அ"͕Ͱ͖Δ
• IDE࿈ܞͳͲ • IDEͷϓϥάΠϯͱͯ͠ఏڙ • Android Studio • VS Code $ git clone -b master https://github.com/flutter/flutter.git J04ΞϓϦ͕ "OESPJE4UVEJPͰ։ൃͰ͖Δʂʂ
Material Designͷ࠷ઌ MDରԠFlutter͕1൪ਐΜͰΔʁ • "Material Theming"͕Google I/O 2018Ͱൃද
• Material Design: ʮϖʔύʔʯͱʮΠϯΫʯΛϝλϑΝͱͯ͠ɼްΈ(elevation)ͳͲΛ࣋ͭ • Material Theming: Material DesignΛ֤ࣗͰΧελϚΠζͰ͖Δ֓೦ɾػೳ
Material Designͷ࠷ઌ MDରԠFlutter͕1൪ਐΜͰΔʁ • "Material Theme Editor"͕ϦϦʔε •
σβΠϯπʔϧɾSketchͷϓϥάΠϯͱͯ͠ • Α͘Θ͔Βͳ͍͕͘͢͝Α͍Β͍͠ʢࡶʣ • Flutter৽ɾMaterial Desinͷରʹ • Android, iOS, WebͱฒΜͰ • GoogleͷྗͷೖΓํ͕͍͢͝ • MDνʔϜͱFlutterνʔϜ͕͍ۙͷ͔ʢʁʣɼ Flutterͷਐḿ͕࠷Β͍͠
Hot ReloadͰര։ൃ ͪΐͬͱจࣈม͑ΔͨΊ͚ͩʹϏϧυ x ͱ͔͏ΠϠʂ • ίϯύΠϧ࠷ૣେมͰͳ͘ͳͬͨʂ https://qiita.com/zoncoen/items/4ad07dc66ce2d3011fa8
ഭΓདྷΔ"Fuchsia"ͷӨ კKotlinͷ͕࣌དྷ͔ͨͱࢥͬͨͷʹკ • Fuchsiaɿ;ʔ͠Όʁკʁ • ͡Θ͡ΘͱࠃͷίϛϡχςΟେ͖͘ͳ͖ͬͯͯ·͢ • Flutter
Meetup Tokyo #4 @ 8/28 / connpass
• ࠷ۙΞπ͍FlutterΛษڧ͍ͨ͠ • LT-drivenֶश • ͔ͤͬ͘ษڧͨ͠ͷͰγΣΞ͍ͨ͠ • ฏ࠷ޙͷࣗ༝ݚڀ ຊൃදͷૂ͍ʢ࠶ܝʣ
5BLFBXBZT • Flutterෑډ͍ • ຊޠͷهࣄ·ͩ·ͩ • ؤுΕཱͯΔʂ • Androidॻ͖ΑΓศརͳ͜ͱ͋Δ •
"State"ͱ͍͏֓೦ͷಋೖʢ৮Ε·ͤΜͰ͕ͨ͠ʣ • ݩ߸͕มΘͬͯFlutterΓ͍ͨ
That's all of ʮFlutterͬͯͳΜͳΜʯ ͱࢥͬͯ1िؒܦͬͨ 2018/08/20 Mon. Tech-in Meetup #01
࠙ձLT @ukaznil: Tatsuya KONISHI https://ukaznil.com
Thank you for Listening !!