スマホアプリクロスプラットフォーム開発のいま
by
Y.Hirano
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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ʹରԠ͔ͯ͠Β͕҆