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
2k
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
1.1k
Organize your chaotic DynamoDB (with Node.js) / Organize your chaotic DynamoDB with Nodejs
osamu_arita
1
860
Other Decks in Technology
See All in Technology
TSのコードをRustで書き直した話
askua
3
390
re:Invent 2024のふりかえり
beli68
0
130
AWS re:Invent 2024 recap in 20min / JAWSUG 千葉 2025.1.14
shimy
1
110
AIアプリケーション開発でAzure AI Searchを使いこなすためには
isidaitc
1
140
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
460
デジタルアイデンティティ技術 認可・ID連携・認証 応用 / 20250114-OIDF-J-EduWG-TechSWG
oidfj
2
720
EMConf JP の楽しみ方 / How to enjoy EMConf JP
pauli
2
150
2025年の挑戦 コーポレートエンジニアの技術広報/techpr5
nishiuma
0
150
色々なAWSサービス名の由来を調べてみた
iriikeita
0
120
2024年活動報告会(人材育成推進WG・ビジネスサブWG) / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
270
KMP with Crashlytics
sansantech
PRO
0
260
Evolving Architecture
rainerhahnekamp
3
260
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
Raft: Consensus for Rubyists
vanstee
137
6.7k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
BBQ
matthewcrist
85
9.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
What's in a price? How to price your products and services
michaelherold
244
12k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building Applications with DynamoDB
mza
93
6.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
3k
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
ご静聴ありがとうございました!