この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

スタンドアロン Lightning アプリケーションを作成する

このチュートリアルでは、開発者コンソールを使用して簡単な経費追跡アプリケーションを作成します。

このアプリケーションの目的は、多くの標準 Lightning コンポーネントを利用することと、JavaScript と Apex を使用したクライアントとサーバのやりとりを示すことです。式を使用して動的にデータを操作したり、イベントを使用してコンポーネント間でデータをやりとりしたりする方法をアプリケーションを構築しながら学習していきます。

経費オブジェクトを作成するで説明されている経費カスタムオブジェクトを作成してあることを確認します。経費データを保存するカスタムオブジェクトを使用して、アプリケーションでレコードを操作する方法、クライアント側のコントローラアクションでユーザ操作を処理する方法、および Apex コントローラでデータ更新を保持する方法を学習します。

アプリケーションを作成したら、Salesforce1 への Lightning コンポーネントの追加の手順を実行して、Salesforce1 に追加します。アプリケーションのパッケージ化および AppExchange での配布については、アプリケーションとコンポーネントの配布を参照してください。

Salesforce1 の Aura 経費アプリケーション
  1. フォームには、[実行] ボタンが押されたときにビューおよび経費レコードを更新する Lightning 入力コンポーネント (1) が含まれます。
  2. 経費の総額と数でカウンタが初期化され (2)、レコードの作成または削除で更新されます。
  3. 経費リスト (3) の表示には Lightning 出力コンポーネントが使用され、経費が追加されるたびに更新されます。
  4. 経費リストに対するユーザ操作 (4) により、レコードの変更を保存する更新イベントがトリガされます。
経費追跡アプリケーションで作成するリソースは次のとおりです。
Resources 説明
expenseTracker バンドル
expenseTracker.app 他のすべてのコンポーネントが含まれる最上位コンポーネント
expenseTracker.css アプリケーションのスタイル
Form バンドル
form.cmp ユーザ入力を収集する Lightning 入力コンポーネントのコレクション
formController.js フォームに対するユーザ操作を処理するアクションが含まれるクライアント側のコントローラ
formHelper.js コントローラアクションによってコールされるクライアント側のヘルパー関数
form.css フォームコンポーネントのスタイル
expenseList バンドル
expenseList.cmp 経費レコードのデータを表示する Lightning 出力コンポーネントのコレクション
expenseListController.js 経費リストの表示に対するユーザ操作を処理するアクションが含まれるクライアント側のコントローラ
expenseList.css 経費リストの表示のスタイル
Apex クラス
ExpenseController.apxc データの読み込み、経費レコードの挿入または更新を行う Apex コントローラ
イベント
updateExpenseItem.evt 経費リストの表示から経費項目が更新されるときに起動されるイベント