【無料版】BubbleからFlutterFlowへの移行スターティングガイド

ノーコードツールのBubble は 2023 年 4 月に大幅な価格改定を発表しました。Bubble アプリを手がけている多くの開発者は、この従量制の料金体系に違和感を覚えています。私もその一人です。数年にわたりクライアントや自分のアプリを開発してきた私は、この発表にショックを受けました。

ただ、今回の変更に関わらず、常に他のアプリ開発環境を調べ、アプリ開発をテストしてきました。そのため、Bubble から別の環境への移行は想定の範囲内です。

移行先はいくつか考えられますが、その中から FlutterFlow を選択しました。このドキュメントでは、この決定を行った理由と、実際に Bubble アプリを FlutterFlow に移行する方法の概要を説明します。 FlutterFlow は Bubble に似ており、慣れるのにそれほど時間はかかりません。しかし、やってみると、克服しなければならない課題がいくつかあることが明らかになりました。

また、FlutterFlow ではすぐに実現でき、Bubble では簡単に実現できなかったいくつかの機能も紹介します。この情報を早い段階でできるだけコンパクトに共有することで、開発者がツールを探す貴重な時間を節約したいと考えています。

本書により、2024年10月までの限られた時間の中で、よりスムーズに、やりがいのある移行を果たしていただき、かつ、より洗練され、機能を強化したアプリをリリースする人が一人でも多く増えることを願っています。

注: バブルにとどまることを選択した人は、別の代替手段を見つける必要があります。ニーズに合った移行先を見つけて移行を実現するのは、私たち一人一人の責任です。この本では、移行手順の詳細については説明しません。ではなく、移行先の選定についての個人的な考えとケーススタディを紹介します。また、FlutterFlow を学習するには多くの情報が必要になるため、技術的な詳細はこの本の範囲を超えています。希望があれば続編も出してほしいです。

対象者：Bubbleを使ったノーコード開発に興味があり、何らかのアプリを開発している人。コーディングのバックグラウンドは必要ありませんが、新しいテクノロジーを学ぶ意欲が高い方を想定しています。

0円で申込後すぐにPDFファイルをダウンロードできます。
このページは日本語版です。英語版はこちらです。

この無料版では第１部・第２部を収録しています。
第３部以降は完全版でお読みいただけます。

含まれる内容例:

・バブル移行先の検討の概要

・BubbleとFlutterFlowの共通点と相違点

・FlutterFlowの歴史と未来

・スマホアプリ開発の違い

・Webアプリ開発時の違い

・FlutterFlowでのアプリ構成と料金例

・データベースやバックエンドの選定についての見解

・FlutterFlowで開発したアプリの例

・FlutterFlowの費用例

・FlutterFlowでのアプリ開発の課題と解決策

はじめに

第１部　移行先の検討

Bubbleの魅力と課題

新料金プランの大きな課題

今後もBubbleを使い続けられるか？

Bubbleからの移行先の条件

１．機能
２．価格
３．将来性

Bubbleからの移行先候補

WeWeb (https://www.weweb.io/)
FlutterFlow (https://flutterflow.io/)
その他のツール

FlutterFlowの概要　Flutter、Dart

Bubble・FlutterFlowの類似点／相違点

FlutterFlowでのアプリ構成と費用試算

バックエンド選択の私見　Firebase、Supabase、Xano

Firebase (https://firebase.google.com/)
Supabase (https://supabase.com/)
Xano (https://www.xano.com/)

第２部　FlutterFlowで構築できるもの

FlutterFlowでできる機能

FlutterFlowで構築できるアプリの例

FlutterFlow習得の流れ

FlutterFlowの強力なカスタム機能

FlutterFlowの機能を拡張する

Bubble機能の置き換え

Bubbleプラグインの置き換え

※無料版では第２部までを収録しています。
第３部以降は完全版でお読みください。

第３部　移行計画の実例

BubbleからFlutterFlowへの移行計画

現状の機能確認

移行可能性の検証

新仕様の策定

アプリの再構築

アプリの検証

アプリのデプロイとデータの移行

事後対応

第４部　FlutterFlowアプリ構築手順

フロントエンド構築

FlutterFlowプロジェクトの作成

ページの追加と管理

レイアウトを決める

様々なWidget

アプリの動作コントロール

その他の機能

バックエンド構築(Supabase)

アプリの動作確認方法

アプリのテストとデプロイ

FlutterFlow開発情報

スマートフォンアプリ開発時の違い

第５部　FlutterFlowと我々の未来

FlutterFlowはノーコードか、ローコードか

AI開発の利点

FlutterFlowの将来性

あとがき

追加情報：

・本書の内容に不備や不明な点がありましたらお知らせください。可能な限り個別対応させていただきます。

・本書の内容は筆者個人の見解に基づくものであり、BubbleやFlutterFlowとは一切関係ありません。