Flutter 導入の判断基準
- UI デザインを各 OS でどのくらい共通化するか
- OS に依存した機能をどのくらい利用するか
- アプリサイズをどの程度まで削減したいか
- 今後のアプリ開発の体制をどうしていくか
- 採用戦略
- 内製化
メリット
- 共通化できるコードが多ければ多いほど、開発期間の短縮・開発や保守運用コストの削減につながる
- OS 独自の機能だったとしても Flutter パッケージが存在すれば共通化できる
- GPS・Beacon・Bluetooth などもパッケージは存在する
- マテリアルデザインが適用された Widget がパッケージとして提供されているため、マテリアルデザインによる UI の統一が簡単にできる
- 開発時にホットリロード（Hot Reload）機能が使えることによって、コード修正がすぐアプリに反映され確認がしやすく、開発スピードの向上が期待できる
デメリット
- Dart 言語の機能はまだ Kotlin・Swift には及ばない
- Flutter のパッケージがない機能や SDK、OS に依存した設定などは、ネイティブコードを書かざるを得ない
- Salesforce SDK は現状 Flutter パッケージはない
- ネイティブの UI パーツに依存する機能のある SDK は、その部分について利用できない可能性がある
世界での事例
Google Pay の完全な Flutter での作り直しは、おそらく一番利用ユーザー数が多そうで、世界的にインパクトの大きい事例
Flutter Showcase |Google Pay
With 100 million users in dozens of countries, Google Pay allows users around the world to pay, save, manage expenses, and more. But to do that, they relied on 1.7 million lines of code between their Android and iOS apps - an amount that didn't feel sustainable as Google Pay continued to expand to new countries, each of which would require its own unique features.
flutter.dev
国内での事例
アプリ・サービス名 | Tags | 会社・団体 | Android | iOS | Landing Page | 備考 | サービス終了 |
|---|---|---|---|---|---|---|---|
youbride | 婚活マッチング | 株式会社IBJ | play.google.com | apps.apple.com | • 歴史ある婚活サービスyoubrideがFlutterを採用しました | ||
じゃらん | 宿泊ホテル | 株式会社リクルート | play.google.com | apps.apple.com | www.recruit.co.jp | • Flutter移行の苦労と、乗り越えた先に得られたもの • 完全な Flutter アプリではなく、Add-to-app で一部の機能（遊び・体験）のみ移行した | |
Green - 転職アプリ | 転職 | 株式会社アトラエ | play.google.com | apps.apple.com | • 求人メディア Green の Android アプリを Flutter で開発した裏話 • 現在（2023年12月11日）では iOS アプリも Flutter になっている | ||
せいえいNAVI | 生活衛生営業者 | テックファーム株式会社 | play.google.com | apps.apple.com | • 日本能率協会総合研究所様 「せいえいNAVI」管理システムとアプリ開発 | ||
？ | トヨタコネクティッド株式会社 | • Flutter/Dartで取り組むフロントエンド開発。グローバルトップシェアのシステムのUIを開発するというシゴト • 「デベロッパーフレンドリーなフレームワークで初学者にもやさしい」Flutter未経験エンジニアが語るFlutter開発の魅力 | |||||
ほぼ日の學校 | 動画 | 株式会社モンスターラボ | play.google.com | apps.apple.com | • https://monstar-lab.com/dx/portfolio/case_hobonichi/ | ||
Rhythmeal | 音楽ゲーム | 株式会社モンスターラボ | apps.apple.com | • https://monstar-lab.com/dx/portfolio/case_roland/ | |||
Kubota Diagnostics | 故障診断 | 株式会社モンスターラボ | play.google.com | apps.apple.com | • https://monstar-lab.com/dx/portfolio/case_kubota-diagnostics/ | ||
ファミリスト | 家族記録 | play.google.com | apps.apple.com | • https://twitter.com/kyoro1006/status/1410762533086973952 | |||
北國デビットアプリ | 銀行 | 株式会社デジタルバリュー | play.google.com | apps.apple.com | www.hokkokubank.co.jp | • 地方銀行でモバイルエンジニア向け社内勉強会を実施してみた | |
Studyplus | 勉強記録 | スタディプラス株式会社 | play.google.com | apps.apple.com | app.studyplus.jp | • Flutterアプリケーションのアーキテクチャ(Studyplusの場合) | |
ユニタビ | スタジアム観戦旅 | ぴあ株式会社株式会社ナビタイムジャパン | play.google.com | apps.apple.com | site.uni-tabi.jp | • https://speakerdeck.com/kosukematsumura/flutterkaigi-2023 | |
Fu-Cosme【フーコスメ】 | コスメEC | 株式会社アンドエーアイ | play.google.com | apps.apple.com | fu-cosme.app | • 旧：株式会社ドリグロ | |
homehub | 鍵 | 株式会社ビットキー | play.google.com | apps.apple.com | www.homehub.site | • https://bitkey.co.jp/newsroom/20231017/ | |
yoctoApp | ヨガインストラクター | 株式会社ヨクト | play.google.com | apps.apple.com | yocto-life.co.jp | • https://beaverin.com/project/yocto_App | |
ファストドクター | 診療 | ファストドクター株式会社 | play.google.com | apps.apple.com | fastdoctor.jp | • Flutterアプリの定期リリースを支える自動化 | |
Nikkei Wave | AIニュース | 日本経済新聞社 | play.google.com | apps.apple.com | • 日経電子版の新アプリ Nikkei Wave と、その裏側 | ||
Chompy | デリバリーフード | 株式会社Chompy | chompy.jp | • ChompyでFlutter採用した_振り返り | |||
SmartDrive / Fleet Driver | 車両管理 | 株式会社スマートドライブ | play.google.com | apps.apple.com | smartdrive.co.jp | • 【社員インタビュー】既存スマホアプリをFlutterに切り替えた背景とそのメリットとは • ネイティブからリプレイスした | |
eSquare | 電力EC | 株式会社enechain | play.google.com | apps.apple.com | enechain.co.jp | • enechainの技術スタックをご紹介します | |
ままのて | 妊娠育児記録 | 株式会社クルイト | play.google.com | apps.apple.com | • 子育てアプリを作る！Flutterエンジニア募集中！ | ||
UPSIDER | 法人カード | 株式会社UPSIDER | play.google.com | apps.apple.com | up-sider.com | • Flutter に入門しました | |
Stailer | EC | 株式会社10X | lp.stailer.jp | • Flutter/Dartと共に歩んだスタートアップの開発を振り返って得た | |||
Neee | 飲食店集客支援 | 株式会社ディー・エヌ・エー | play.google.com | apps.apple.com | stores.neee.fun | • 今すぐ入れる！近くの飲食店を予約できるサービス「Neee」を支える技術 | |
Voice Pococha | ライブ配信 | 株式会社ディー・エヌ・エー | play.google.com | apps.apple.com | www.voice-pococha.com | • Flutter で Voice Pococha アプリを1年間開発して感じたこと | |
ANDPAD検査 | 建築現場検査業務 | 株式会社アンドパッド | play.google.com | apps.apple.com | andpad.jp | • https://tech.andpad.co.jp/entry/2020/07/30/191711 | |
ANDPADボード | 稼働管理 | 株式会社アンドパッド | play.google.com | apps.apple.com | andpad.jp | • https://tech.andpad.co.jp/entry/2020/07/30/191711 | |
EV充電エネチェンジ | EV充電 | ENECHANGE株式会社 | play.google.com | apps.apple.com | ev-charge-enechange.jp | • Flutter採用理由とFlutterで開発してみて | |
Fansta | スポーツ観戦予約バー | 株式会社MIXI | play.google.com | apps.apple.com | fansta.jp | • どうやって『使いづらさ』を乗り越えた？MIXIのFlutter開発最前線をご紹介します | |
スマート書記 | 議事録AI | エピックベース株式会社 | play.google.com | apps.apple.com | www.smartshoki.com | • モバイルアプリエンジニア（Flutter） / エピックベース株式会社 | |
Famm | 写真 | 株式会社Timers | play.google.com | apps.apple.com | famm.us | • Flutter初心者たちが3ヶ月で新規アプリをリリースした話 #Flutter | |
TATTA | GPSランナー | 株式会社アールビーズ | play.google.com | apps.apple.com | tatta.runnet.jp | • ネイティブからリプレイスした | |
NOIN | コスメEC | ノイン株式会社 | play.google.com | noin.tv | • 280万DL突破！コスメECのFlutterアプリエンジニアを探しています | ||
歯科衛生士 国家試験＆就職情報 | 国家試験就職歯科衛生士 | 株式会社グッピーズ | play.google.com | apps.apple.com | kokushi.guppy.jp | • 社員インタビュー：vol.1｜想定と違った！？iOSアプリ開発者がFlutterを使ったフルスクラッチ化に挑んだ理由 | |
Makuake | クラウドファンディング | 株式会社マクアケ | play.google.com | apps.apple.com | www.makuake.com | • 「Makuake」のネイティブアプリFlutter化の話 | |
commmune | コミュニティ | コミューン株式会社 | play.google.com | apps.apple.com | commmune.jp | • コミューンのモバイルアプリを Flutter でリプレイスしている話 • コミューン｜Flutter開発によるアプリの大幅アップデートを支援 | |
ホームワーク | セラピスト記録 | 株式会社ジョリーグッド | play.google.com | apps.apple.com | jollygood.co.jp | • Flutter技術を活用したアプリケーション開発が本格始動 | |
YOUTRUST | 転職SNSキャリア | 株式会社YOUTRUST | play.google.com | apps.apple.com | lp.youtrust.jp | • Flutter製YOUTRUSTアプリを支えるレイヤー構成 | |
ahamo | スマホ | 株式会社NTTドコモ | play.google.com | apps.apple.com | ahamo.com | • Flutterでアプリ開発してみた | |
テニスベア | テニスマッチング | テニスベア株式会社 | play.google.com | apps.apple.com | www.tennisbear.net | • 【経験談】可茂IT塾出身のFlutterエンジニアとしてフリーランスで３年間働いてみた | |
tents | キャンプ地図記録 | play.google.com | apps.apple.com | linktr.ee | • https://x.com/sho5camp/status/1492402123824189440?s=20 | ||
WINTICKET | 競輪オートレース | 株式会社サイバーエージェント | play.google.com | apps.apple.com | www.winticket.jp | • https://speakerdeck.com/wasabeef/o-extended-2023-flutter-huo-yong-shi-li • Flutter 導入から5年。サイバーエージェントのクロスプラットフォーム開発の現在地 | |
川崎そだち | サッカーニュース | 川崎そだち | play.google.com | apps.apple.com | kawasakisodachi.net | https://twitter.com/kosuke_mtm/status/1770063293505585380?s=20 | |
クリフォア | ヘルスケアコスメEC | 株式会社Linc’well | play.google.com | apps.apple.com | health.clinicfor.life | https://note.com/lincwell/n/n705350f04a4b?sub_rt=share_pb | |
Omiai | 婚活恋活マッチング | 株式会社Omiai | play.google.com | apps.apple.com | fb.omiai-jp.com | 少しずつリプレイスしていくプロジェクトが 2024 年 5 月頃から始まった。 2024 年 9 月時点では、まだリプレイスは完了していない。 https://zenn.dev/omiai_techblog/articles/omiai-flutter-architecture | |
Bakuraku（バクラク） | 申請経費精算 | 株式会社LayerX | play.google.com | apps.apple.com | bakuraku.jp | ・https://tech.layerx.co.jp/entry/2023/12/07/124410 ・https://prtimes.jp/main/html/rd/p/000000365.000036528.html | |
ジャンプTOON | マンガ | 株式会社集英社株式会社サイバーエージェント | play.google.com | apps.apple.com | jumptoon.com | ・https://developers.cyberagent.co.jp/blog/archives/48761/ ・https://developers.cyberagent.co.jp/blog/archives/49290/ | |
Wantedly Perk | 福利厚生 | ウォンテッドリー株式会社 | play.google.com | apps.apple.com | perk.wantedly.com | ・https://www.wantedly.com/projects/608258 ・https://www.wantedly.com/companies/wantedly/post_articles/913551 ・https://www.wantedly.com/companies/wantedly/post_articles/922113 |