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

ご静聴ありがとうございました！