JavaScript フレームワークと JSS

Version: 20.x
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

JSS は、フロントエンド フレームワークを拡張したり、その動作方法を変更したりするのではなく、フレームワークのツールと機能を使用して、カスタム ルーティング ソリューションなどのすぐに使用できる機能を提供します。通常のフロントエンド フレームワーク アプリの構築で学んだ技術的な概念、パターン、ベスト プラクティスは、一般的な JSS で有効です。

ただし、バックエンド チームの Sitecore 開発者とのコラボレーションを容易にするために、Sitecore のインターフェイス、用語、概念について理解しておく必要があります。

フロントエンド フレームワーク アプリ

Content Management システム (CMS) がない通常のフロントエンド アプリケーションでは、開発者はコードを使用してページとコンポーネントの構成を制御します。Content Management インターフェイスがないため、(すでに設計済みの) エンドユーザー インターフェイスのさまざまな状態によって、レンダリング対象が決まります。再利用可能な要素の数と組み合わされた状態のばらつきの数と、状態間の動作によって、コンポーネントの粒度が決まります。

JavaScript フレームワーク アプリの重要な特徴:

  • 開発者はコンポーネントのレイアウトを制御します。

  • 開発者は、開発時にページ構成とコンポーネント階層を知っています。

JSS を使用したフロントエンド アプリ

JSS アプリを構築する場合、アプリは CMS との統合をサポートする必要があるため、2 つの異なるインターフェイスに対して単一のコンポーネント セットを作成します。1 つ目は、通常の JavaScript フロントエンド アプリと同様に、エンドユーザーがアプリを操作するインターフェイスです。2 つ目は、コンテンツ作成・責任者がページにコンポーネントを配置し、コンテンツの値を管理する Authoring インターフェイスです。

JSS アプリの重要な特徴:

  • コンテンツ作成・責任者は、エクスペリエンス エディターや Horizon などのグラフィカル Sitecore エディターでコンポーネントを選択してページを組み立てる

  • 開発者ではなく、Sitecore のユーザーがレイアウトを制御する

  • コンテンツ作成・責任者がコンポーネントを使用してページを組み立てた場合、コンテンツのレンダリングを変更する動的な動作を追加できる (ロケールベースのパーソナライゼーションなど)

  • コンテンツ作成・責任者はさまざまなペルソナに対して動的なエクスペリエンスを作成できるため、開発時にはエンドユーザーに表示されるページ構成は不明

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、