App Builder を使用した作業の開始

Note

App Builder は、Indigo.Design ホーム画面の [アプリ] タブまたは App Builder ドメインから起動できます。そこから、すべてのアクティブなアプリケーションを管理することもできます。App Builder でアプリの編集が完了したら、[コードの生成] ボタンからコードを生成し、ローカルで実行します。

トピックコンテンツ:

Indigo.Design から App Builder を起動する
コードの取得
アプリをローカルで実行する

App Builder を使ってみましょう

App Builder を起動する

App Builder プロファイルに直接ログインするか、Indigo.Design でサインインします。ホーム画面が表示されます。ここから 3 つの主要な Indigo.Design 製品 (プロトタイプとユーザビリティテスト)、および最新の App Builder ([アプリ] タブ) にアクセスできます。

App Builder のホーム画面から、ユーザーは新しいアプリを起動し、既存のアプリをプレビューまたは編集できます。コンテキストメニューを使用して、既存のアプリを名前変更、複製、またはアーカイブすることもできます。

App Builder サインイン

Indigo.Cloud サインイン

Indigo.Design ホーム画面

App Builder を初めて起動したときに表示されるのは、簡単なオンボーディングツアーを提案するポップアップウィンドウです。次に表示されるのは、[新しいプロジェクト] の作成ダイアログです。新しいアプリを開始する方法は 4 つあります:

既存のデザインから作成 - Sketch の Indigo.Design UI キットを使用して作成された既存の Sketch ファイルがある場合、この時点でアップロードして App Builder でデザインを続行できます。Sketch の絶対レイアウトと App Builder の Flex レイアウトの違いにより、Sketch ファイルの解析後に追加の調整が必要になる場合があります。
サンプルアプリ - 入門アプリは、App Builder を使用して作成されたアプリケーションを探索するのに役立ち、独自のユーザースペースでそれらを変更することもできます。また、独自のアプリを最初から作成しなくても、より大きなアプリケーション用に生成されたコードをプレビューするための優れたソースです。App Builder を初めて使用する場合は、[Sample Apps] オプションを開始点として使用することをお勧めします。これは、ツールのすばらしい機能を利用してアプリケーションの構築を開始するための最も簡単な方法です。
既定のレイアウト - 定義済みの基本レイアウトを使用して新しいアプリケーションを作成します。
Blank (空白) - 新しいアプリを最初から作成します。

[新しいプロジェクト] ダイアログ

注: App Builder にアクセスすると、デザイン時に App Builder を終了せずに、アプリ内のサイドメニューからアクティブなアプリケーションを簡単に切り替えたり、App Builder のワークスペースに戻ることができます。

サイドメニュー

コードの取得

App Builder は、常にライブ実行中の Web アプリケーションをデザイン画面とプレビューウィンドウの両方に表示します。基になるコードとアプリケーションモデルは、デザイン画面でアプリケーションに変更を加えると、リアルタイムで更新されます。生成されたアプリケーションコードはプレビューウィンドウでいつでも表示できます。また、生成されたアプリケーションを完全なアプリケーションコードリポジトリとしてダウンロードして、選択したコードエディターで開くこともできます。次に、App Builder を使用してデザインしたアプリケーションをマシン上でローカルにビルドして実行し、生成されたコードに追加の変更を加えることができます。

アプリケーションプレビューウィンドウ

生成されたアプリケーションのコードを VS Code で実行する

Note

アプリケーションのコードがダウンロードされると、ローカルで行われた変更は App Builder ユーザースペースに反映されません。

オンプレミス版の App Builder

App Builder は、ソフトウェア製品の検出、ソフトウェア製品の設計、インタラクティブな製品概念実証の構築、ピクセルパーフェクトなコードプロジェクトの生成などの統合プラットフォームを開発者、デザイナー、製品マネージャーに提供する SaaS です。

規制の厳しい業界に属する企業もあります。ほとんどの場合、セキュリティ上の理由から、App Builde rなどのクラウドベースのソリューションへのアクセスが制限されているか、特定の場所でのインターネット接続が制限されています。このセグメントをカバーするためには、このような組織が App Builder をファイアウォールの内側に導入するための簡単な方法を提供する必要がありました。この方法では、独自のインフラ上で動作するプラットフォームのインスタンスを使用し、内部の人員のみがアクセスできるようにする必要がありました。

オンプレミスアプリケーションは信頼性が高く、安全であるため、クラウドでは実現できないレベルの制御を維持できます。

オンプレミスソリューションのインストール方法に関する技術的な詳細については、このトピックを参照してください。