|
1 | 1 | ---
|
2 | 2 | id: cdn-links
|
3 |
| -title: CDN Links |
| 3 | +title: CDN リンク |
4 | 4 | permalink: docs/cdn-links.html
|
5 | 5 | prev: create-a-new-react-app.html
|
6 | 6 | next: hello-world.html
|
7 | 7 | ---
|
8 | 8 |
|
9 |
| -Both React and ReactDOM are available over a CDN. |
| 9 | +React および ReactDOM は CDN を介して利用することができます。 |
10 | 10 |
|
11 | 11 | ```html
|
12 | 12 | <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
|
13 | 13 | <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
|
14 | 14 | ```
|
15 | 15 |
|
16 |
| -The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at: |
| 16 | +上記のバージョンは開発のためだけのものであり、本番環境には適していません。圧縮・最適化された本番バージョンの React は下記のリンクから利用できます。 |
17 | 17 |
|
18 | 18 | ```html
|
19 | 19 | <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
|
20 | 20 | <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
|
21 | 21 | ```
|
22 | 22 |
|
23 |
| -To load a specific version of `react` and `react-dom`, replace `16` with the version number. |
| 23 | +特定のバージョンの `react` と `react-dom` をロードする場合は、`16` の部分をバージョン番号で置き換えてください。 |
24 | 24 |
|
25 |
| -### Why the `crossorigin` Attribute? |
| 25 | +### なぜ `crossorigin` 属性が必要なのか? |
26 | 26 |
|
27 |
| -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: |
| 27 | +CDN を使って React の機能を提供する場合、[`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 属性を設定することをお勧めします。 |
28 | 28 |
|
29 | 29 | ```html
|
30 | 30 | <script crossorigin src="..."></script>
|
31 | 31 | ```
|
32 | 32 |
|
33 |
| -We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header: |
| 33 | +利用している CDN が `Access-Control-Allow-Origin: *` という HTTP ヘッダを設定していることを確認することもお勧めします。 |
34 | 34 |
|
35 | 35 | 
|
36 | 36 |
|
37 |
| -This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later. |
| 37 | +これにより React 16 以降でより優れた[エラーハンドリング](/blog/2017/07/26/error-handling-in-react-16.html)を利用できます。 |
0 commit comments