Lightning アプリケーションビルダーを使用して Lightning アプリケーションを作成およびカスタマイズする方法

公開: 2024-04-03

アプリ構築の旅に乗り出すと、複雑なコード、長時間のコーディング、広範なコーディング知識のイメージが思い浮かぶことがよくあります。

しかし、Salesforce の Lightning App Builder のおかげで、経験がなくてもアプリケーション全体を迅速に作成できるようになりました。

あなたが初心者であっても、アプリ作成をさらに深く掘り下げたいと考えている人であっても、このブログ投稿はカスタム Lightning アプリ作成の聖杯として役立ちます。

Lightning アプリケーションの作成とカスタマイズの基本的な手順を一緒に明らかにし、Lightning アプリケーション構築の冒険を始めましょう。

基本から始めましょう。

Salesforce Lightning アプリケーションビルダーとは何ですか?

Salesforce Lightning は、Salesforce アプリケーション開発用に特別に設計されたコンポーネントベースのフレームワークです。その主な目標は、ビジネスユーザー、特にプログラミングの専門知識を持たないユーザー向けに、Salesforce 内でのアプリケーション開発手順を合理化および簡素化することです。

シンプルなツールを構築している場合でも、高度なシステムを構築している場合でも、Salesforce の Lightning アプリケーションビルダーを使用すると、次のことが可能になります。

コーディングに関する豊富な知識がなくても、カスタマイズされたアプリを開発できます。

要件に正確に適合するアプリケーションを設計することで、ニーズに応じて Salesforce 環境を構築できます。

カスタムアプリケーションをシームレスに作成します。

フィールド、ボタン、リスト、その他の要素などのコンポーネントをインターフェイス上に組み立てて、アプリケーションを構築します。

これらのコンポーネントは、標準の Salesforce コンポーネントまたはカスタムメイドの要素であり、幅広い機能を提供します。 また、このツールは応答性の高いデザインを保証し、作成されたアプリケーションをデスクトップ、タブレット、携帯電話などのさまざまなデバイスにシームレスに適応させることができます。

Salesforce Lightning App Builder は、ユーザーフレンドリーで直感的なインターフェイスを提供することで、Salesforce ユーザがより効率的でパーソナライズされた Salesforce エクスペリエンスを作成できるようにします。

アプリケーション開発に Classic ではなく Salesforce Lightning を選択する理由?

Salesforce ユーザーであれば、Salesforce Lightning への切り替えが単なる賢明な選択ではなく、特にアプリケーション開発に多くの利点をもたらす戦略的な決定であることはよくご存じでしょう。

アプリケーション開発に Classic ではなく Salesforce Lightning を選択する説得力のある理由がいくつかあります。

モダンで直感的なインターフェイス:

Lightning は、Classic のタブ中心のレイアウトよりもモダンで見た目にも美しい、クリーンでユーザーフレンドリーなインターフェイスを提供します。これにより、ユーザーの採用と生産性の向上につながる可能性があります。

モバイルファーストのデザイン:

Lightning はモバイルファーストのアプローチで構築されており、デスクトップからスマートフォンまで、すべてのデバイス上でアプリケーションの外観と機能が完璧に保証されます。これは今日のモバイル中心の世界では非常に重要です。

柔軟性とカスタマイズ:

Lightning は、Classic と比較して、より優れた柔軟性とカスタマイズオプションを提供します。再利用可能でスケーラブルな UI 要素を構築するためのフレームワークである Lightning Web コンポーネントを使用して、カスタムアプリケーションとコンポーネントを簡単に構築できます。

パフォーマンスを向上させた：

Lightning アプリケーションは、最適化されたアーキテクチャと最新のデザインのおかげで、通常、クラシックアプリケーションよりも読み込みが速く、パフォーマンスも優れています。これにより、より効率的で楽しいユーザーエクスペリエンスが実現します。

将来性:

Salesforce は Lightning に積極的に投資し、新機能やアップデートを定期的にリリースしています。 Lightning を選択すると、アプリは将来性のあるプラットフォーム上に構築されます。

アプリケーション開発における Lightning と Classic の主な違いをまとめた表は次のとおりです。

全体として、Salesforce Lightning は、最新のデザイン、高度な機能、柔軟性、将来性のある性質により、アプリケーション開発において明らかに勝者です。

Classic に慣れている開発者にとっては学習曲線があるかもしれませんが、Lightning のメリットは初期投資をはるかに上回ります。

Salesforce Lightning でアプリケーションを作成するには?

Salesforce の Lightning Experience には、Lightning ページと Lightning コンポーネントという 2 つの主要な部分があります。

新しいアプリを作成するには、右上の歯車アイコンをクリックします。

カスタマイズしたい Lightning ページがすでに表示されている場合は、歯車メニューから [ページの編集] を選択します。

そうでない場合は、「設定」メニューに移動し、「Lightning アプリケーションビルダー」を検索してツールにアクセスします。

Lightning アプリケーションビルダーにアクセスすると、ページが開きます。

編集したい場合は、編集ボタンをクリックするとページが開いていることがわかります。これにより、そのページが Lightning アプリケーションビルダービューで開きます。ツールバーには、保存、元に戻す、切り取り、コピー、貼り付けなどの一般的なオプションがあります。これらに加えて、デスクトップビューとモバイルビューを切り替えることができます。

プロパティペインには、作業内容に合わせて、作業中のページまたはコンポーネントの詳細が表示されます。

さまざまな種類のページ:

1. ホームページ: グラフ/ダッシュボード、概要、To-Do リストなどの情報の概要をユーザーに提供します。

2. アプリページ: ホームページに似ており、シングルページアプリまたはサードパーティアプリに使用されます。

3. レコードページ: Salesforce 内のレコードにアクセスできます。

Lightning アプリケーションビルダーでは、ページテンプレートを使用してデスクトップとモバイルの両方のページを最適化できます。これらの領域にコンポーネントをドラッグアンドドロップできます。

これはほとんどコードを必要としないツールですが、簡単なコーディングが可能です。高度な機能またはカスタムテンプレートの場合は、Aura コンポーネント /lightning Web コンポーネントを使用できます。

コンポーネントの追加:

Lightning ページはオブジェクトを配置しますが、Lightning コンポーネントはオブジェクトそのものです。

標準、カスタム、サードパーティの 3 種類のコンポーネントを追加できます。標準コンポーネントは、Salesforce によって直接作成されるさまざまなニーズに対応します。

カスタムおよびサードパーティのコンポーネントは、より多くの専門知識を必要とし、特定の用途に合わせて調整されています。
6. 「保存」をクリックします。

コンポーネントを追加した後、必要に応じて配置し、アプリを手動で保存してアクティブ化することを忘れないでください。

最後に、有効化するには、右上の「有効化」ボタンを選択します。

Lightning アプリケーションをカスタマイズするにはどうすればよいですか?

アプリが正常に作成されたので、それをカスタマイズしたくなるのは自然なことですよね。結局のところ、カスタマイズは、Lightning アプリケーションプラットフォーム上に構築された多数のアプリケーションからアプリケーションを区別するための鍵となります。

Lightning アプリケーションビルダーで構築されたアプリケーションをカスタマイズする方法を知りたいですか? ご安心ください。こちらで対応させていただきます。

カスタムホームページを作成する手順:

1. [設定] に移動し、[クイック検索] ボックスで「アプリケーションビルダー」を検索し、[Lightning アプリケーションビルダー] をクリックします。

2. 「新規」をクリックし、「ホームページ」を選択して「次へ」をクリックします。「ホームページ、レコードページ、アプリページ」を含めることができますが、ここではホームページに焦点を当てているため、ホームページのみを選択します。

3. ウィザードの手順に従います。
– ページに名前を付けます (例: 「新しいホームページ」)。
– 「標準ホームページ」テンプレートを選択します。
– 「完了」をクリックします。

4. 構築を開始できる空のホームページが表示されます。コンポーネントペインには、ホームページの標準コンポーネントと、組織にインストールされているカスタムコンポーネントが含まれています。

5. コンポーネントを別の領域にドラッグします。
–アシスタントコンポーネントを右上に配置します。
– 「パフォーマンス」を左上に置きます。
–今日のイベントを左下に追加し、重要な取引を右下に追加します。
–今日のタスクをアシスタントの上に配置します。
– ビジネスニーズに応じて物を配置します。

6. 「保存」をクリックします。

ただし、ページを保存するだけでは、ユーザーがページを閲覧できるようにはなりません。 Lightning ページをアクティブにする必要があります。ユーザーと共有する準備ができたら:

– [アクティブ化] をクリックして、ユーザーに表示されるようにします。

– 以前に保存したがアクティベートしていない場合は、ツールバーの「アクティベーション」ボタンを探してください。

それでおしまい！ユーザが Lightning Experience でアクセスできるカスタムホームページを作成して有効化しました。

Lightning Experience および Salesforce モバイルアプリケーションのカスタムレコードページを作成する手順

1. [設定] に移動し、[クイック検索] ボックスで「アプリケーションビルダー」を検索し、[Lightning アプリケーションビルダー] を選択します。

2. 「新規」をクリックします。

3. 「ページを記録」を選択し、ウィザードに従います。

ページにラベルを付けます (例: 「新しい商談ページ」)。

オブジェクトとして「商談」を選択します。

「ヘッダー、サブヘッダー、右サイドバー」テンプレートを選択し、「完了」をクリックします。

4. コンポーネントペイン内には、商談レコードページ用に設計された標準コンポーネントとカスタムコンポーネントのコレクションが表示されます。

5. 設定メニューから「常にアイコンを表示」を選択して、コンポーネントの表示がさまざまなデバイス間で一貫していることを確認します。

6. コンポーネントをページ上にドラッグします。

重要な情報を表示するには、ハイライトパネルを上部領域に配置します。

ハイライトパネルの下にPathコンポーネントを追加します。

右下の領域にChatterコンポーネントを含めます。

左下の領域にTabsコンポーネントを挿入し、タブを追加します。

タブをカスタマイズします。

新しいタブを追加し、ラベルを付けます (「最近のアイテム」など)。

それぞれのコンポーネントを追加して、「アクティビティ」や「関連」などの追加タブを作成します。

プロパティペインでタブの順序を調整します: [詳細]、[アクティビティ]、[最近のアイテム]、および[関連] 。

「保存」をクリックしてから「アクティブ化」をクリックして、カスタムページがユーザーに表示されるようにします。

7. 商談レコードページのアクティブ化オプション:

組織のデフォルト: ページを組織内のすべてのユーザーのデフォルトにします。

アプリケーションのデフォルト: ページを特定の Lightning アプリケーションのデフォルトとして設定します。

アプリケーション、レコード、タイプ、プロファイル: 選択した Lightning アプリケーション、レコードタイプ、プロファイルにページを割り当てます。

フォームファクターの割り当て: デスクトップや電話などの特定のデバイスタイプにページを割り当てます。

結論

Salesforce Lightning は、アプリケーションの作成とカスタマイズに幅広い視野を提供し、直感的で動的なプラットフォームをユーザーに提供します。適切に実行すると、Salesforce Lightning で利用できる膨大なカスタマイズオプションがイノベーションとカスタマイズされたソリューションへの扉を開きます。

Salesforce Lightning の力を解き放ち、独自の高性能アプリケーションを作成する準備はできていますか? [email protected]までご連絡ください。そこから対応させていただきます。