Upgrade to Pro — share decks privately, control downloads, hide ads and more …

コードで見るFlutterアプリの実装

konifar
February 09, 2018

 コードで見るFlutterアプリの実装

DroidKaigi 2018 2日目 17:40 ~ 18:10

konifar

February 09, 2018
Tweet

More Decks by konifar

Other Decks in Programming

Transcript

  1. Kyash Inc. • Sending and receiving money 
 with kyash

    is easy breeze • HP : https://kyash.co/ • Store : https://goo.gl/C594Ri Konifar’s QR
  2. ࠓ೔࿩͞ͳ͍͜ͱ • Dartͷݴޠ࢓༷ͷ࿩
 => JavaʹࣅͯΔɻlanguage-tourΑ͍ɻhttps://www.dartlang.org/guides/language/language-tour • FlutterͷηοτΞοϓͷ࿩
 => ެࣜυΩϡϝϯτ͕खް͘આ໌ͯ͘͠Ε͍ͯΔɻ https://flutter.io/setup/

    • Flutterͷ಺෦࣮૷ͷ࿩
 => https://docs.google.com/presentation/d/1B3p0kP6NV_XMOimRV09Ms75ymIjU5gr6GGIX74Om_DE/edit#slide=id.g2388ebc691_2_112 • ઃܭͷ࿩
 => ΄ͱΜͲReactͱಉٞ͡࿦ɻ http://fluttersamples.com/ • طଘΞϓϦʹFlutterΛಋೖ͢Δ࿩
 => ࢓૊Έͱͯ͠͸Ͱ͖Δɻ https://github.com/flutter/flutter/tree/master/examples/platform_view • iOSͷ࿩
 => ϦϦʔε͸େมͱ͚ͩ఻͓͖͍͑ͯͨɻ
  3. Agenda 1. Flutterͷ͓͞Β͍ (5෼) 1. Flutterͱ͸ 2. ReactNativeͱͷҧ͍ 3. Androider͔ΒݟͨFlutter

    2. Flutterͷίʔυ (15෼) 1. WidgetʢجຊɺWidgetπϦʔͷߏஙʣ 2. σʔλͷѻ͍ʢωοτϫʔΫ௨৴ɺΩϟογϡʣ 3. Ұ໰Ұ౴ (5෼)
  4. ReactNativeͱͷҧ͍ Flutter ReactNative Language Dart Javascript UI Support Support officially

    Depends on 3rd party libraries Rendering Own engine JS bridge & Native https://flutter.io/faq/
  5. ͢΂ͯ͸WidgetͰ͋Δ • Icon = Widget • IconButton = Widget •

    Positioned = Widget! • ScaleTransition = Widget!!
  6. ͢΂ͯ͸WidgetͰ͋Δ • Icon = Widget • IconButton = Widget •

    Positioned = Widget! • ScaleTransition = Widget!!
  7. ͢΂ͯ͸WidgetͰ͋Δ • Icon = Widget • IconButton = Widget •

    Positioned = Widget • ScaleTransition = Widget!!
  8. ͢΂ͯ͸WidgetͰ͋Δ • Icon = Widget • IconButton = Widget •

    Positioned = Widget • ScaleTransition = Widget "OJNBUJPO