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
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2.1k
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
140
AIに全任せしないコーディングとマネジメント思考
kikuchikakeru
0
270
Shadow DOMとセキュリティ - 光と影の境界を探る / Shibuya.XSS techtalk #13
masatokinugawa
0
310
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
370
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
270
自分がLinc’wellで提供しているプロダクトを理解するためにやったこと
murabayashi
1
170
Ktor + Google Cloud Tasks/PubSub におけるOTel Messaging計装の実践
sansantech
PRO
1
330
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
210
今日からあなたもGeminiを好きになる
subaruhello
1
650
AWS表彰プログラムとキャリアについて
naoki_0531
1
140
Datasets for Critical Operations by Dataform
kimujun
0
120
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Designing for Performance
lara
610
69k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Product Roadmaps are Hard
iamctodd
PRO
54
11k
RailsConf 2023
tenderlove
30
1.2k
A Tale of Four Properties
chriscoyier
160
23k
Building Applications with DynamoDB
mza
95
6.5k
The Cult of Friendly URLs
andyhume
79
6.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
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
ご静聴ありがとうございました!