Skip to content

Commit 9736cc8

Browse files
authored
Translate caching.md via GitLocalize (vuejs#98)
1 parent 34b48e8 commit 9736cc8

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

ja/caching.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@ Vue の SSR は非常に高速ですが、コンポーネントインスタン
44

55
## ページレベルでのキャッシュ
66

7-
ほとんどの場合、サーバーレンダリングされたアプリケーションは外部データに依存するため、コンテンツは本質的には動的であり長期間キャッシュすることはできません。しかしながら、コンテンツがユーザー固有のものでない場合、(すなわち、同一URLが常にすべてのユーザに対して同じコンテンツをレンダリングする場合)、 [マイクロキャッシング](https://www.nginx.com/blog/benefits-of-microcaching-nginx/) という戦略を活用してアプリケーションのトラフィック処理能力を劇的に改善します。
7+
ほとんどの場合、サーバで描画されたアプリケーションは外部データに依存するため、コンテンツは本質的には動的であり長期間キャッシュすることはできません。しかしながら、コンテンツがユーザー固有のものでない場合、(すなわち、同一URLが常にすべてのユーザに対して同じコンテンツを描画する場合)、 [マイクロキャッシング](https://www.nginx.com/blog/benefits-of-microcaching-nginx/) という戦略を活用してアプリケーションのトラフィック処理能力を劇的に改善します。
88

9-
これは通常 Nginx レイヤーで行われますが、 Node.js で実装することも可能です
9+
これは通常 Nginx レイヤーで行われますが、 Node.js で実装することも可能です:
1010

1111
```js
1212
const microCache = LRU({
1313
max: 100,
14-
maxAge: 1000 // 重要: コンテンツの登録内容は1秒後に期限切れになります
14+
maxAge: 1000 // 重要: コンテンツの登録内容は1秒後に期限切れになります
1515
})
1616
const isCacheable = req => {
17-
// リクエストがユーザー固有のものかどうかチェックするロジックを実装します
18-
// ユーザー固有でないページのみがキャッシュ可能です
17+
// リクエストがユーザー固有のものかどうかチェックするロジックを実装します
18+
// ユーザー固有でないページのみがキャッシュ可能です
1919
}
2020
server.get('*', (req, res) => {
2121
const cacheable = isCacheable(req)
@@ -38,7 +38,7 @@ server.get('*', (req, res) => {
3838

3939
## コンポーネントレベルでのキャッシュ
4040

41-
`vue-server-renderer` には、コンポーネントレベルのキャッシュ機能が組み込まれています。それを有効にするにはレンダラを作成する際に[キャッシュ実装](./api.md#cache)を有効にする必要があります。代表的な使用例は [lru-cache](https://github.com/isaacs/node-lru-cache) を渡すことです
41+
`vue-server-renderer` には、コンポーネントレベルのキャッシュ機能が組み込まれています。それを有効にするにはレンダラを作成する際に[キャッシュ実装](./api.md#cache)を有効にする必要があります。代表的な使用例は [lru-cache](https://github.com/isaacs/node-lru-cache) を渡すことです:
4242

4343
```js
4444
const LRU = require('lru-cache')
@@ -50,7 +50,7 @@ const renderer = createRenderer({
5050
})
5151
```
5252

53-
次に `serverCacheKey` 関数を実装してコンポーネントをキャッシュすることが出来ます
53+
次に `serverCacheKey` 関数を実装してコンポーネントをキャッシュすることが出来ます:
5454

5555
```js
5656
export default {
@@ -76,7 +76,7 @@ export default {
7676
- グローバルな状態に依存する子コンポーネントがあります。
7777
- 描画 `context` に副作用をもたらす子コンポーネントがあります。
7878

79-
したがって、コンポーネントのキャッシングは、パフォーマンスのボトルネックに取り組むために慎重に適用する必要があります。 ほとんどの場合、単一インスタンスのコンポーネントをキャッシュする必要はなく、すべきではありません。キャッシングに適した最も一般的なコンポーネントのタイプは、大きな `v-for` リストで繰り返されるコンポーネントです。 これらのコンポーネントは通常、データベースコレクション内のオブジェクトを元にするため、一意のIDと最後に更新されたタイムスタンプを合わせて使用してキャッシュキーを生成するという単純なキャッシュ戦略を使用できます
79+
したがって、コンポーネントのキャッシングは、パフォーマンスのボトルネックに取り組むために慎重に適用する必要があります。 ほとんどの場合、単一インスタンスのコンポーネントをキャッシュする必要はなく、すべきではありません。キャッシングに適した最も一般的なコンポーネントのタイプは、大きな `v-for` リストで繰り返されるコンポーネントです。 これらのコンポーネントは通常、データベースコレクション内のオブジェクトを元にするため、一意のIDと最後に更新されたタイムスタンプを合わせて使用してキャッシュキーを生成するという単純なキャッシュ戦略を使用できます:
8080

8181
```js
8282
serverCacheKey: props => props.item.id + '::' + props.item.last_updated

0 commit comments

Comments
 (0)