Bubbleエディターには、アプリの開発を効率化するためのさまざまなツールが備わっています。本記事では、Bubbleエディターの「Key Features(主要機能)」について詳しく解説します。
目次
Saving Your App(アプリの保存)
Bubbleでは、作業内容が自動的に保存されます。
- エディターでの変更はリアルタイムで保存されるため、手動での保存作業は不要です。
- ただし、大幅な変更を行う場合は、バージョン管理のために手動でセーブポイントを作成するのが推奨されます。
- 定期的にセーブポイントを作成すると、開発の進捗管理や誤操作時の復元が容易になります。
- チーム開発時には、セーブポイントを利用して作業履歴を共有し、変更をスムーズに管理できます。
Saving Errors(保存エラー)
エラーが発生した場合、Bubbleは保存を試みながら問題を通知します。
Bubble が最新の変更を保存しようとしているときにエラーが発生することがあります。これは通常、接続が弱いために発生し、デバイスがオンラインに戻るとすぐに解決されます。
サーバーと正常に通信できない場合、Bubble ツールバーの「Saving…」通知が赤色に変わります。この場合は、データ損失のリスクを軽減するために作業を一時停止することをお勧めします。

Undo and Redo(元に戻す・やり直し)
Bubbleには「Undo(元に戻す)」と「Redo(やり直し)」機能があり、開発作業を効率化できます。上部のアイコンからこの機能を行うことができます。
- Undo(Ctrl + Z / Command + Z):直前の変更を取り消します。
- Redo(Ctrl + Y / Command + Shift + Z):取り消した変更を復元します。
- これにより、誤って削除した要素も簡単に復元できます。
- UndoとRedoを活用することで、試行錯誤を繰り返しながらデザインや機能を改善できます。
Shortcuts to the Core Reference(コアリファレンスへのショートカット)
Bubbleには、公式のコアリファレンスへ素早くアクセスできるショートカットが用意されています。

- エディター内でヘルプが必要な場合、関連ドキュメントを即座に開くことが可能です。
- よく使うリファレンスをブックマークしておくことで、作業の効率をさらに向上させることができます。
- コアリファレンスには、各種機能の具体的な設定方法やベストプラクティスが記載されているため、積極的に活用しましょう。
Page Selector(ページセレクター)
ページセレクターを使うと、アプリ内の異なるページを簡単に切り替えることができます。

- エディターの上部にあるドロップダウンメニューからアクセスできます。
- 複数のページを管理する際、すばやく目的のページに移動できます。
- フォルダを作成してページ構成を整理し、ナビゲーションを最適化することで、開発のスピードを向上させることができます。
The Edit, View, and Arrange Menus(編集・表示・配置メニュー)
Bubbleエディターには、開発をサポートするための「Edit(編集)」「View(表示)」「Arrange(配置)」メニューが用意されています。
- Edit(編集):コピー、ペースト、削除などの基本操作を管理します。
- View(表示):UIのズームやグリッドの表示など、作業環境をカスタマイズできます。
- Arrange(配置):要素の整列やレイヤーの順序を調整できます。
- これらのメニューを適切に活用することで、より効率的なデザイン作業が可能になります。
- 配置メニューでは、複数の要素を整列させたり、レイヤーの階層を調整することで、視覚的に整理されたレイアウトを作成できます。
まとめ
Bubbleエディターの「Key Features」を活用することで、よりスムーズにアプリ開発を進めることができます。自動保存やショートカット機能を駆使し、作業効率を向上させましょう。
- 開発の流れを把握し、適切なツールを活用することで、開発時間を短縮できます。
- Bubbleの公式ドキュメントやフォーラムを参考にしながら、より高度な機能を習得しましょう。
- 定期的なバックアップとバージョン管理を徹底することで、安定したアプリ開発が可能になります。