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
660
「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
Goで作る、開発・CI環境
sin392
0
260
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
790
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.7k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
970
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
240
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
570
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
600
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
240
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
140
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.5k
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
VS Code Update for GitHub Copilot
74th
2
670
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Balancing Empowerment & Direction
lara
1
440
The Cult of Friendly URLs
andyhume
79
6.5k
KATA
mclloyd
30
14k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
7
330
Building an army of robots
kneath
306
45k
Bash Introduction
62gerente
613
210k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Building Adaptive Systems
keathley
43
2.7k
Fireside Chat
paigeccino
37
3.5k
Into the Great Unknown - MozCon
thekraken
40
1.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 !!