【Bubble】保守性が高いアプリケーションを開発する方法

保守性が高いアプリケーションとは？

アプリケーションの保守性が高い特徴として、以下の三つが挙げられます。

• 変更に強い
• バグの特定やテストが容易
• バージョン管理が容易

アプリケーションの保守性が高いと、将来的な修正や拡張が容易になるため、開発効率の向上につながります。

アプリケーションの保守性が低いと、以下の問題が発生する可能性があります。

• バグの修正が困難になる
• 新しい機能を追加するのが難しい
• 処理時間やメモリ使用量の増加
• セキュリティの低下

Bubbleにおいて保守性高く開発するコツ

Bubbleの保守性を高くするためには、モジュール化することが大切です。

アプリケーションの複数の場所で使われる一連の処理をまとめることをモジュール化といいます。

モジュール化することで、再利用がしやすくなり、保守性が高まります。

以下は、モジュール化の概念図です。

Bubbleにおけるモジュール化の具体例

Reusable elementを利用する

Reusable elementは、UIのパーツとしてだけでなく、ワークフローもモジュール化できます。

• 利用されるケース
  • 複数のページで同じようなUIのパーツを使う場合
  • SPA実装時にGroupに複雑、かつ分離した機能がある場合
  • ワークフローの数が多く、別ページで管理したい場合

Custom Workflowを利用する

Custom Workflowを利用して、ワークフローをモジュール化できます。

次に示すAPI Workflowとは異なり、フロント側で実行されます。

• 利用されるケース
  • ページ上のElementに変更を加える場合（表示/非表示など）
  • 即時の応答を期待するアクションの場合（同期処理）

API Workflowを利用する

ワークフローをモジュール化できます。Custom Workflowとは異なり、サーバー側で実行されます。

• 利用されるケース
  • アクションをすぐに完了する必要がない場合（非同期処理）
  • ワークフローが複数のページで使用されていて、Reusable Elementsでモジュール化できない場合