スマホアプリクロスプラットフォーム開発のいま
by
Y.Hirano
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
εϚϗΞϓϦΫϩεϓϥοτ ϑΥʔϜ։ൃͷ͍· Flutter/DartʹΑΔiOS/AndroidΞϓϦ։ൃ ฏ༤Ұ 2021/3/24
Slide 2
Slide 2 text
͢ਓ ฏ༤Ұ ϑϦʔϥϯεΤϯδχΞ Android/iOSεϚϗΞϓϦ։ൃઐۀ 2019/8Լ०ʹઋʹҾͬӽ͠
Slide 3
Slide 3 text
εϚϗΞϓϦͷ։ൃڥ • ωΠςΟϒ • Swift(iOS) or Kotlin(Android) • ΫϩεϓϥοτϑΥʔϜ • Flutter ← ࠓͷ • React Native • Xamarin (কདྷ.NET Multi-platform App UIʹҠߦ) • ͦͷ΄͔ (DelphiɾCordova…)
Slide 4
Slide 4 text
2019ࠒ͔ΒFlutter͕ओྲྀʹͳΓग़ͨ͠
Slide 5
Slide 5 text
Flutterͱ • 1ιʔεͰiOS/AndroidͷΞϓϦͷ྆ํΛ࡞ΕΔFramework • Flutterઐ༻SDKͷAPIΛར༻ͯ͠։ൃ • Google͕։ൃ • Dartݴޠ • JavaScriptͱ͔JavaͬΆ͍
Slide 6
Slide 6 text
1ιʔεͰiOS/AndroidͷΞϓϦͷ྆ํΛ࡞ΕΔFramework Reference: https:// fl utter.dev/docs/resources/technical-overview#everythings-a-widget
Slide 7
Slide 7 text
FlutterͷΑ͍ײ͡ͱͷͱ͜Ζ • ϗοτϦϩʔυ • UIͳͲͷमਖ਼ޙ͙͢ʹө͞ΕΔ • ը໘ͷUIΛίʔυͰॻ͚Δ • ωΠςΟϒػೳΛѻ͏ϓϥάΠϯ͕ͦΕͳΓʹॆ࣮ • ΧϝϥɺΧϝϥϩʔϧͷอଘػೳͳͲ
Slide 8
Slide 8 text
FlutterͷΑ͍ײ͡ͱͷͱ͜Ζ • ϨΨγʔͳͱ͜Ζ͕গͳ͍ • ։ൃڥ͕͔ͬ͠Γ͍ͯ͠Δ • Visual Studio CodeɾAndroid Studio
Slide 9
Slide 9 text
Flutterͷ͍͠ͱ͜Ζ • UI͕ωΠςΟϒͰͳ͍ • ͱ͍͑ɺ͔ͳΓΑ͘ग़དྷ͍ͯΔ • ݁ہωΠςΟϒͷ͕ࣝඞཁʹͳΔ͜ͱ͕͋Δ • Ϗϧυ·ΘΓʹଟ͍
Slide 10
Slide 10 text
Flutterͷ͍͠ͱ͜Ζ • Flutter/DartͷόʔδϣϯΞοϓૣ͗͢ • ઃܭͷྲྀߦมΘΓ͗͢ • ݴޠͷઃܭ͕ͪΐͬͱݹ͘͘͞ݟ͑Δ • ະͩʹจʹηϛίϩϯ… • Flutter 2.0͔ΒNull safety͕ಋೖ͞Εͨ
Slide 11
Slide 11 text
࠾༻ͷ͠Ͳ͜Ζ • API͔ΒσʔλΛऔ͖ͬͯͯϦετʹදࣔͨ͠ΓɺAPIʹσʔλΛ͛ Δ͘Β͍ͷΦʔιυοΫεͳΞϓϦ • εϚϗΞϓϦࣗମ͕ϝΠϯͰͳ͍Կ͔ʢػثͷϦϞίϯΞϓϦͳ ͲʣͷͨΊͷΞϓϦ • ݸਓతʹখنҊ݅͘Β͍͕͓͢͢Ί • ͱ͍͑ɺେنҙ֎ͱ͍͚Δ
Slide 12
Slide 12 text
࠾༻ͷ͍͠ͱ͜Ζ • Flutter/DartͰ͖Δਓগͳ͍ • ࠾༻͍͔͠͠Εͳ͍ • εϚϗΞϓϦΤϯδχΞ͕ͦͦগͳ͍ • ϝϯς͕͍ͭ·ͰͰ͖Δͷ͔ • ઃܭྲྀߦͷ͍Ε͔ΘΓ • ݸਓ։ൃͷϓϥάΠϯͷαϙʔτظؒͳͲ • ͓٬͞Μ͕ͬͯ͘Δʢ͜ͱ͕͋Δʣ
Slide 13
Slide 13 text
ͱ͍͑ • खܰʹখ࢝͘͞ΊΔͷʹҙ֎ͱΑ͍ڥ • ωΠςΟϒ։ൃΛࠓ͔ΒֶͿΑΓָ͔͠Εͳ͍
Slide 14
Slide 14 text
ઌొͨ͠Flutter 2ʹ͍ͭͯ • iOS/Android/WebҎ֎ʹɺWindows/macOS/LinuxΛαϙʔτ • Null Safety͕ಋೖ • ࣮ಋೖ͠Βͬͨ͘ํ͕Α͍͔ • ͍ͬͯΔϓϥάΠϯ͕Flutter 2ʹରԠ͔ͯ͠Β͕҆