FlutterでReact.jsの感覚でアプリを作ってみた / Make a native application by using Flutter in React.js feeling

Transcript

1. z FlutterでReact.js の感覚でアプリ を作ってみた 自前のカレンダーを作る -- Front-end Dev 3 Team 徐毅鑫
2. z Flutter とは § クロスプラットフォームのアプリ開発技術です § ネイティブ描画するなので同類フレームワークの例を上げると § React Native § Vuex
3. z なぜ § お得案件とか、自分のタスクを管理するのはめっちゃ面倒、Google Calendarの方は機能多すぎて使い勝手がいまいち § Todoist は便利ですが、お得案件いちいち入力は面倒くさい、通 知機能は有料機能 § うちLINE Worksのカレンダーのレイアウトとても気になって自 分も実装してみたい
4. z
5. z Flutterのいいところ § Google Production – Material Design に対してのサポートはとんで もない、もちろんiOS Cupertino Designのコンポーネントもサポー トしてます § すでに使えるコンポーネント、ライブラリーはとっても多い、簡単 なアプリはすぐ作れそう、実際Flutterを使って複雑なアプリを開発 している企業も多い § Flutter が 採用してる言語 Dart はStrongly Typed Language、ドキ ュメント調べなくても VSCode とか提示してくれます § VSCode 、Android Studio、Xcode のプラグイン全部揃えてる § Hot reload 便利し、結構頼もしい
6. z Flutterのいいところ § React.js みたいな感じで開発するので、僕にとって想像できた ら手の動きが早い § Learning curveは穏やかです § ちなみにDart はJavaScript + TypeScript + Java が混ぜてるとい う感じの言語
7. z Flutter ちょっとイマイチのところ § まだまだ若いので、Material Designのコンポーネントに対して、 Google が勝手に定義してやってくれて、自分が調整できない場 合はあります § API Document以外のドキュメントはほとんどなくて、そのコンポーネント （Widget）そもそも知らない、だいたい実装したい機能をググってStack- overflowで調べる（Flutter Widget of the Weekが存在する意義）
8. z 自分が感じた辛いところ § プロダクトのデザインはハードル高い！！！ § 実装したい機能多くて、本当にやるとした時、完全にどこにボ タンを置くとか、どのようなUIで実装するか、全然頭の中に出 てこない
9. z アプリのソースコード § https://github.com/xingoxu/my_first_flutter_app
10. z 以上です § ご視聴ありがとうございました § Slack: yixin.xu § Mail: yixin.xu@linecorp.com § Twitter: @xingoxu