【Bubble】保守性が高いアプリケーションを開発する方法
保守性が高いアプリケーションとは?
アプリケーションの保守性が高い特徴として、以下の三つが挙げられます。
- 変更に強い
- バグの特定やテストが容易
- バージョン管理が容易
アプリケーションの保守性が高いと、将来的な修正や拡張が容易になるため、開発効率の向上につながります。
アプリケーションの保守性が低いと、以下の問題が発生する可能性があります。
- バグの修正が困難になる
- 新しい機能を追加するのが難しい
- 処理時間やメモリ使用量の増加
- セキュリティの低下
Bubbleにおいて保守性高く開発するコツ
Bubbleの保守性を高くするためには、モジュール化することが大切です。
アプリケーションの複数の場所で使われる一連の処理をまとめることをモジュール化といいます。
モジュール化することで、再利用がしやすくなり、保守性が高まります。
以下は、モジュール化の概念図です。

Bubbleにおけるモジュール化の具体例
Reusable elementを利用する
Reusable elementは、UIのパーツとしてだけでなく、ワークフローもモジュール化できます。
以下のようなケースでReusable elementを利用することがおすすめです。
- 複数のページで同じようなUIのパーツを使う場合
- SPA実装時にGroupに複雑、かつ分離した機能がある場合
- ワークフローの数が多く、別ページで管理したい場合
Custom Workflowを利用する
Custom Workflowを利用して、ワークフローのみをモジュール化できます。
次に示すAPI Workflowとは異なり、フロント側で実行されます。
次のような時はCustom Workflowを使うことがおすすめです。
- ページ上のElementに変更を加える場合(表示/非表示など)
- 即時の応答を期待するアクションの場合
API Workflowを利用する
ワークフローをモジュール化できます。
Custom Workflowとは異なり、サーバー側で実行されます。
次のような時はAPI Workflowを使うことがおすすめです。
- アクションをすぐに完了する必要がない場合(非同期処理)
- セキュリティ保護されているデータを参照する必要がある処理の場合