狠狠撸

狠狠撸Share a Scribd company logo
Flutterを使って
モバイルアプリを作った軌跡
2019/09/20 sh-ogawa
きょうの流れ
Flutterについて
Flutterで作る前に何をしたか
Flutterで作ってみてどうだったか
Flutterについて
● ハイブリッドアプリケーションプラット
フォーム
● Googleが開発
● version 1.9が最新
ハイブリッドアプリケーシ
ョンプラットフォーム
● センサなどデバイスへのアクセス可能
● Webベース
● ネイティブベース
Webベース
● cordova/phonegap、ionic
● html5/css3/javascript
● 厂笔础の元祖(言い过ぎかもしれない)
ネイティブベース
● xamarin、react native、flutter
● コンパイルされる
Flutter
● Dart製
● 下側はプラットフォームレベルのCと連携し
ている模様
● コンパイルすると.soが作られる
● Android/iOS用に拡張できる
アプリ作る前にやったこと
● とりあえず本読んだ
https://www.amazon.co.jp/dp/4798055832/ref=cm_sw_em_r_mt_dp_U_wkVGDb77K2H7S
● Flutter official site document
https://flutter.dev/docs
● TODO書いてみた
https://github.com/sh-ogawa/flutter-todo
● Flutter Widget of the week
https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG
● Effective Dart
https://dart.dev/guides/language/effective-dart
コードを読んでみる
Flutterで作ってみてどう
だったか
● UIの微調整は慣れが必要
● Widgetはイミュータブル
● Widgetツリーを意識する
● ジェスチャーの実装が楽
● リソース読み込みは全部非同期
● ログは読みづらいけど親切ではある
UIの微調整は慣れが必要
● 思ったようにマージン適応できない
● LEFTが思ったように効かない
● 尝颈蝉迟痴颈别飞使うとエラーになる
Widgetはイミュータブル
● 常に新しく作られて置き換わる
● パネルで考えると判りやすい
Widgetツリーを意識する
● Widgetのリビルド範囲に直結する
● 何も考えないで配置すると激重になる
● Stateによって再生成するものは外側へ
● StatefullWidgetのサンプル悪ない?
ジェスチャーの実装が楽
● スワイプとかダブルタップとか標準
● オブジェクトがどこに配置されているか管理
不要
リソース読込みは非同期
● Futureが強力(Async/Awaitのこと)
● Futureにジェネリクスが使える
● Promiseをある程度使えない人にはFlutter
は難しい
ログは親切
● だらだら垂れ流してくるから読みづらい
● 必要なことは書いてある
● だが読みづらい
おしまい
Ad

Recommended

ハイブリッドアプリについて-笔丑辞苍别骋补辫アプリ制作の入り口-
ハイブリッドアプリについて-笔丑辞苍别骋补辫アプリ制作の入り口-
Yossy Taka
?
超高速で蹿濒耻迟迟别谤アプリをビルドする
超高速で蹿濒耻迟迟别谤アプリをビルドする
ssuser34abd0
?
贵濒耻迟迟别谤で础苍诲谤辞颈诲/颈翱厂両対応のアプリ开発
贵濒耻迟迟别谤で础苍诲谤辞颈诲/颈翱厂両対応のアプリ开発
najeira
?
贵濒耻迟迟别谤やってみよう
贵濒耻迟迟别谤やってみよう
Ryuto Yasugi
?
Flutter (フラッター)
Flutter (フラッター)
fujita noriko
?
Track paint
Track paint
syukwsk
?
社内発表资料
社内発表资料
ssuser0b0d0b
?
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
KeisukeKiriyama
?
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
Recruit Lifestyle Co., Ltd.
?
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
KeisukeKiriyama
?
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
Satoshi Noda
?
スマホアプリを0から设计してリリースするまでのこと
スマホアプリを0から设计してリリースするまでのこと
Lina Katayose
?
贵濒耻迟迟别谤、いいじゃん
贵濒耻迟迟别谤、いいじゃん
洋祐 矢野
?
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
Kosuke Saigusa
?
Flutter_Forward_Extended_Kyoto-Keynote_Summary
Flutter_Forward_Extended_Kyoto-Keynote_Summary
cch-robo
?
个人アプリ开発
个人アプリ开発
kentarokuroda
?
贵颈谤别产补蝉别を使ってアプリを作ってみた
贵颈谤别产补蝉别を使ってアプリを作ってみた
Gunma University
?
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
とさ はるき
?
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Kazuhiro Furue
?
Effective flutter
Effective flutter
小川 昌吾
?
Flutter management statement
Flutter management statement
小川 昌吾
?
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
?
Lara vue
Lara vue
小川 昌吾
?
Atomic design+vue
Atomic design+vue
小川 昌吾
?
今年はある意味当たり年だった! という一年振り返り
今年はある意味当たり年だった! という一年振り返り
小川 昌吾
?
Njug docker-20180623
Njug docker-20180623
小川 昌吾
?
アプリ屋のための Docker入門
アプリ屋のための Docker入門
小川 昌吾
?
Njug 20180414
Njug 20180414
小川 昌吾
?
闯补惫补屋から笔贬笔别谤になって1年くらい経った
闯补惫补屋から笔贬笔别谤になって1年くらい経った
小川 昌吾
?
チュートリアルではじめる痴耻别.箩蝉
チュートリアルではじめる痴耻别.箩蝉
小川 昌吾
?

More Related Content

Similar to Flutter first impression (11)

贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
Recruit Lifestyle Co., Ltd.
?
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
KeisukeKiriyama
?
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
Satoshi Noda
?
スマホアプリを0から设计してリリースするまでのこと
スマホアプリを0から设计してリリースするまでのこと
Lina Katayose
?
贵濒耻迟迟别谤、いいじゃん
贵濒耻迟迟别谤、いいじゃん
洋祐 矢野
?
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
Kosuke Saigusa
?
Flutter_Forward_Extended_Kyoto-Keynote_Summary
Flutter_Forward_Extended_Kyoto-Keynote_Summary
cch-robo
?
个人アプリ开発
个人アプリ开発
kentarokuroda
?
贵颈谤别产补蝉别を使ってアプリを作ってみた
贵颈谤别产补蝉别を使ってアプリを作ってみた
Gunma University
?
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
とさ はるき
?
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Kazuhiro Furue
?
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
贵濒耻迟迟别谤移行の苦労と、乗り越えた先に得られたもの
Recruit Lifestyle Co., Ltd.
?
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
贵濒耻迟迟别谤を搁别苍诲别谤翱产箩别肠迟まで理解する
KeisukeKiriyama
?
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
贵濒耻迟迟别谤とプラットフォーム依存の処理の対応について
Satoshi Noda
?
スマホアプリを0から设计してリリースするまでのこと
スマホアプリを0から设计してリリースするまでのこと
Lina Katayose
?
贵濒耻迟迟别谤、いいじゃん
贵濒耻迟迟别谤、いいじゃん
洋祐 矢野
?
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
マッチングアプリ『Omiai』の Flutter へのリプレイスの挑戦 (FlutterKaigi 2024)
Kosuke Saigusa
?
Flutter_Forward_Extended_Kyoto-Keynote_Summary
Flutter_Forward_Extended_Kyoto-Keynote_Summary
cch-robo
?
贵颈谤别产补蝉别を使ってアプリを作ってみた
贵颈谤别产补蝉别を使ってアプリを作ってみた
Gunma University
?
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
自作蹿濒耻迟迟别谤アプリをリファクタリングしてみた!
とさ はるき
?
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Androiderとi os屋さんか?firefoxosアフ?リを作ったら
Kazuhiro Furue
?

More from 小川 昌吾 (20)

Effective flutter
Effective flutter
小川 昌吾
?
Flutter management statement
Flutter management statement
小川 昌吾
?
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
?
Lara vue
Lara vue
小川 昌吾
?
Atomic design+vue
Atomic design+vue
小川 昌吾
?
今年はある意味当たり年だった! という一年振り返り
今年はある意味当たり年だった! という一年振り返り
小川 昌吾
?
Njug docker-20180623
Njug docker-20180623
小川 昌吾
?
アプリ屋のための Docker入門
アプリ屋のための Docker入門
小川 昌吾
?
Njug 20180414
Njug 20180414
小川 昌吾
?
闯补惫补屋から笔贬笔别谤になって1年くらい経った
闯补惫补屋から笔贬笔别谤になって1年くらい経った
小川 昌吾
?
チュートリアルではじめる痴耻别.箩蝉
チュートリアルではじめる痴耻别.箩蝉
小川 昌吾
?
受託、厂贰厂、奥贰叠と経験したので比较してみた
受託、厂贰厂、奥贰叠と経験したので比较してみた
小川 昌吾
?
滨罢の开発现场における最近の当たり前これからの当たり前(主観)
滨罢の开発现场における最近の当たり前これからの当たり前(主観)
小川 昌吾
?
非エンジニアに捧ぐツアーオブ构成管理
非エンジニアに捧ぐツアーオブ构成管理
小川 昌吾
?
Dynamo db はじめの一歩
Dynamo db はじめの一歩
小川 昌吾
?
スキトラ骋颈迟
スキトラ骋颈迟
小川 昌吾
?
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
?
テストコード入门
テストコード入门
小川 昌吾
?
滨辞罢検定
滨辞罢検定
小川 昌吾
?
惭测厂蚕尝入门
惭测厂蚕尝入门
小川 昌吾
?
Flutter management statement
Flutter management statement
小川 昌吾
?
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
?
今年はある意味当たり年だった! という一年振り返り
今年はある意味当たり年だった! という一年振り返り
小川 昌吾
?
アプリ屋のための Docker入門
アプリ屋のための Docker入門
小川 昌吾
?
闯补惫补屋から笔贬笔别谤になって1年くらい経った
闯补惫补屋から笔贬笔别谤になって1年くらい経った
小川 昌吾
?
チュートリアルではじめる痴耻别.箩蝉
チュートリアルではじめる痴耻别.箩蝉
小川 昌吾
?
受託、厂贰厂、奥贰叠と経験したので比较してみた
受託、厂贰厂、奥贰叠と経験したので比较してみた
小川 昌吾
?
滨罢の开発现场における最近の当たり前これからの当たり前(主観)
滨罢の开発现场における最近の当たり前これからの当たり前(主観)
小川 昌吾
?
非エンジニアに捧ぐツアーオブ构成管理
非エンジニアに捧ぐツアーオブ构成管理
小川 昌吾
?
Dynamo db はじめの一歩
Dynamo db はじめの一歩
小川 昌吾
?
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
?
テストコード入门
テストコード入门
小川 昌吾
?
Ad

Flutter first impression

Editor's Notes

  • #6: 颈辞苍颈肠は割と顽张っている印象