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
560
「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
380
"Convert Java File to Kotlin File"の甘い罠
ukaznil
0
1.1k
Swiftは""" """のか?
ukaznil
0
850
Other Decks in Programming
See All in Programming
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
18k
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
15
2.9k
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
350
Material 3で Material 2ぽい見た目にする
numeroanddev
2
250
マイ隙間家具OSSたちのご紹介
karupanerura
2
150
PHP8の機能を使って堅牢にコードを書く
fendo181
6
2.6k
GitHub Copilot Tips and Tricks
yuichielectric
26
7.4k
phpunit/php-code-coverageって何をしてるんだ #phperkaigi
o0h
PRO
2
210
自作ソフト(VMagicMirror)がVRMA対応してる話+実装のTips
bakudreameater
0
110
PHP で読む楽しいコアダンプ
sji
0
240
PHPでOfficeファイルを取り扱う! PHP Officeライブラリを プロダクトに組み込んだ話
hirobe1999
0
830
Featured
See All Featured
For a Future-Friendly Web
brad_frost
170
8.9k
How GitHub (no longer) Works
holman
301
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
How to name files
jennybc
62
92k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
950
Designing Experiences People Love
moore
135
23k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Thoughts on Productivity
jonyablonski
57
3.8k
GraphQLとの向き合い方2022年版
quramy
28
12k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
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 !!