Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Don't translate Web Almanac and HTTP Archive #758

Merged
merged 2 commits into from
Apr 26, 2020
Merged

Don't translate Web Almanac and HTTP Archive #758

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
028aaf7
Don't translate Web Almanac and HTTP Archive
ksakae1216 Apr 26, 2020
18e016c
fix review
ksakae1216 Apr 26, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/content/ja/2019/caching.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
part_number: IV
chapter_number: 16
title: キャッシング
description: 2019Web年鑑のキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。
description: 2019 Web Almanacのキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。
authors: [paulcalvano]
reviewers: [obto, bkardell]
translators: [ksakae]
Expand Down Expand Up @@ -59,7 +59,7 @@ Webブラウザーがクライアントにレスポンスを送信するとき

`ETag` 両方が存在する場合に優先されます。これらについては、以下で詳しく説明します。

以下の例には、HTTPアーカイブのmain.jsファイルからのリクエスト/レスポンスヘッダーの抜粋が含まれています。これらのヘッダーは、リソースを43,200秒（12時間）キャッシュでき、最後は2か月以上前に変更されたことを示します（`Last-Modified`ヘッダーと`Date`ヘッダーの違い）。
以下の例には、HTTP Archiveのmain.jsファイルからのリクエスト/レスポンスヘッダーの抜粋が含まれています。これらのヘッダーは、リソースを43,200秒（12時間）キャッシュでき、最後は2か月以上前に変更されたことを示します（`Last-Modified`ヘッダーと`Date`ヘッダーの違い）。

```
> GET /static/js/main.js HTTP/1.1
Expand Down Expand Up @@ -572,14 +572,14 @@ Varyヘッダーは、1つ以上の要求ヘッダー値の値をキャッシュ

アプリケーションキャッシュまたはAppCacheはHTML5の機能であり、開発者はブラウザがキャッシュするリソースを指定し、オフラインユーザーが利用できるようにできます。この機能は[廃止されており、Web標準からも削除](https://html.spec.whatwg.org/multipage/offline.html#offline)され、ブラウザーのサポートは減少しています。実際、使われているのが見つかった場合、[Firefox v44 +は、開発者に対して代わりにService Workerを使用することを推奨しています](https://developer.mozilla.org/ja-JP/docs/Web/API/Service_Worker_API/Using_Service_Workers)。 [Chrome 70は、アプリケーションキャッシュをセキュリティで保護されたコンテキストのみに制限します](https://www.chromestatus.com/feature/5714236168732672)。業界では、このタイプの機能をService Workerに実装する方向へ移行しており、[ブラウザサポート](https://caniuse.com/#feat=serviceworkers)は急速に成長しています。

実際、[HTTPアーカイブトレンドレポートの1つは、以下に示すService Worker](https://httparchive.org/reports/progressive-web-apps#swControlledPages)の採用を示しています。
実際、[HTTP Archiveトレンドレポートの1つは、以下に示すService Worker](https://httparchive.org/reports/progressive-web-apps#swControlledPages)の採用を示しています。

<figure>
<a href="/static/images/2019/caching/ch16_fig14_service_worker_adoption.jpg">
<img src="/static/images/2019/caching/ch16_fig14_service_worker_adoption.jpg" alt="図17.Service Workerが制御するページの時系列。" aria-labelledby="fig17-caption" aria-describedby="fig17-description" width="600" height="311">
</a>
<div id="fig17-description" class="visually-hidden">2016年10月から2019年7月までのService Workerが制御するサイトの使用状況を示す時系列チャート。モバイルとデスクトップの両方で使用量は年々着実に増加していますが、依然として両方で0.6％未満です。</div>
<figcaption id="fig17-caption">図17.Service Workerが制御するページの時系列。 (引用: <a href="https://httparchive.org/reports/progressive-web-apps#swControlledPages">HTTPアーカイブ</a>)</figcaption>
<figcaption id="fig17-caption">図17.Service Workerが制御するページの時系列。 (引用: <a href="https://httparchive.org/reports/progressive-web-apps#swControlledPages">HTTP Archive</a>)</figcaption>
</figure>

採用率はまだウェブサイトの1％を下回っていますが、2017年1月から着実に増加しています。[プログレッシブWebアプリ](./pwa)の章では、人気サイトでの使用によりこのグラフが示唆するよりも多く使用されているという事実を含め、上記のグラフでは1回のみカウントされます。
Expand Down
18 changes: 9 additions & 9 deletions src/content/ja/2019/cdn.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
part_number: IV
chapter_number: 17
title: CDN
description: CDNの採用と使用法、RTTとTLSの管理、HTTP/2の採用、キャッシング、および共通ライブラリとコンテンツCDNをカバーする2019 Web年鑑のCDNの章。
description: CDNの採用と使用法、RTTとTLSの管理、HTTP/2の採用、キャッシング、および共通ライブラリとコンテンツCDNをカバーする2019 Web AlmanacのCDNの章。
authors: [andydavies, colinbendell]
reviewers: [yoavweiss, paulcalvano, pmeenan, enygren]
translators: [ksakae]
Expand All @@ -15,7 +15,7 @@ last_updated: 2019-12-04T00:00:00.000Z

## 導入

「コンテンツ配信ネットワーク」は、Webサイトの読み込みを高速化するための[Steve Soudersによる独自の推奨事項](http://stevesouders.com/examples/rules.php)の1つでした。昨今でも有効なアドバイスです。Web年鑑のこの章ではSteveの推奨事項がどの程度広く採用されているか、サイトがコンテンツ配信ネットワーク（CDN）をどのように使用しているか、およびそれらが使用している機能のいくつかを検討します。
「コンテンツ配信ネットワーク」は、Webサイトの読み込みを高速化するための[Steve Soudersによる独自の推奨事項](http://stevesouders.com/examples/rules.php)の1つでした。昨今でも有効なアドバイスです。Web Almanacのこの章ではSteveの推奨事項がどの程度広く採用されているか、サイトがコンテンツ配信ネットワーク（CDN）をどのように使用しているか、およびそれらが使用している機能のいくつかを検討します。

基本的にCDNは待ち時間（パケットがネットワーク上の2つのポイント間、たとえば訪問者のデバイスからサーバーに移動する時間）を短縮します、待ち時間はページの読み込み速度の重要な要素です。

Expand All @@ -36,11 +36,11 @@ CDNは、多くの場合、訪問者の近くで静的コンテンツを保存

### 警告と免責事項

他の観察研究と同様に、測定できる範囲と影響には限界があります。 Web年鑑のCDN使用に関して収集された統計は、特定のCDNベンダーのパフォーマンスや有効性を意味するものではありません。
他の観察研究と同様に、測定できる範囲と影響には限界があります。 Web AlmanacのCDN使用に関して収集された統計は、特定のCDNベンダーのパフォーマンスや有効性を意味するものではありません。

Web年鑑に使用されるテスト[方法](./methodology)には多くの制限があります。これらには以下が含まれます。
Web Almanacに使用されるテスト[方法](./methodology)には多くの制限があります。これらには以下が含まれます。

* **シミュレートされたネットワーク遅延**：Web年鑑は、[トラフィックを総合的に形成する](./methodology#webpagetest)専用ネットワーク接続を使用します。
* **シミュレートされたネットワーク遅延**：Web Almanacは、[トラフィックを総合的に形成する](./methodology#webpagetest)専用ネットワーク接続を使用します。
* **単一の地理的場所**：テストは[単一のデータセンター](https://httparchive.org/faq#how-is-the-data-gathered)から実行されるため、多くのCDNベンダーの地理的分布をテストすることはできません。
* **キャッシュの有効性**：各CDNは独自の技術を使用しており、多くの場合、セキュリティ上の理由により、キャッシュのパフォーマンスは公開されていません。
* **ローカライゼーションと国際化**：地理的分布と同様に言語、地理固有のドメインの影響もテストに対して不透明です。
Expand All @@ -54,7 +54,7 @@ Web年鑑に使用されるテスト[方法](./methodology)には多くの制限

### さらなる統計

Web年鑑の将来のバージョンでは、CDNベンダー間のTLSおよびRTTの管理をより詳細に検討する予定です。興味深いのは、OCSP Staplingの影響、TLS暗号パフォーマンスの違いです。 CWND（TCP輻輳ウィンドウ）成長率、特にBBR v1、v2、従来のTCP Cubicの採用。
Web Almanacの将来のバージョンでは、CDNベンダー間のTLSおよびRTTの管理をより詳細に検討する予定です。興味深いのは、OCSP Staplingの影響、TLS暗号パフォーマンスの違いです。 CWND（TCP輻輳ウィンドウ）成長率、特にBBR v1、v2、従来のTCP Cubicの採用。

## CDNの採用と使い方

Expand Down Expand Up @@ -1052,7 +1052,7 @@ TLSおよびRTTのパフォーマンスにCDNを使用することに加えて

一般にCDNの使用は、TLS1.0のような非常に古くて侵害されたTLSバージョンの使用率が高いoriginホストサービスと比較して、強力な暗号およびTLSバージョンの迅速な採用と高い相関があります。

<p class="note">Web年鑑で使用されるChromeは、ホストが提供する最新のTLSバージョンと暗号にバイアスをかけることを強調することが重要です。また、これらのWebページは2019年7月にクロールされ、新しいバージョンを有効にしたWebサイトの採用を反映しています。</p>
<p class="note">Web Almanacで使用されるChromeは、ホストが提供する最新のTLSバージョンと暗号にバイアスをかけることを強調することが重要です。また、これらのWebページは2019年7月にクロールされ、新しいバージョンを有効にしたWebサイトの採用を反映しています。</p>

<figure>
<a href="/static/images/2019/cdn/fig18.png">
Expand Down Expand Up @@ -1524,7 +1524,7 @@ HTMLページの場合、`Vary`の最も一般的な使用法は、`User-Agent`

一部のCDNは、リソースが古くなった場合にリソースを更新できるようにする方法として`pre-check`をサポートし、最大値`maxage`として`pre-check`をサポートしています。ほとんどのCDNでは、`pre-check`と`post-check`の使用率は1％未満でした。Yahoo!はこの例外であり、リクエストの約15％に`pre-check = 0、post-check = 0`がありました。残念ながら、これは積極的な使用ではなく、古いInternet Explorerパターンの名残です。この上のより多くの議論では、[キャッシング](./caching)の章に記載されています。

`s-maxage`ディレクティブは、応答をキャッシュできる期間をプロキシに通知します。 Web年鑑データセット全体で、jsDelivrは複数のリソースで高いレベルの使用が見られた唯一のCDNです。これは、jsDelivrのライブラリのパブリックCDNとしての役割を考えると驚くことではありません。他のCDNでの使用は、個々の顧客、たとえばその特定のCDNを使用するサードパーティのスクリプトまたはSaaSプロバイダーによって推進されているようです。
`s-maxage`ディレクティブは、応答をキャッシュできる期間をプロキシに通知します。 Web Almanacデータセット全体で、jsDelivrは複数のリソースで高いレベルの使用が見られた唯一のCDNです。これは、jsDelivrのライブラリのパブリックCDNとしての役割を考えると驚くことではありません。他のCDNでの使用は、個々の顧客、たとえばその特定のCDNを使用するサードパーティのスクリプトまたはSaaSプロバイダーによって推進されているようです。

<figure>
<a href="/static/images/2019/cdn/fig26.png">
Expand Down Expand Up @@ -1564,4 +1564,4 @@ Steve SoudersによるCDNの使用の推奨は、12年前と同じように今

この分析に含まれていないCDNの採用にはいくつかの側面があります、これはデータセットの制限と収集方法が原因である場合で、他の場合は分析中に新しい研究の質問が出てきました。

Webの進化に伴い、CDNベンダーは革新しサイトの新しいプラクティスを使用します、CDNの採用はWeb年鑑の将来のエディションでのさらなる研究のために豊富な領域のままです。
Webの進化に伴い、CDNベンダーは革新しサイトの新しいプラクティスを使用します、CDNの採用はWeb Almanacの将来のエディションでのさらなる研究のために豊富な領域のままです。
8 changes: 4 additions & 4 deletions src/content/ja/2019/cms.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
part_number: III
chapter_number: 14
title: CMS
description: 2019年版Web年鑑CMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。
description: 2019年版Web AlmanacCMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。
authors: [ernee, amedina]
reviewers: [sirjonathan]
translators: [ksakae]
Expand Down Expand Up @@ -43,7 +43,7 @@ CMSについて考えるとき、ウェブ上にコンテンツを公開する

私たちはCMS空間とウェブの現在と未来におけるその役割を理解するための探求の中で、分析すべき多くの興味深い重要な側面があり、答えるべき質問があります。私たちはCMSプラットフォーム空間の広大さと複雑さを認識しており、そこにあるすべてのプラットフォームに関わるすべての側面を完全にカバーする全知全能の知識を主張しているわけではありませんが、私たちはこの空間への魅力を主張しこの空間の主要なプレイヤーのいくつかについて深い専門知識を持っています。

この章では広大なCMSの空間の表面領域のスクラッチを試み、CMSエコシステムの現状とコンテンツがウェブ上でどのように消費され、どのように体験されるかについてのユーザーの認識を形成する上でのCMSの役割について私たちの全体的な理解に光を当てようとしています。私たちの目標はCMSの状況を網羅的に見ることではなく、CMSの状況全般に関連するいくつかの側面と、これらのシステムによって生成されたウェブページの特徴について論じていきたいと思います。このWeb年鑑の初版はベースラインを確立するものであり、将来的には、トレンド分析のためにこのバージョンとデータを比較できるようになるでしょう。
この章では広大なCMSの空間の表面領域のスクラッチを試み、CMSエコシステムの現状とコンテンツがウェブ上でどのように消費され、どのように体験されるかについてのユーザーの認識を形成する上でのCMSの役割について私たちの全体的な理解に光を当てようとしています。私たちの目標はCMSの状況を網羅的に見ることではなく、CMSの状況全般に関連するいくつかの側面と、これらのシステムによって生成されたウェブページの特徴について論じていきたいと思います。このWeb Almanacの初版はベースラインを確立するものであり、将来的には、トレンド分析のためにこのバージョンとデータを比較できるようになるでしょう。

## CMS導入

Expand Down Expand Up @@ -72,7 +72,7 @@ CMSについて考えるとき、ウェブ上にコンテンツを公開する

### CMSの風景

今日のウェブの大部分は、ある種のCMSプラットフォームを利用しています。この現実を反映して、さまざまな組織が収集した統計となります。[Chrome UXレポート](./methodology#chrome-ux-report)(CrUX)とHTTPアーカイブのデータセットを見ると、データセットの特殊性を反映して定量的には記載されている割合は異なるかもしれませんが、他の場所で発表されている統計と一致している図が得られます。
今日のウェブの大部分は、ある種のCMSプラットフォームを利用しています。この現実を反映して、さまざまな組織が収集した統計となります。[Chrome UXレポート](./methodology#chrome-ux-report)(CrUX)とHTTP Archiveのデータセットを見ると、データセットの特殊性を反映して定量的には記載されている割合は異なるかもしれませんが、他の場所で発表されている統計と一致している図が得られます。

デスクトップとモバイルデバイスで提供されているウェブページを見てみると、何らかのCMSプラットフォームによって生成されたページとそうでないページの割合が約60-40％に分かれていることがわかります。

Expand All @@ -93,7 +93,7 @@ CMSを搭載したウェブページは、利用可能なCMSプラットフォ
* コミュニティ
* 他にもたくさん

CrUXとHTTPアーカイブのデータセットには、約103のCMSプラットフォームが、混在したウェブページが含まれています。これらのプラットフォームのほとんどは、相対的な市場シェアが非常に小さいものです。今回の分析では、データに反映されているウェブ上でのフットプリントという観点から、上位のCMSプラットフォームに焦点を当ててみたいと思います。完全な分析については、[この章の結果のスプレッドシートを参照してください](https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/edit#gid=0)。
CrUXとHTTP Archiveのデータセットには、約103のCMSプラットフォームが、混在したウェブページが含まれています。これらのプラットフォームのほとんどは、相対的な市場シェアが非常に小さいものです。今回の分析では、データに反映されているウェブ上でのフットプリントという観点から、上位のCMSプラットフォームに焦点を当ててみたいと思います。完全な分析については、[この章の結果のスプレッドシートを参照してください](https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/edit#gid=0)。

<figure>
<a href="/static/images/2019/cms/fig5.png">
Expand Down
Loading