関連スライド
各ページのテキスト
Flutterでアプリを 作った話 #ミライノカイモノ2022 Flutterアプリコンテスト
自己紹介 ● ● ● Twitterではだら（@dala00） 15年ほどフリーでWebエンジニア Webサービスもスマホアプリもやっています
自己紹介 ● ● 日々記事を書いたりもしています 本を出版させていただいたり ● Qiitaのアドベントカレンダー でいいね数1位になったり
自己紹介
Flutter歴
● 個人開発で2.5年、仕事で2年
なぜFlutterをはじめたか ● Webサービス色々作ったけど全く使われない ○ ● 流入してもらう方法がない スマホアプリはストア経由で流入がある ○ でもスマホアプリはしんどい ■ AndroidとiOSで工数２倍とかやってられない ■ Webみたいにぱっとアプデートできない ■ OSのアップデートに応じて要調整 ■ それにともないトラブルもよく起きる
なぜFlutterをはじめたか 2019年あたり、丁度Flutterの話題をよく見かけるようになった ● ● ● AndroidもiOSも作れる ホットリロード Dart (async/await)
すぐ作ってみた ● ● コードが一つで良いので簡単 AdMobやFirebaseなどもちゃんとマルチプラットフォームで動く ○ ● Unreal Engineなどゲーム系だと用意されていなものもあったりする Android、iOSの機能を使うものはネイティブ開発の知識も多少必要
Flutterの実装 全然よくわかってない状態で作った Widgetを作るという知識がなかった →staticメソッドでWidgetの 共通化を作りまくっていた
Flutterの実装 クラスの作り方もよくわからない ● ● ● コンストラクタの書き方も SQLiteを利用 便利ライブラリを知らない
Flutterは良い ● async/await ○ ● 宣言的 ○ ● 今はAndroidにもiOSにもある SwiftUIもある マルチプラットフォーム ○ Androidだけ作りたい、とかでもFlutterおすすめ
作ってみたアプリ チャット風会話ムービーメーカー
作った理由 ● シェア機能を用意することで広がることを狙った ○ ● Webサービスなどではよくある 「動画生成」という他の個人開発者がやらなそうなことを狙った ○ ゲーム以外だと毎日データを登録する積み上げ系のアプリをよく見る
作ってみたアプリ ● データは端末に保存 ○ ● 動画生成部分はネイティブ側と連携（iOS、Androidそれぞれ作成） ○ ○ ● Webの様にサーバーや通信がいらない。軽い でもUIや処理などがFlutter側だけですむだけで全然違う ネイティブ側のUI作成もかなりしんどい 多言語化
Flutterの実装 ちゃんとWidgetで分割
Flutterの実装 ● ● Hiveを利用 コンストラクタが便利
Flutterの実装 Riverpodを利用 アプリ内の状態を管理するための パッケージ
Flutterの実装 Hooksを利用 ● ● Reactでおなじみ 書き方がシンプルに なる場合も
リリースしてみたあと ● ぼちぼちは使われている ○ ● 月額課金も時々発生 ○ ● 本来は練習のためにつくったアプリだったが… ちなみに実装はRevenueCatという超簡単に実装できるライブラリ こういうデータをみて次どういったアプリが良さそうかを考えられる
作ってみたサービス
ご清聴ありがとうございました いろいろな楽しいアイデアを形にしてみてください！