JSS開発のベスト・プラクティス
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSSアプリケーションは、通常のJavaScriptアプリケーションがサポートしないユースケースをサポートする必要があります。したがって、JSSアプリケーションを開発するときは、いくつかのベスト・プラクティスに従って、JSSアプリケーションが期待される機能を確実に提供できるようにする必要があります。
レイアウトのハードコーディングを避ける
コンテンツ作成者管理と互換性のあるアプリを構築するには、コンポーネント階層や、テキスト、画像などのコード以外のコンテンツをハードコーディングしないようにする必要があります。代わりに、JSSパッケージのコンポーネントをコンポーネント内で使用してください - コンテンツオーサーによって生成された動的データでコンポーネントをハイドレートします。
コンポーネントのネストを明示的にハードコーディングしないでください。代わりに、JSSライブラリの <Placeholder> コンポーネントを使用して、コンテンツ作成者が他のコンポーネントをその中にネストできる「バスケット」をコンポーネントに作成します。
Sitecoreエディター (Horizon、Experience Editor) が期待どおりに動作することを確認して、この推奨事項についてアプリケーションを検証します。コンテンツ作成者は挿入できる必要があります。レンダリングを削除および移動します。
フィールドをハードコーディングしないようにする
コンテンツ作成者が制御する必要がある値がコンポーネントにある場合は、関連するフィールドコンポーネント ( TextやImageなど) をJSSライブラリからインポートし、これらの値の代わりにこれらのコンポーネントを使用します。フィールド値をハードコードしたり、他の方法で挿入したりしないでください。
Sitecoreエディター (Horizon、Experience Editor) が期待どおりに動作することを確認して、この推奨事項についてアプリケーションを検証します。コンテンツ作成者は、すべてのデータソースフィールドをインラインで編集できる必要があります。
オーサリング要件について問い合わせる
Sitecoreは、強力なマーケティング機能を備えた複雑なアプリケーションを構築するためのツールのコレクションです。
Sitecoreサイトの構築後、Sitecoreは、エンドユーザーのWebサイトexperienceを分析、育成、パーソナライズするためのさまざまなツールと統合をユーザーに提供します。Sitecoreサイト、つまりJSSアプリの主なクライアントは、マーケター、Sitecore管理者、およびコンテンツ作成者です。開発者は、これらのクライアントのビジネス要件を満たすJSSアプリケーションを構築する必要があります。つまり、JSSアプリはSitecoreオーサリング インターフェイスとの互換性を維持し、サイトとコンテンツの管理機能を制限する可能性のある技術的な制限を導入しないようにする必要があります。
カスタムルートの要件は慎重に扱う
Sitecoreでは、コンテンツ作成者は、目的のURL構造に基づいてコンテンツ ツリーを整理することで、各ページのURLを制御する権限を持っています。JSSアプリは、この機能を完全にサポートすることが期待されます。JSSアプリは、コンテンツ作成者によって制御されるURL構造をサポートする ためのカスタム ルーティング を実装します。