Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Flutter初心者が アニメーションを試してみる/try-flutter-animation
Search
osamu.arita
January 23, 2019
Technology
2
1.9k
Flutter初心者が アニメーションを試してみる/try-flutter-animation
Flutter初心者が アニメーションを試してみる
osamu.arita
January 23, 2019
Tweet
Share
More Decks by osamu.arita
See All by osamu.arita
LocalStackを利用した単体テストのすすめ / First Steps in Unit Testing using LocalStack
osamu_arita
1
910
Organize your chaotic DynamoDB (with Node.js) / Organize your chaotic DynamoDB with Nodejs
osamu_arita
1
820
Other Decks in Technology
See All in Technology
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
210
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
670
Autopsy of a Cascading Outage from a MySQL Crashing Bug
jfg956
0
200
オブジェクト指向宗教史
tanakahisateru
13
12k
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
840
Getting started with controlling LEGO using Swift
hcrane
0
130
中央集権体制からDataOpsへの転換 / centralized-to-dataops-transformation
pei0804
7
1.5k
Tohoku.Tech #1 「EC-CUBE/AWSの構築をChatGPTに相談してみました」by テンダ
jun2882
0
140
チーム単位で保守性を高める:独自指標と向上にむけた実践
tarappo
0
300
現実世界の事象から学ぶSOLID原則
h0r15h0
24
10k
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
20
4k
戦略的DDDを実践するための跳躍力 / OOC 2024
pictiny
6
3.9k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Six Lessons from altMBA
skipperchong
19
2.9k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
The Mythical Team-Month
searls
214
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
Transcript
Flutter初心者が アニメーションを試してみる 株式会社ウイングドア @osamu_arita
自己紹介 有田 修(ありた おさむ) osamu_arita osamu.arita 株式会社ウイングドア チーフエンジニア ・東京で5年お仕事 ・サイボウズでAPI開発
・ECサイト開発/モバイルサイト開発 ・2011年に福岡へUターン ・Androidプリインアプリ開発 ・BLEを利用したiOS/Androidアプリ開発 ・治療院予約サイト開発(Ruby on Rails) ・プライベート ・趣味:3歳の息子と遊ぶこと、開発、音楽、登山 ・開発:築地のECサイト(http://tsukiji-land.jp)
Flutterって何? https://flutter.io/ • Google製のiOS、Androidアプリが開発できるOSSのフレームワーク • 言語:Dart • Fuchsia(フクシア)というGoogle製OSのアプリ開発でも利用されている flutter upgradeしたら
fuchsia_reload が ヘルプから消えている・・
Flutterインストール • インストール手順通りに実行すればOK • flutter doctor コマンドでどこまで設定出来ているかチェックできます https://flutter.io/docs/get-started/install
Flutter開発 もしくは
Flutterプロジェクト作成 もしくは
Flutterの構成 https://flutter.io/docs/development/ui/widgets • すべてはWidgetである • StatelessWidgetとStatefulWidgetが存在 • Widget Treeで構成される 状態(state)なし
状態(state)あり
すべてWidget! AppBar Drawer Scaffold Image
Flutterアニメーション https://flutter.io/docs/development/ui/animations/tutorial
Tween animation デモ
他にも色々あります https://flutter.io/docs/development/ui/widgets/animation
他にも色々あります 参考) https://flutter.io/docs/catalog/samples/animated-list https://www.youtube.com/watch?v=CEcFnqRDfgw https://www.youtube.com/watch?v=0fFvnZemmh8 Hero Animations AnimatedList Staggered Animations
ご静聴ありがとうございました!