Flutter初心者が アニメーションを試してみる/try-flutter-animation

Flutter初心者が アニメーションを試してみる

Transcript

1. Flutter初心者が アニメーションを試してみる 株式会社ウイングドア @osamu_arita
2. 自己紹介 有田 修（ありた おさむ） osamu_arita osamu.arita 株式会社ウイングドア チーフエンジニア ・東京で5年お仕事 　・サイボウズでAPI開発 　・ECサイト開発/モバイルサイト開発 ・2011年に福岡へUターン 　・Androidプリインアプリ開発 　・BLEを利用したiOS/Androidアプリ開発 　・治療院予約サイト開発（Ruby on Rails） ・プライベート 　・趣味：3歳の息子と遊ぶこと、開発、音楽、登山 　・開発：築地のECサイト（http://tsukiji-land.jp）
3. Flutterって何？ https://flutter.io/ • Google製のiOS、Androidアプリが開発できるOSSのフレームワーク • 言語：Dart • Fuchsia（フクシア）というGoogle製OSのアプリ開発でも利用されている flutter upgradeしたら fuchsia_reload が ヘルプから消えている・・
4. Flutterインストール • インストール手順通りに実行すればOK • flutter doctor コマンドでどこまで設定出来ているかチェックできます https://flutter.io/docs/get-started/install
5. Flutter開発 もしくは
6. Flutterプロジェクト作成 もしくは
7. Flutterの構成 https://flutter.io/docs/development/ui/widgets • すべてはWidgetである • StatelessWidgetとStatefulWidgetが存在 • Widget Treeで構成される 状態（state）なし 状態（state）あり
8. すべてWidget！ AppBar Drawer Scaffold Image
9. Flutterアニメーション https://flutter.io/docs/development/ui/animations/tutorial
10. Tween animation デモ
11. 他にも色々あります https://flutter.io/docs/development/ui/widgets/animation
12. 他にも色々あります 参考） 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
13. ご静聴ありがとうございました！