次の方法で共有

手順 4: LightSwitch アプリケーションの実行とテスト

  • [アーティクル]

初めての LightSwitch アプリケーションを作成しました。 このレッスンでは、このアプリケーションを実行してデータを入力します。

実行とテスト

アプリケーションを実行するには

  • メニュー バーで、[デバッグ]、[デバッグ開始] の順に選択します。

    このコマンドは、ブラウザー ウィンドウでプログラムを実行し、[ContactLists] 画面を表示します。

    ヒント

    F5 キーを押してアプリケーションを実行することもできます。

連絡先を追加するには

  1. [ContactLists] 画面で [追加] をクリックします。

    [ContactList] 画面が開きます。 名前、会社、電話番号、および電子メール アドレスを入力するためのフィールドが表示されます。

  2. [連絡先名] ボックスで、「Howard Snyder」と入力します。

  3. [連絡先の会社] ボックスに「Great Lakes Food Market」と入力します。

  4. [連絡先の電話番号] ボックスに「5035557555」と入力します。

  5. [連絡先の電子メール] ボックスに「howard@example」と入力し、[保存] をクリックします。

    メール アドレスが無効であるエラーを示すダイアログ ボックスが表示されます。 [OK] をクリックしてダイアログ ボックスを閉じます。

  6. 「.com」を電子メール アドレスの末尾に追加し、[保存] をクリックします。

    [連絡先リスト] 画面

    新しい連絡先を表示するタイルが [参照] 画面に表示されます。

    連絡先が追加された [参照] 画面

連絡先の詳細を表示するには

  1. タイルを選択し、連絡先の**[表示]** 画面を開きます。

    [表示] 画面

    4 つのフィールド ([作成者]、[作成日時]、[更新者]、および [更新日時]) が追加されていることを確認します。 これらのフィールドにより、レコードを追加または変更したユーザーと、レコードが追加または変更された時点を追跡できる監査証跡が作成されます。

  2. [編集] をクリックします。

    連絡先の追加に使用した**[ContactList]** 画面が表示されます。この時点では、現在の連絡先のデータが表示されます。

  3. [破棄] をクリックして画面を閉じてから、[ホーム] アイコンをクリックして [参照] 画面に戻ります。

連絡先を検索するには

  1. [検索] をクリックします。画面上部に [検索] ボックスが表示されます。

  2. 検索ボックスに「505」と入力し、Enter キーを押します。

    505 を含む一致する連絡先がないため、一覧は空です。

  3. 検索ボックスに「503」と入力し、Enter キーを押します。

    次の図で示されているように、一覧には 1 つの一致する連絡先が表示されます。

    連絡先リスト

サイズ変更動作を表示するには

  1. 次の値からなる 2 つの連絡先を追加します。

    連絡先の名前

    連絡先の会社

    連絡先の電話番号

    連絡先の電子メール

    Elizabeth Lincoln

    Bottom-Dollar Markets

    6045554729

    elincoln@example.com

    Thomas Hardy

    Around the Horn

    1715557788

    thomash@example.com

    連絡先がタイル型リスト形式で表示され、最新のエントリが常に左上に表示されることを確認します。

    並べて表示されたリストのレイアウト

  2. ブラウザー ウィンドウのサイズを変更し、ウィンドウの幅が狭くなると 1 列表示に変化することを確認します。 電話の画面などの小さい画面の場合、表示は自動的に調整されます。

    1 列のリスト

  3. ブラウザー ウィンドウを閉じ、実行中のアプリケーションを終了します。

  4. メニュー バーで、[ファイル]、[すべてを保存] の順に選択します。

    後のレッスンで使用できるようにプロジェクトが保存されます。

よく見る

このレッスンでは、プログラムを実行してその動作を確認しました。 コードを 1 行も書くことなく、データ エントリ、ナビゲーション、検証、検索など必要な機能をすべて実装するアプリケーションがあることに驚くかもしれません。 必要なコードはすべて LightSwitch に組み込まれています。 作業を大幅に節約できます。

もちろん、現在作成している連絡先管理アプリケーションは、ほとんどのアプリケーションよりも単純です。 複数のソースからのデータを統合する画面、特定の条件に基づいて表示内容を変更する画面、またはユーザーの ID に基づいてアクセスを制限する画面などが必要となります。 この後のレッスンでは、これらや他の詳細について説明します。

LightSwitch では、一般的なシナリオについてはコードを記述する必要がほとんどありませんが、場合によってはコードの記述が必要になります。 ビジネス ルールは会社によって異なります。 たとえば、一部の顧客に割引を提供したり、特定の購入を免税対象にしたりできるように、アプリケーションをセットアップすることがあります。 ビジネス アプリケーション開発者は、ビジネス ルールを理解し、それらをコードで表現することができます。 この方法については、この後のレッスンで詳しく学習します。

次の手順

これで、完全に機能する LightSwitch アプリケーションが完成しました。 この後のレッスンでは、データ エンティティおよびデータへの接続について詳しく説明します。

次のレッスン: LightSwitch アプリケーション データへの接続

参照

概念

手順 3: LightSwitch での画面の作成

その他の技術情報

初めての LightSwitch アプリケーションの作成