flutter初心者でもわかりやすく、簡単なアプリを作るまでの話をします。例えば、UI宣言やホットリロードなど便利機能の使い方などもお話します。
Flutter入門鈴木孝之
View Slide
"HFOEBࣗݾհɾձࣾհ'MVUUFSͱ'MVUUFSΛֶ΅͏ͱࢥͬͨཧ༝։ൃͨ͠αʔϏε
ࣗݾհɾձࣾհ
1.ࣗݾհ◆໊લླ ೭(Suzuki Takayuki)※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ◆ࣗݾհɾ1990ɺਆಸݝੜ·Εɻɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻɾ2015ʹϑϧεϐʔυʹೖࣾ͠ɺ2017ʹಠཱɻɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛͬͨޙʹԭೄͰىۀ◆झຯίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓBDD(Ϗʔνۦಈ։ൃ)
1.ࣗݾհ
Copyright Re:Build.inc All Rights Reserved.1.ձࣾհ◆ձ໊ࣾגࣜձࣾRe:Build◆ॅॴԭೄݝಹࢢٱໜ2-2-2 λΠϜεϏϧ◆ࣄۀ༰ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻɾडୗ։ൃ◆ࣾһ7໊◆ΤϯδχΞͷಇ͖ํϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪͯ͠·͢ʂ
Copyright Re:Build.inc All Rights Reserved.7ɾαʔϏε໊Tadoru https://tadoru.work/ ɾγεςϜ֓ཁΤϯδχΞಛԽܕͷϦϑΝϥϧΫϥυιʔγϯά1 ձࣾհ
Copyright Re:Build.inc All Rights Reserved.8ɾαʔϏε໊Re:Build Boot Camp https://rebuild-bootcamp.jp/ ɾ֓ཁԭೄͱٶ࡚Ͱʮ࣮ϨϕϧʯΛࢦ͢ํ͚ͷϓϩάϥϛϯάεΫʔϧɾ͏ٕज़LaravelɺVue.jsͳͲ1 ձࣾհ
Copyright Re:Build.inc All Rights Reserved.9࣮Ϩϕϧॳ৺ऀॳڃऀํͷॳ৺ऀ͚ͷϓϩάϥϛϯάεΫʔϧΛଔۀͨ͠ޙͷॳڃऀ͔Β࣮Ϩϕϧ·ͰͷؒΛຒΊΔεΫʔϧ1 ձࣾհ
'MVUUFSͱ
FlutterΛ༻͢ΔͱɺiOS͓ΑͼAndroidͰ୯Ұͷίʔυ͔ΒωΠςΟϒΞϓϦΛߏஙͰ͖·͢ɻͭ·ΓɺΫϩεϓϥοτϑΥʔϜ։ൃٕज़Ͱ͢ɻ͜Ε୯ҰͷίʔυΛهड़Ͱ͖ΔςΫϊϩδʔͰ͋ΓɺΞϓϦέʔγϣϯAndroid͓ΑͼiOSϓϥοτϑΥʔϜͷ྆ํͰಈ࡞͠·͢ɻFlutterͱhttps://note.com/heavenosk/n/n245b72973600
Benefits of Flutterཧղ͍͢͠։ൃݴޠͰߏஙͰ͖ΔFlutterͰ༻͞ΕΔݴޠʮμʔτʯͱݺΕ·͢ɻ DartͱͱJavaScriptͷସݴޠͱͯ͠ొ͠ɺͦͷܗࣜJavaScriptʹࣅ͍ͯ·͢ɻϗοτϦϩʔυΛؚΉॊೈͳUIϓϩάϥϜͷ༰Λมߋ͢Δͱɺ͙͢ʹը໘ʹө͞Ε·͢ɻ ίϯύΠϧͤͣʹ։ൃ͍༷͢͠ʹͳ͍ͬͯ·͢ɻAOTίϯύΠϥʔͱJITίϯύΠϥʔͷ྆ํΛ༻ͨ͠ޮతͳ։ൃ։ൃதɺΞϓϦέʔγϣϯͷ࣮ߦ࣌ʹίϯύΠϧͯ͠ػցޠʹม͢ΔJITͰϗοτϦϩʔυΛ༻Ͱ͖·͢ɻϦϦʔεޙɺϏϧυ࣌ʹίϯύΠϧ͞ΕΔAOTɺ࣮ߦʹඞཁͳෛՙͱ࣌ؒΛݮ͠·͢ɻ1 2 3https://udemy.benesse.co.jp/development/ios/flutter-intro.html
DartɺΣϒΞϓϦέʔγϣϯ։ൃͷͨΊʹGoogle͕։ൃͨ͠ϓϩάϥϛϯάݴޠͰ͢ɻ େنͳΞϓϦέʔγϣϯ/αʔϏε։ൃΛαϙʔτͰ͖ΔΫϥεϕʔεͷΦϒδΣΫτࢦݴޠɻDartݴޠͱʁhttps://www.ossnews.jp/oss_info/Dart
JavaScriptͷସΛࢦ͢DartɺʮJavaScriptݴޠͰղܾͰ͖ͳ͍ݴޠͷΛղܾ͢Δʯɺʮ༏ΕͨύϑΥʔϚϯεʯɺʮେنͳϓϩδΣΫτͰͷ༻ʹ͑Δʯɺʮ҆શʯͷ؍͔Βઃܭ͞Ε·ͨ͠ɻhttps://www.ossnews.jp/oss_info/DartDartݴޠͱʁ
FlutterʹɺAndroid StudioɺIntelliJ IDEAɺ͓ΑͼVisual StudioCode༻ͷެࣜ։ൃϓϥάΠϯ͕͋Γ·͢ɻ ϓϥάΠϯΛ༻ͤͣʹFlutterͷίϚϯυϥΠϯπʔϧΛ༻͢Δ͜ͱͰ͖ΔͨΊɺ͓ؾʹೖΓͷΤσΟλʔΛ༻ͯ͠FlutterͰΞϓϦέʔγϣϯΛ։ൃͰ͖·͢ɻ։ൃπʔϧͷ༻ํ๏https://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
·ͣɺެࣜͷAndroid StudioΣϒαΠτ͔ΒAndroidStudioΛμϯϩʔυ͠·͢ɻhttps://developer.android.com/studioAndroid StudioͷηοτΞοϓhttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
FlutterϓϥάΠϯΛΠϯετʔϧ͢ΔAndroid Studio༻ͷFlutterϓϥάΠϯΛΠϯετʔϧͯ͠༻͠·͢ɻ Android Studioͷ[ઃఆ]͔Β[ϓϥάΠϯ]Λબ͠ɺը໘ͷԼ෦ʹ͋Δ[ϦϙδτϦͷࢀর]Λબ͠·͢ɻը໘ΛʮflutterʯͰݕࡧ͠ɺදࣔ͞ΕΔʮFlutterʯΛબ͠ɺInstallϘλϯͰΠϯετʔϧ͠·͢ɻAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
ΠϯετʔϧޙɺAndroid StudioΛ࠶ىಈ͍ͯͩ͘͠͞ɻ ࠶ىಈޙɺAndroid Studioͷελʔτը໘ʹʮ৽نFlutterϓϩδΣΫτΛ։࢝͢Δʯͷϝχϡʔ͕දࣔ͞ΕΔͷͰબ͠·͢ɻAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
[৽نFlutterϓϩδΣΫτ]ը໘Ͱɺ[FlutterΞϓϦέʔγϣϯ]Λબ͠ɺ[࣍]ʹਐΈ·͢ɻAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
Android StudioͷTools͔ΒʮAVDManagerʯΛબ͠ɺAVDͷҰཡը໘͕දࣔ͞ΕͨΒɺࠨԼͷʮʴCreate Virtual DeviceʯΛબͼ·͢ɻ࣍ͷը໘ͰҙͷHardwareΛબΜͰʮNextʯਐΈ·͢ɻAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
࠶ੜϘλϯΛΫϦοΫ͢ΔAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
ΞϓϦΛىಈ͢ΔAndroid Studio Setuphttps://employment.en-japan.com/engineerhub/entry/2019/08/06/103000
'MVUUFSΛֶ΅͏ͱࢥͬͨཧ༝
ΫϩεϓϥοτϑΥʔϜͷٕज़બఆΛ͢Δࣄ͕૿͑ͨɾ·ͣ؆୯ʹϓϩτλΠϓΛωΠςΟϒΞϓϦͰ࡞Γ͍ͨͰ͢ɻɾωΠςΟϒΞϓϦΛ࡞Γ͍ͨͷͰɺFlutter͔React NativeͰ͓ئ͍Ͱ͖·ͤΜʁɾٕज़બఆ͢Δ্ͰͲΜͳͷ͔͓͖͍ࣗͬͯͨɻͳͲ
ࠓ·Ͱͷ͕ࣗ։ൃܦݧͷ͋Δϑϩϯτٕज़
https://qiita.com/nskydiving/items/c13c949cc17c6f980a67Development LanguageDevelopmentEnvironmentPlatform UIApplicationexampleFlutter Google DartAndroid Studio,IntelliJ IDEA, VisualStudio CodeiOS, Android, Web,Windows, Mac,LinuxOriginal UIXianyu, Hamilton,Google AdsReactNative FacebookJavaScript,TypeScriptNuclide, VisualStudio CodeiOS, Android,Web(Mac, Windows)Native UIInstagram,Facebook, FacebookAds, Skype, TeslaFlutterͱReact NativeͲͪΒ͕ྑ͍ͷͩΖ͏͔ʁ- ϑϨʔϜϫʔΫൺֱදΛݟ͍͚ͯͨͩΕ͔Δ௨Γɺ྆ऀඇৗʹΑ͘ࣅ͍ͯ·͢ɻ- React Native ͕طଘͷ Web ٕज़Λϕʔεʹઃܭ͞Ε͍ͯΔͷʹରͯ͠ɺFlutter શ͘Ұ͔Βઃܭ͞Ε͍ͯ·͢ɻ
FlutterͱReact NativeͷUIͷҧ͍- React Native ωΠςΟϒ UI Λ࠾༻͍ͯ͠·͕͢ɺFlutter ಠࣗUI Λ࠾༻͍ͯ͠·͢ɻ- ͭ·ΓɺReact Native ΞϓϦϓϥοτϑΥʔϜʹΑͬͯݟ͕ͨมΘΓ·͕͢ɺFlutter ΞϓϦͲͷϓϥοτϑΥʔϜͰ౷Ұ͞ΕͨݟͨʹͳΓ·͢ɻhttps://qiita.com/nskydiving/items/c13c949cc17c6f980a67
FlutterͱReact NativeͷϦιʔε֬อʹ͍ͭͯ- ຊͩͱ·ͩReact NativeͷΤϯδχΞͷํ͕গ͚ͩ͠ଟ͍ҹɻ - ւ֎ͰΦϑγϣΞͰൃ͢Δʹͯ͠ɺFlutterΤϯδχΞ୯Ձ͕ߴͯ͘ίετײ͕߹Θͳ͍ɻhttps://qiita.com/nskydiving/items/c13c949cc17c6f980a67
։ൃͨ͠αʔϏε
WWW.SITE2MAX.PROFree PowerPoint & KeyNote TemplatesDEMOEventSearchEventSearch
࣮͠Α͏ͱࢥͬͨཧ༝Πϕϯτͷݕࡧ͕݅͋·Γͳ͍…
࣮͠Α͏ͱࢥͬͨཧ༝ΞϓϦ൛͋·Γ͍͘͢ͳ͍ɻ
ΞϓϦέʔγϣϯશମߏhttps://connpass.com/api/v1/event/APIconnpass API͔ΒΠϕϯτใΛऔಘ
34ΩʔϫʔυݕࡧҬݕࡧMockը໘ϞοΫଞͷݕࡧ࣮݅தɻ
Connpass API༷ॻݕࡧ͍͔݅ͭ͋͘ΔͷͰɺҾ͖ଓ͖ɺ࣮தhttps://connpass.com/about/api/
࣮༰ΞϓϦͷએݴ
࣮༰Connpass͔ΒͷऔಘใΛҰͭͷclassʹूɻ
࣮༰Widget෦ɻݕࡧϑΟʔϧυͱυϩοϓμϯΛੜ
࣮༰ݕࡧॲཧ෦ɻConnpass APIΛୟ͍ͯऔಘɻ
·ͱΊ
࣮ͯ͠Έͨײ- ॻ͍ͨײ͡ɺTypeScriptʹࣅ͍ͯΔؾ͕͢Δɻ- WidgetΛ࡞Δͷ͕͍͠ɻ͜ΕΛ͓٬͞Μͷࢦఆͨ͠σβΠϯͯΔ࡞ۀͱ͔େมͦ͏ɻ- ֶशίετߴͦ͏͚ͩͲɺ׳ΕΕ͖ͬͪΓॻ͚ΔͷͰɺྑͦ͞͏ɻ