Skip to content

Commit

Permalink
Merge pull request #13 from kik4/translate/cdn-links
Browse files Browse the repository at this point in the history
translate docs/cdn-links
  • Loading branch information
smikitky authored Feb 1, 2019
2 parents af30978 + e1a390c commit b2676a3
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions content/docs/cdn-links.md
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
---
id: cdn-links
title: CDN Links
title: CDN リンク
permalink: docs/cdn-links.html
prev: create-a-new-react-app.html
next: hello-world.html
---

Both React and ReactDOM are available over a CDN.
React および ReactDOM CDN を介して利用することができます。

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
```

The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at:
上記のバージョンは開発のためだけのものであり、本番環境には適していません。圧縮・最適化された本番バージョンの React は下記のリンクから利用できます。

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
```

To load a specific version of `react` and `react-dom`, replace `16` with the version number.
特定のバージョンの `react` `react-dom` をロードする場合は、`16` の部分をバージョン番号で置き換えてください。

### Why the `crossorigin` Attribute?
### なぜ `crossorigin` 属性が必要なのか?

If you serve React from a CDN, we recommend to keep the [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) attribute set:
CDN を使って React の機能を提供する場合、[`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 属性を設定することをお勧めします。

```html
<script crossorigin src="..."></script>
```

We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header:
利用している CDN `Access-Control-Allow-Origin: *` という HTTP ヘッダを設定していることを確認することもお勧めします。

![Access-Control-Allow-Origin: *](../images/docs/cdn-cors-header.png)

This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later.
これにより React 16 以降でより優れた[エラーハンドリング](/blog/2017/07/26/error-handling-in-react-16.html)を利用できます。

0 comments on commit b2676a3

Please sign in to comment.