Salesforce モバイルアプリケーションのアーキテクチャ

Salesforce for iOS/Android は「ハイブリッド」アプリケーション、つまり、JavaScript、HTML5、Aura フレームワーク (one.app) を使用して作成されたモバイル Web アプリケーションです。このアプリケーションは Salesforce コンテナ (bridge.app) でラップされているため、アプリケーションでネイティブモバイルプラットフォーム (iOS、Android) の機能を利用したり、アプリケーションをデスクトップとモバイル Web ブラウザで提供したり、アプリケーションを App Store または Google Play Store からダウンロードしたりできます。ネイティブアプリケーションと HTML5 アプリケーションの違いについての詳細は、Trailhead の「Get Started with Salesforce Mobile SDK」を参照してください。 

Visualforce のベストプラクティス

• ビジネスロジックの複雑さを最小限に抑えて、より複雑な Visualforce ページへのリンクにはボタンのクリックを使用します。
• すべての CSS および JavaScript ライブラリを最小化し、ページの遅延読み込みを使用して基本 HTML を最初に読み込んでから追加のカスタムライブラリを読み込みます。
• モバイルアプリケーションの Visualforce ページのパフォーマンスを改善する方法として、JavaScript Remoting を使用する方法もあります。 

Lightning コンポーネントのベストプラクティス

1.ランディングページとしての Lightning コンポーネントおよびパフォーマンス
Salesforce モバイルアプリケーションのナビゲーションメニューに特定の Lightning コンポーネントのランディングページがあると、アプリケーション読み込み時間の遅延が長くなることが確認されています。このため、可能であれば Lightning コンポーネントを Salesforce モバイルアプリケーションのランディングページとして使用しないようにしてください。Lightning コンポーネントをランディングページとして使用する必要がある場合は、次のガイドラインに従ってください。

• ビジネスロジックの複雑さを最小限に抑えて、より複雑な Lightning コンポーネントへのリンクにはボタンクリックを使用することで、アプリケーションへの最初のユーザログイン時に Lightning コンポーネントが読み込まれないようにします。
• すべての CSS および JavaScript ライブラリを最小化し、ページの遅延読み込みを使用して基本 HTML を最初に読み込んでから追加のカスタムライブラリを読み込みます。

2.Salesforce モバイルアプリケーションでの Lightning ページ
Lightning *アプリケーション* ページは、Salesforce モバイルアプリケーションで唯一サポートされている Lightning ページです。また、Lightning レコードページがモバイルアプリケーションでサポートされるようになりました。モバイルアプリケーションで Lightning コンポーネントの機能を活用する場合は、2 つのオプションを使用できます。

• Lightning アプリケーションページを作成して、そのページに Lightning コンポーネントを追加します。この種類のページは Lightning Experience フルサイトだけでなく Salesforce モバイルアプリケーションでも機能します。 
• Lightning コンポーネントをカスタムアクション上書きとして目的のオブジェクトのレコードページに追加します。これにより、レコードページでカスタムアクションをタップできるようになり、そのアクションで Lightning コンポーネントを開始します。この手順は、「アクション上書きとして使用する Aura コンポーネントの作成」を参照してください。 

3.Lightning コンポーネント間を移動するための Force:NavigateToComponent
force:navigateToComponent コールは Summer '18 の時点で廃止され、lightning:navigation イベントに置き換えられました。ユーザが lightning:navigation コールを使用しているシナリオでは、開発者は最初の Lightning コンポーネント内で追加の Lightning コンポーネントを子としてネストすることを強くお勧めします。これにより、子の Lightning コンポーネントが動的に生成されます。手順は、こちらを参照してください。  

4.Lightning Out
Lightning Out  は、Lightning コンポーネントを Visualforce ページの内部に埋め込む方法です。これは、「Lightning.use」ステートメントを Visualforce ページに追加するときに確認できます。開発者は、Salesforce Classic フルサイトの UI で Lightning コンポーネントにアクセスできるようにこの機能を設定することができます。Lightning Out はベータ機能のため、Salesforce モバイルアプリケーションでは使用できません。サポートはベータ機能のデバッグを提供できません。そのため、ユーザは Lightning Out コードを Visualforce ページから削除して、Lightning コンポーネントタブまたはレコードアクション上書きから Lightning コンポーネントを開始するようにコードをリファクタリングすることを強くお勧めします。 

5.サポートされる Lighting コンポーネントおよび SLDS スタイル
モバイル対応のデバイスまたは Salesforce のモバイルアプリケーションからコンポーネントを利用する場合、フルサイト開発で使用可能な一部のコンポーネントはサポートされません。各コンポーネントについての詳細は、「Lighting Component Developer Guide (Lighting コンポーネント開発者ガイド) : Component Reference (コンポーネントリファレンス)」を参照してください。

また、一部の Lightning コンポーネントのドキュメントでは、コンポーネントがモバイルでサポートされないことが明記されません。このドキュメントでは、「 This component inherits styling from ... in the Lightning Design System 」のように記述されている場合があります。このメッセージがある場合は、必ず Lightning Design System ドキュメントへのリンクを確認してください。スタイル設定には、使用する機能に応じて独自の注意事項がある可能性があります。Lightning Design System のドキュメントで「Desktop Only (デスクトップのみ)」と記述されていないことを確認してください。記述されている場合、このスタイルは Salesforce モバイルアプリケーションで使用できないことを意味します。 

Salesforce はこの 2 つのドキュメントを一致させるように取り組んでおり、この「Desktop Only (デスクトップのみ)」の文言をコンポーネントリファレンスにも加えるように推し進めていますが、当面、異なる環境間で表示の問題や異常な動作が発生した場合は、利用しているすべてのコンポーネントおよび継承されたスタイル設定がモバイル環境でサポートされていることが文書化されていることを確認してください。 

6.サポートされない Window.open、window.location、location.href メソッド
この document ベースのコールは、Salesforce モバイルアプリケーション環境の Lightning コンポーネント内では使用できません。コードが Salesforce モバイルアプリケーションのメインコンテナから離れるためです。これは、セキュリティ上の理由で許可されません。これらのコールは当面は機能する場合がありますが、製品チームがこれらを Salesforce モバイルアプリケーションでテストしていないため、アプリケーションが更新されると機能しなくなる可能性があります。代わりに、URL に移動するには、lightning:navigation を standard__webPage 属性と共に使用してください。

関連資料: Salesforce モバイルアプリケーション