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
1k
Organize your chaotic DynamoDB (with Node.js) / Organize your chaotic DynamoDB with Nodejs
osamu_arita
1
840
Other Decks in Technology
See All in Technology
タイミーのBraze活用 ~PUSH通知を活用したレコメンド~
ozeshun
2
150
[RSJ24] Object Segmentation from Open-Vocabulary Manipulation Instructions Based on Optimal Transport Polygon Matching with Foundation Models
keio_smilab
PRO
0
130
難しいから面白い!医薬品×在庫管理ドメインの複雑性と向き合い、プロダクトの成長を支えるための取り組み / Initiatives to Support Product Growth
kakehashi
2
150
Dify - LINE Bot連携 考え方と実用テクニック
uezo
5
1.2k
RAGHack: Kickoff and RAG 101
pamelafox
0
280
四国クラウドお遍路 2024 in 高知 エンディング
yukataoka
0
160
日経電子版から始まった内製開発の現在地と向き合っている課題/inhouse
nishiuma
0
240
LLM を現場で評価する
asei
4
700
Oracle Database Backup Service:サービス概要のご紹介
oracle4engineer
PRO
0
4k
四国クラウドお遍路 2024 in 高知 オープニング
yukataoka
0
160
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
2
230
LandingZoneAccelerator と学ぶ 「スケーラブルで安全なマルチアカウントAWS環境」と 私たちにもできるベストプラクティス
maimyyym
1
120
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
The Cost Of JavaScript in 2023
addyosmani
40
5.2k
What's new in Ruby 2.0
geeforr
340
31k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
BBQ
matthewcrist
83
9.1k
Writing Fast Ruby
sferik
623
60k
Agile that works and the tools we love
rasmusluckow
327
20k
A Philosophy of Restraint
colly
202
16k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.8k
Designing Experiences People Love
moore
138
23k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
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
ご静聴ありがとうございました!