Submit Search
Upload
Flutter first impression
•
Download as PPTX, PDF
•
0 likes
•
445 views
小
小川 昌吾
Follow
Flutterでアプリ作ってみた感想
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 17
Download now
Recommended
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
Yossy Taka
PhoneGapを利用したハイブリットアプリについて、解説しています
インフラエンジニアとはなんぞ?
インフラエンジニアとはなんぞ?
Kei Mikage
2011-07-07 えびえび@コワーキングカフェ恵比寿
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
2013/04/20 スマートフォンアプリ開発 勉強会 @ 福岡 での講演資料 http://atnd.org/events/37573#comments
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
Flutterやってみよう
Flutterやってみよう
Ryuto Yasugi
Flutter tutorial.
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
Recommended
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
ハイブリッドアプリについて-PhoneGapアプリ制作の入り口-
Yossy Taka
PhoneGapを利用したハイブリットアプリについて、解説しています
インフラエンジニアとはなんぞ?
インフラエンジニアとはなんぞ?
Kei Mikage
2011-07-07 えびえび@コワーキングカフェ恵比寿
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
2013/04/20 スマートフォンアプリ開発 勉強会 @ 福岡 での講演資料 http://atnd.org/events/37573#comments
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
Flutterやってみよう
Flutterやってみよう
Ryuto Yasugi
Flutter tutorial.
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -
Katsumi Onishi
Firefox os hackathon
Firefox os hackathon
dynamis
Firefox OS & Windows 8 Hackathon で使用したスライド
DartPad+CodePenで、Flutterを体験してみよう
DartPad+CodePenで、Flutterを体験してみよう
cch-robo
完全に理解した人達の「Web技術」Talk #4 (2020/04/30) の LT 資料です。 https://easy2.connpass.com/event/173015/
Rubykaigi2010
Rubykaigi2010
masaki yamada
rubykaigi2010 mobile open social game with ruby on rails
NAO/Pepper 開発環境 について
NAO/Pepper 開発環境 について
Takuji Kawata
2017/2/21 会津大学で行った NAO/Pepper のワークショップ資料後半部分です。
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
Naruto TAKAHASHI
OSC福岡 20111203
OSC福岡 20111203
Hiroshi Bunya
Try Firefox OS
Try Firefox OS
dynamis
KOF 2013 で使用したスライド https://k-of.jp/2013/
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
Tutorial session of Firefox OS for Creators Meetup 16.
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
takeuchi-tk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
オープンソースカンファレンス2012TokyoFall PhoneGapでWebアプリをスマホアプリ化
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
Daisuke Futatsumori
Html5 seminar 1_pac
Html5 seminar 1_pac
1PAC. INC.
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
2012/6/5に開催された、アシアル主催のセミナー『事例に学ぶHTML5スマフォアプリ開発最前線』の第二部の資料になります。
Mixiアプリで体験する Open Social
Mixiアプリで体験する Open Social
ngi group.
自作flutterアプリをリファクタリングしてみた!
自作flutterアプリをリファクタリングしてみた!
とさ はるき
22卒つよつよLTのスライド資料です! タイトルが切れちゃってるけど..
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
PhoneGapの始め方
PhoneGapの始め方
akabana
PhoneGap UserGroup 第一回勉強会資料 PhoneGapの始め方
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
Effective flutter
Effective flutter
小川 昌吾
オレオレFlutter
Flutter management statement
Flutter management statement
小川 昌吾
Flutterの状態管理 基本コードでの説明なので、スライド自体に中身はない BLoCについて詳細に解説
More Related Content
Similar to Flutter first impression
PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -
Katsumi Onishi
Firefox os hackathon
Firefox os hackathon
dynamis
Firefox OS & Windows 8 Hackathon で使用したスライド
DartPad+CodePenで、Flutterを体験してみよう
DartPad+CodePenで、Flutterを体験してみよう
cch-robo
完全に理解した人達の「Web技術」Talk #4 (2020/04/30) の LT 資料です。 https://easy2.connpass.com/event/173015/
Rubykaigi2010
Rubykaigi2010
masaki yamada
rubykaigi2010 mobile open social game with ruby on rails
NAO/Pepper 開発環境 について
NAO/Pepper 開発環境 について
Takuji Kawata
2017/2/21 会津大学で行った NAO/Pepper のワークショップ資料後半部分です。
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
Naruto TAKAHASHI
OSC福岡 20111203
OSC福岡 20111203
Hiroshi Bunya
Try Firefox OS
Try Firefox OS
dynamis
KOF 2013 で使用したスライド https://k-of.jp/2013/
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
Tutorial session of Firefox OS for Creators Meetup 16.
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
takeuchi-tk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Adobe AIR開発事例ライトニングトーク & Meet Up 2011.9.9 at 六本木ラフォーレミュージアム
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
オープンソースカンファレンス2012TokyoFall PhoneGapでWebアプリをスマホアプリ化
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
Daisuke Futatsumori
Html5 seminar 1_pac
Html5 seminar 1_pac
1PAC. INC.
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
2012/6/5に開催された、アシアル主催のセミナー『事例に学ぶHTML5スマフォアプリ開発最前線』の第二部の資料になります。
Mixiアプリで体験する Open Social
Mixiアプリで体験する Open Social
ngi group.
自作flutterアプリをリファクタリングしてみた!
自作flutterアプリをリファクタリングしてみた!
とさ はるき
22卒つよつよLTのスライド資料です! タイトルが切れちゃってるけど..
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
PhoneGapの始め方
PhoneGapの始め方
akabana
PhoneGap UserGroup 第一回勉強会資料 PhoneGapの始め方
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
Similar to Flutter first impression
(20)
PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -
Firefox os hackathon
Firefox os hackathon
DartPad+CodePenで、Flutterを体験してみよう
DartPad+CodePenで、Flutterを体験してみよう
Rubykaigi2010
Rubykaigi2010
NAO/Pepper 開発環境 について
NAO/Pepper 開発環境 について
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
OSC福岡 20111203
OSC福岡 20111203
Try Firefox OS
Try Firefox OS
できる!スマホアプリ:Webからはじまるアプリ for CMU16
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
ネイティブ機能を利用するWebアプリの実例~PhoneGap×Rails~
Html5 seminar 1_pac
Html5 seminar 1_pac
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Mixiアプリで体験する Open Social
Mixiアプリで体験する Open Social
自作flutterアプリをリファクタリングしてみた!
自作flutterアプリをリファクタリングしてみた!
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
PhoneGapの始め方
PhoneGapの始め方
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
More from 小川 昌吾
Effective flutter
Effective flutter
小川 昌吾
オレオレFlutter
Flutter management statement
Flutter management statement
小川 昌吾
Flutterの状態管理 基本コードでの説明なので、スライド自体に中身はない BLoCについて詳細に解説
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
Vue.js Night Nagoya #2の発表資料
Lara vue
Lara vue
小川 昌吾
社内勉強会
Atomic design+vue
Atomic design+vue
小川 昌吾
社内勉強会
今年はある意味当たり年だった! という一年振り返り
今年はある意味当たり年だった! という一年振り返り
小川 昌吾
NGK2018Bで発表したLTの資料
Njug docker-20180623
Njug docker-20180623
小川 昌吾
名古屋Javaユーザグループ 2018年6月で発表した内容です。
アプリ屋のための Docker入門
アプリ屋のための Docker入門
小川 昌吾
社内勉強会用のDocker紹介的な資料
Njug 20180414
Njug 20180414
小川 昌吾
NJUG発表資料
Java屋からPHPerになって1年くらい経った
Java屋からPHPerになって1年くらい経った
小川 昌吾
Nagoya PHP #12 LT資料
チュートリアルではじめるVue.js
チュートリアルではじめるVue.js
小川 昌吾
社内教育用のVue.jsチュートリアル
受託、SES、WEBと経験したので比較してみた
受託、SES、WEBと経験したので比較してみた
小川 昌吾
NGK2017Bでカマシマシタ!
ITの開発現場における最近の当たり前これからの当たり前(主観)
ITの開発現場における最近の当たり前これからの当たり前(主観)
小川 昌吾
社内勉強会の固有名詞削ったヤツ。 再アップロードできないから、消してやり直した!
非エンジニアに捧ぐツアーオブ構成管理
非エンジニアに捧ぐツアーオブ構成管理
小川 昌吾
デザイナー向けに作った構成管理の勉強会資料
Dynamo db はじめの一歩
Dynamo db はじめの一歩
小川 昌吾
検証&得た知見を社内勉強会で発表
スキトラGit
スキトラGit
小川 昌吾
スキトラ用の資料
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
skill transfer.
テストコード入門
テストコード入門
小川 昌吾
勉強会の発表資料
IoT検定
IoT検定
小川 昌吾
IoT検定を受けてきた所感
MySQL入門
MySQL入門
小川 昌吾
MySQLの社内勉強会資料1
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
Java屋からPHPerになって1年くらい経った
Java屋からPHPerになって1年くらい経った
チュートリアルではじめるVue.js
チュートリアルではじめるVue.js
受託、SES、WEBと経験したので比較してみた
受託、SES、WEBと経験したので比較してみた
ITの開発現場における最近の当たり前これからの当たり前(主観)
ITの開発現場における最近の当たり前これからの当たり前(主観)
非エンジニアに捧ぐツアーオブ構成管理
非エンジニアに捧ぐツアーオブ構成管理
Dynamo db はじめの一歩
Dynamo db はじめの一歩
スキトラGit
スキトラGit
スキトラ Spring + mybatis
スキトラ Spring + mybatis
テストコード入門
テストコード入門
IoT検定
IoT検定
MySQL入門
MySQL入門
Flutter first impression
1.
Flutterを使って モバイルアプリを作った軌跡 2019/09/20 sh-ogawa
2.
きょうの流れ Flutterについて Flutterで作る前に何をしたか Flutterで作ってみてどうだったか
3.
Flutterについて ● ハイブリッドアプリケーションプラット フォーム ● Googleが開発 ●
version 1.9が最新
4.
ハイブリッドアプリケーシ ョンプラットフォーム ● センサなどデバイスへのアクセス可能 ● Webベース ●
ネイティブベース
5.
Webベース ● cordova/phonegap、ionic ● html5/css3/javascript ●
SPAの元祖(言い過ぎかもしれない)
6.
ネイティブベース ● xamarin、react native、flutter ●
コンパイルされる
7.
Flutter ● Dart製 ● 下側はプラットフォームレベルのCと連携し ている模様 ●
コンパイルすると.soが作られる ● Android/iOS用に拡張できる
8.
アプリ作る前にやったこと ● とりあえず本読んだ 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
9.
コードを読んでみる
10.
Flutterで作ってみてどう だったか ● UIの微調整は慣れが必要 ● Widgetはイミュータブル ●
Widgetツリーを意識する ● ジェスチャーの実装が楽 ● リソース読み込みは全部非同期 ● ログは読みづらいけど親切ではある
11.
UIの微調整は慣れが必要 ● 思ったようにマージン適応できない ● LEFTが思ったように効かない ●
ListView使うとエラーになる
12.
Widgetはイミュータブル ● 常に新しく作られて置き換わる ● パネルで考えると判りやすい
13.
Widgetツリーを意識する ● Widgetのリビルド範囲に直結する ● 何も考えないで配置すると激重になる ●
Stateによって再生成するものは外側へ ● StatefullWidgetのサンプル悪ない?
14.
ジェスチャーの実装が楽 ● スワイプとかダブルタップとか標準 ● オブジェクトがどこに配置されているか管理 不要
15.
リソース読込みは非同期 ● Futureが強力(Async/Awaitのこと) ● Futureにジェネリクスが使える ●
Promiseをある程度使えない人にはFlutter は難しい
16.
ログは親切 ● だらだら垂れ流してくるから読みづらい ● 必要なことは書いてある ●
だが読みづらい
17.
おしまい
Editor's Notes
ionicは割と頑張っている印象
Download now