# CDN 経由での Web SDK のインポート

- Human documentation: [https://docs.univer.ai/ja-JP/guides/bases/getting-started/installation/cdn](https://docs.univer.ai/ja-JP/guides/bases/getting-started/installation/cdn)

- Agent Markdown: [https://docs.univer.ai/ja-JP/guides/bases/getting-started/installation/cdn.md](https://docs.univer.ai/ja-JP/guides/bases/getting-started/installation/cdn.md)

- Requested language: `ja-JP`

- Content language: `ja-JP`

- Documentation version: `1.2.0`

- Source: [bases/getting-started/installation/cdn.ja-JP.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/bases/getting-started/installation/cdn.ja-JP.mdx)

---

Univer Bases には preset UMD バンドルがありません。既存の Univer UMD ランタイムにプラグインモードで追加してください。以下のブロックだけでは動作しません。

## 依存関係の順序で読み込む

1. React、ReactDOM、RxJS を読み込みます。
2. 共通の Univer 依存関係である Core、RPC、数式エンジン、レンダリングエンジン、Design、UI、Core Facade、ライセンス、数式エンジン、コラボレーションクライアントを読み込みます。
3. 次の Bases ファイルを読み込みます。すべての `@univerjs` と `@univerjs-pro` パッケージで同じバージョンを使用してください。

```html
<script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/index.js"></script>
<script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/index.js"></script>
<script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/facade.js"></script>
<script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/facade.js"></script>
<script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/locale/ja-JP.js"></script>
<script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/locale/ja-JP.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@univerjs-pro/bases-ui/lib/index.css" />
```

これらのファイルは `UniverProBases`、`UniverProBasesUi`、`UniverProBasesFacade`、`UniverProBasesUiFacade`、`UniverProBasesJaJP`、`UniverProBasesUiJaJP` を公開します。Univer の作成時に 2 つのロケールオブジェクトを統合し、最初の 2 つの名前空間から `UniverBasesPlugin` と `UniverBasesUIPlugin` を登録します。

パッケージマネージャーを使う完全な設定については、[インストールと基本的な使い方](https://docs.univer.ai/ja-JP/guides/bases/getting-started/installation.md)に戻ってください。