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

Flutterでやっていくアプリケーション開発

 Flutterでやっていくアプリケーション開発

CAMPHOR- DAY 2020の登壇資料です。
https://camphor.connpass.com/event/167947/

Flutterは1つのソースコードから複数のプラットフォームのアプリを作ることができるクロスプラットフォームのフレームワークです。最近GitHubではReact Nativeのスター数を抜き、急速に開発が進められ注目を集めています。Flutterの特徴、Flutterの開発言語であるDartの良さみについてお話します。

Arata Sato

March 29, 2020
Tweet

More Decks by Arata Sato

Other Decks in Programming

Transcript

  1. Flutter Google’s UI toolkit for building beautiful, natively compiled applications

    for mobile, web, and desktop from a single codebase. “ “
  2. Dart class Box<T> implements AbstractBox { T contents; Box(this.contents); Box<R>

    rebox<R>(R callback(T)) { return Box<R>(callback(contents)); } } オブジェクト指向
  3. Dart Box<String> box = new Box<String>('1'); Box<num> newBox = box

    .rebox<num>(toInt); num value = newBox.contents;
  4. Dart var box = Box<String>('1'); var newBox = box .rebox<num>(toInt);

    var value = newBox.contents; 少ない記述
  5. Dart var box = Box('1'); var newBox = box .rebox(toInt);

    var value = newBox.contents; 少ない記述
  6. Dart var text = ['hoge']; assert(text is String); // Failed

    assertion: line 2 pos 10: 'text is String': is not true. assert
  7. UI class Title extends StatelessWidget { @override Widget build(BuildContext context)

    { return Center( child: Text( 'Hello CAMPHOR- DAY!', style: TextStyle(fontSize: 36), ), ); } } クラスでWidgetを表現する
  8. UI BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.home), title: Text("Home")), BottomNavigationBarItem(

    icon: Icon(Icons.settings), title: Text("Setting")), ], ) Materialデザインならシュッと作れる