メインコンテンツまでスキップ

App Builder

プロジェクトを開くとアプリビルダーが表示されます。アプリビルダーはAction Bar、Plate、Canvas、Panelという4つの主要セクションで構成されています。

アプリビルダー概要


Action Bar

Action Barは画面上部にあるツールバー領域で、プロジェクト作業に必要な主要機能をすばやく実行できるよう設計されています。

  • 役割: 保存、実行(Run)、プレビュー(Preview)、デプロイ(Deploy)など、よく使うコア機能を提供し、プロジェクト作業の効率を高めます。

Plate

Plateは画面左側にあり、プロジェクトとコンポーネントをフォルダ構造で体系的に管理できる領域です。

  • 役割: プロジェクトファイルの作成・移動・削除など、さまざまなファイル管理機能を提供し、プロジェクト全体の構造をひと目で把握できるようにします。
  • 主な機能: ページの作成・管理、ウィジェットツリーの確認などが可能です。

Canvas

Canvasは画面中央にあり、ウィジェットをドラッグ&ドロップ(Drag&Drop)で配置してUIを設計するメインの作業スペースです。

  • 役割: リアルタイムプレビューでデザイン結果をすぐに確認できます。
  • 主な機能: レスポンシブレイアウトを簡単に実装できる環境を提供します。

Panel

Panelは画面右側にあり、現在選択しているウィジェットの詳細なプロパティや機能をリアルタイムで編集できるパネルです。

  • 役割: 選択したウィジェットの色、フォント、サイズ、アニメーション、イベント、データバインディングなど、さまざまなプロパティを直感的に設定・変更できます。

Lucy Studioのアプリビルダーは 直感的なデザイン、強力な開発ツール、リアルタイムのコラボレーションとバージョン管理を一度に提供します。

これらすべての機能を通じて、デザインと開発、コラボレーションの新しい基準を体験してください!

  • 詳しい使い方は各項目をご参照ください。