---
title: "はじめに"
slug: "get-started-1523436"
abstract: "Content Hubと一緒に使うためのJavaScript SDK準備方法。"
---
# 始めましょう

JavaScript SDKを使うには、JavaScript SDKパッケージをプロジェクトにインポートしてください。このドキュメントでは、[Visual Studio Code](https://code.visualstudio.com/)をエディター、npmをパッケージマネージャーとして使っています。

> !重要もはやnpmフィードの設定は不要になりました。以前にパブリックフィードからパッケージを取得した場合は、まずコマンドnpm config delete @sitecore:registryを実行するか、*npmrc*ファイルから@sitecore:registryで始まる行を削除して設定をクリーンアップしてください。

## パッケージをインストールする

JavaScript SDKをインストールするには、以下のコマンドを実行します:

npm install @sitecore/sc-contenthub-webclient-sdk

> !警告Sitecoreパブリックフィードに加えて、デフォルトのnpmレジストリも設定する必要があります。なぜなら、JavaScript SDKパッケージはデフォルトのnpmレジストリの他のnpmパッケージに依存しているからです。

ライブラリのインポート方法は、プロジェクトがCommonJSかECMAScriptモジュール(ESM)を使っているかによって異なります。

### CommonJSを使用する場合

requireでSDKをインポートしてください:

const sdk = require('@sitecore/sc-contenthub-webclient-sdk');

"type": "module"を削除するか、"commonjs"に設定する必要があります。

### ESMを使用する場合

importでSDKをインポートしてください:

import sdk from '@sitecore/sc-contenthub-webclient-sdk';

また、自分のpackage.jsonに設定"type": "module"もなければなりません。