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
880
Other Decks in Technology
See All in Technology
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
810
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
370
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
440
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
19k
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
200
5min GuardDuty Extended Threat Detection EKS
takakuni
0
190
本が全く読めなかった過去の自分へ
genshun9
0
900
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
Operating Operator
shhnjk
1
510
What’s new in Android development tools
yanzm
0
220
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
390
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
120
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
270
Statistics for Hackers
jakevdp
799
220k
RailsConf 2023
tenderlove
30
1.1k
BBQ
matthewcrist
89
9.7k
A designer walks into a library…
pauljervisheath
207
24k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Site-Speed That Sticks
csswizardry
10
680
Visualization
eitanlees
146
16k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Docker and Python
trallard
44
3.5k
It's Worth the Effort
3n
185
28k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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
ご静聴ありがとうございました!