本文へスキップ

モジュールのインポート

モジュールをクラウド エディタ プロジェクトにインポートする​

モジュールによって、再利用可能なコンポーネントをプロジェクトに追加することができ、コア・エクスペリエンスの開発に集中することができます。 モジュールによって、再利用可能なコンポーネントをプロジェクトに追加することができ、コア・エクスペリエンスの開発に集中することができます。 8th Wallクラウドエディタは、あなたが所有するモジュール、または8th Wallによって公開されたモジュールをあなたのプロジェクトに直接インポートすることができます。

モジュールをクラウド・エディター・プロジェクトにインポートするには：

  1. クラウド エディタ内で、モジュールの隣にある「+」ボタンを押します。

modules-step1-add-module

  1. リストからインポートしたいモジュールを選択します。 リストからインポートしたいモジュールを選択します。 インポートできるのは、8th Wallのホストプロジェクトと互換性のあるモジュールだけです。 (モジュール互換性](#module-compatibility)について詳しくはこちら) (モジュール互換性](#module-compatibility)について詳しくはこちら) リストからインポートしたいモジュールを選択します。 インポートできるのは、8th Wallのホストプロジェクトと互換性のあるモジュールだけです。 (モジュール互換性](#module-compatibility)について詳しくはこちら) (モジュール互換性](/legacy/guides/modules/compatibility/)について詳しくはこちら)

modules-step2-select-template

  1. Import "を押して、モジュールをプロジェクトに追加します。 モジュールのエイリアスに注意してください。 もし、 、プロジェクト内に同じエイリアスを持つモジュールがある場合、モジュール名を変更する必要があるかもしれません。

modules-step3-press-import

  1. これで、プロジェクト内の "Modules "セクションにモジュールが表示されます。

modules-step4-press-import

  1. インポートされたモジュールを選択すると、モジュール設定ページに移動します。 このページを使用して、さまざまなモジュール・パラメーターを設定することができます。 このページを使用して、さまざまなモジュール・パラメーターを設定することができます。

modules-step5-press-import

プロジェクトにモジュールを追加したら、モジュールを完全に統合するためにコードを変更しなければならないかもしれません。 プロジェクトにモジュールを追加したら、モジュールを完全に統合するためにコードを変更しなければならないかもしれません。 readmeのあるモジュールには、特定のモジュールをプロジェクトコードに統合する方法を理解するために参照すべき文書が含まれています。

セルフホストプロジェクトへのモジュールのインポート​

モジュールにより、再利用可能なコンポーネントをプロジェクトに追加することができ、コアエクスペリエンスの開発（ ）に集中することができます。 モジュールにより、再利用可能なコンポーネントをプロジェクトに追加することができ、コアエクスペリエンスの開発（ ）に集中することができます。 あなたが所有するモジュールや、8th Wallによって公開されたモジュールを、あなたのセルフホストプロジェクトに直接インポートすることができます。 モジュールにより、再利用可能なコンポーネントをプロジェクトに追加することができ、コアエクスペリエンスの開発（ ）に集中することができます。 あなたが所有するモジュールや、8th Wallによって公開されたモジュールを、あなたのセルフホストプロジェクトに直接インポートすることができます。

** モジュールをセルフホスト・プロジェクトにインポートするには**：

  1. クラウド エディタ内で、Self-Hosted プロジェクトを開き、左の ナビゲーションにある Module アイコンを押します：

Modules-left-nav

  1. "+"または "モジュールのインポート "を押して、利用可能なモジュールをプロジェクトに追加します。

  2. 8th Wallが作成したモジュールをインポートするには "Public Modules "を、ワークスペースのメンバーが作成したモジュール をインポートするには "My Modules "を押してください。 インポートできるのは、Self-Hostedプロジェクトと互換性のあるモジュールだけです（ ）。 (モジュール互換性について詳しくはこちら) インポートできるのは、Self-Hostedプロジェクトと互換性のあるモジュールだけです（ ）。 (モジュール互換性](/legacy/guides/modules/compatibility/)について詳しくはこちら)

  3. リストからインポートしたいモジュールを選択します。

  4. Import "を押して、モジュールをプロジェクトに追加します。 モジュールのエイリアスに注意してください。 もし、 、プロジェクト内に同じエイリアスを持つモジュールがある場合、モジュール名を変更する必要があるかもしれません。

  5. Self-Hostedプロジェクトに追加できるモジュールは10個までです。 Self-Hostedプロジェクトに追加できるモジュールは10個までです。 これらのモジュールは、8th Wall Cloud EditorのProject Modulesページにタブ（ ）として表示されます。 Self-Hostedプロジェクトに追加できるモジュールは10個までです。 これらのモジュールは、8th Wall Cloud EditorのProject Modulesページにタブ（ ）として表示されます。

self-hosted-project-modules

  1. インポートされたモジュールを選択すると、モジュール設定の詳細が表示されます。 これは、 、さまざまなモジュール・パラメーターを設定するために使用できる。 これは、 、さまざまなモジュール・パラメーターを設定するために使用できる。

self-hosted-project-module-details

  1. チームが作成したモジュールをインポートすると、"Version" (モジュールが少なくとも一度はデプロイされている場合のみ) や "Commit" ( からモジュールコードの任意のコミットにモジュールをピン留めできます) など、複数のピン留め対象オプション が表示されます。 バージョン」ピン留め対象を選択した場合、 、インポートしたモジュールのバグ修正アップデート、新機能アップデートを購読したり、 モジュールの自動アップデートを無効にしたりすることができます。 バージョン」ピン留め対象を選択した場合、 、インポートしたモジュールのバグ修正アップデート、新機能アップデートを購読したり、 モジュールの自動アップデートを無効にしたりすることができます。

self-hosted-project-module-pinning-target

  1. プロジェクトにモジュールを追加したら、"Copy Code "を押して、 クリップボードの内容をプロジェクトの head.html ファイルに貼り付けます。 このスニペットにより、指定したモジュール構成設定で、 自主ホスト・プロジェクトにモジュールをロードできるようになります。 モジュールコンフィグ設定を変更するたびに、 コードスニペットを再コピーし、プロジェクトの head.html を更新する必要があります。 このスニペットにより、指定したモジュール構成設定で、 自主ホスト・プロジェクトにモジュールをロードできるようになります。 モジュールコンフィグ設定を変更するたびに、 コードスニペットを再コピーし、プロジェクトの head.html を更新する必要があります。

self-hosted-project-module-copy-code

  1. モジュールを完全に統合するには、コードを変更する必要があるかもしれません。