Skip to content

Commit

Permalink
Generate Chapters (#791)
Browse files Browse the repository at this point in the history
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
github-actions[bot] authored May 5, 2020
1 parent d88cbbc commit f2fa138
Show file tree
Hide file tree
Showing 9 changed files with 16 additions and 16 deletions.
2 changes: 1 addition & 1 deletion src/content/ja/2019/cms.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ discuss: 1769
results: https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/
queries: 14_CMS
published: 2019-11-11T00:00:00.000Z
last_updated: 2020-03-02T00:00:00.000Z
last_updated: 2020-05-05T00:00:00.000Z
---

## 序章
Expand Down
2 changes: 1 addition & 1 deletion src/content/ja/2019/ecommerce.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ discuss: 1768
results: https://docs.google.com/spreadsheets/d/1FUMHeOPYBgtVeMU5_pl2r33krZFzutt9vkOpphOSOss/
queries: 13_Ecommerce
published: 2019-11-11T00:00:00.000Z
last_updated: 2020-03-02T00:00:00.000Z
last_updated: 2020-05-05T00:00:00.000Z
---

## 序章
Expand Down
2 changes: 1 addition & 1 deletion src/content/ja/2019/mobile-web.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ discuss: 1767
results: https://docs.google.com/spreadsheets/d/1dPBDeHigqx9FVaqzfq7CYTz4KjllkMTkfq4DG4utE_g/
queries: 12_Mobile_Web
published: 2019-11-11T00:00:00.000Z
last_updated: 2020-03-02T00:00:00.000Z
last_updated: 2020-05-05T00:00:00.000Z
---

## 序章Introduction
Expand Down
2 changes: 1 addition & 1 deletion src/content/ja/2019/resource-hints.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ discuss: 1774
results: https://docs.google.com/spreadsheets/d/14QBP8XGkMRfWRBbWsoHm6oDVPkYhAIIpfxRn4iOkbUU/
queries: 19_Resource_Hints
published: 2019-11-11T00:00:00.000Z
last_updated: 2020-03-02T00:00:00.000Z
last_updated: 2020-05-05T00:00:00.000Z
---

## 序章
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/cms.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
- make changes to the markdown content directly (`src/content/<lang>/<year>/<chapter>.md`) because any changes to the chapter templates will be overwritten by the generation script
#}-->

{% set metadata = {"part_number":"III","chapter_number":14,"title":"CMS","description":"2019年版Web AlmanacCMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。","authors":["ernee","amedina"],"reviewers":["sirjonathan"],"translators":["ksakae"],"discuss":"1769","results":"https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/","queries":"14_CMS","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"cms"} %} {% block index %}
{% set metadata = {"part_number":"III","chapter_number":14,"title":"CMS","description":"2019年版Web AlmanacCMS章では、CMSの採用、CMS組み合わせの構築方法、CMSを搭載したWebサイトのユーザーエクスペリエンス、CMSのイノベーションを取り上げています。","authors":["ernee","amedina"],"reviewers":["sirjonathan"],"translators":["ksakae"],"discuss":"1769","results":"https://docs.google.com/spreadsheets/d/1FDYe6QdoY3UtXodE2estTdwMsTG-hHNrOe9wEYLlwAw/","queries":"14_CMS","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-05T00:00:00.000Z","chapter":"cms"} %} {% block index %}
<ul>
<li>
<a href="#序章">序章</a>
Expand Down Expand Up @@ -527,7 +527,7 @@ <h4 id="アクセンシビリティ"><a href="#アクセンシビリティ" clas
</figure>
<p>現在、モバイルCMSのホームページで100%のパーフェクトスコアを獲得しているのは1.27%しかありません。上位のCMSの中では、Wixがモバイルページのアクセシビリティスコアの中央値が最も高く、トップに立っています。全体的に見て、これらの数字は、私たちの人口のかなりの部分がアクセスできないウェブサイトはどれだけ多いか(CMSによって駆動されているウェブのどれだけの部分か)を考えると悲惨なものとなります。デジタル体験が私たちの生活の多くの側面に影響を与えるのと同様に、この数字は私たちに <em>最初からアクセシブルなウェブ体験を構築すること</em> を奨励し、ウェブを包括的な空間にする作業を継続するための指令であるべきです。</p>
<h2 id="cmsイノベーション"><a href="#cmsイノベーション" class="anchor-link">CMSイノベーション</a></h2>
<p>ここまでCMSエコシステムの現状をスナップショットで紹介してきましたが、この分野は進化しています。<a href="./パフォーマンス">パフォーマンス</a>とユーザー体験の欠点に対処するため、実験的なフレームワークがCMSインフラストラクチャに統合されているのを目の当たりにしています。React.jsやGatsby.js、Next.jsなどの派生フレームワーク、Vue.jsの派生フレームワークであるNuxt.jsなどのライブラリやフレームワークが少しずつ採用されてきています。</p>
<p>ここまでCMSエコシステムの現状をスナップショットで紹介してきましたが、この分野は進化しています。<a href="./performance">パフォーマンス</a>とユーザー体験の欠点に対処するため、実験的なフレームワークがCMSインフラストラクチャに統合されているのを目の当たりにしています。React.jsやGatsby.js、Next.jsなどの派生フレームワーク、Vue.jsの派生フレームワークであるNuxt.jsなどのライブラリやフレームワークが少しずつ採用されてきています。</p>
<figure id="fig-24">
<div class="table-wrap">
<div class="table-wrap-container">
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/ecommerce.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
- make changes to the markdown content directly (`src/content/<lang>/<year>/<chapter>.md`) because any changes to the chapter templates will be overwritten by the generation script
#}-->

{% set metadata = {"part_number":"III","chapter_number":13,"title":"Eコマース","description":"2019年Web AlmanacのEコマースの章では、Eコマースのプラットフォーム、ペイロード、画像、サードパーティ、パフォーマンス、SEO、PWAをカバーしています。","authors":["samdutton","alankent"],"reviewers":["voltek62"],"translators":["ksakae"],"discuss":"1768","results":"https://docs.google.com/spreadsheets/d/1FUMHeOPYBgtVeMU5_pl2r33krZFzutt9vkOpphOSOss/","queries":"13_Ecommerce","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"ecommerce"} %} {% block index %}
{% set metadata = {"part_number":"III","chapter_number":13,"title":"Eコマース","description":"2019年Web AlmanacのEコマースの章では、Eコマースのプラットフォーム、ペイロード、画像、サードパーティ、パフォーマンス、SEO、PWAをカバーしています。","authors":["samdutton","alankent"],"reviewers":["voltek62"],"translators":["ksakae"],"discuss":"1768","results":"https://docs.google.com/spreadsheets/d/1FUMHeOPYBgtVeMU5_pl2r33krZFzutt9vkOpphOSOss/","queries":"13_Ecommerce","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-05T00:00:00.000Z","chapter":"ecommerce"} %} {% block index %}
<ul>
<li>
<a href="#序章">序章</a>
Expand Down Expand Up @@ -104,7 +104,7 @@ <h2 id="序章"><a href="#序章" class="anchor-link">序章</a></h2>
<p>この分析では、Eコマース・プラットフォーム上に構築されたサイトのみを検出できました。つまり、Amazon、JD、eBayなどの大規模なオンラインストアやマーケットプレイスはここには含まれていません。また、ここでのデータはホームページのみを対象としており、カテゴリ、商品、その他のページは含まれていないことにも注意してください。当社の<a href="./methodology">方法論</a>の詳細については、こちらをご覧ください。</p>
<h2 id="プラットフォーム検出"><a href="#プラットフォーム検出" class="anchor-link">プラットフォーム検出</a></h2>
<p>ページがEコマースプラットフォーム上にあるかどうかを確認するにはどうすればいいですか?</p>
<p>検出は<a href="./methodology#wappalyzer">Wappalyzer</a>で行います。Wappalyzerは、Webサイトで使用されている技術を発見するためのクロスプラットフォームユーティリティです。<a href="./cms">コンテンツ管理システム</a>、Eコマースプラットフォーム、Webサーバー、<a href="./javascript">JavaScript</a>フレームワーク、<a href="./サードパーティ">アナリティクス</a>ツールなどを検出します。</p>
<p>検出は<a href="./methodology#wappalyzer">Wappalyzer</a>で行います。Wappalyzerは、Webサイトで使用されている技術を発見するためのクロスプラットフォームユーティリティです。<a href="./cms">コンテンツ管理システム</a>、Eコマースプラットフォーム、Webサーバー、<a href="./javascript">JavaScript</a>フレームワーク、<a href="./third-parties">アナリティクス</a>ツールなどを検出します。</p>
<p>ページ検出は常に信頼できるものでなく、サイトによっては自動攻撃から保護するために検出を明示的にブロックしている場合もあります。特定のEコマースプラットフォームを使用しているすべてのウェブサイトを捕捉することはできないかもしれませんが、検出したウェブサイトは実際にそのプラットフォームを使用していると確信しています。</p>
<figure id="fig-2">
<div class="table-wrap">
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/mobile-web.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
- make changes to the markdown content directly (`src/content/<lang>/<year>/<chapter>.md`) because any changes to the chapter templates will be overwritten by the generation script
#}-->

{% set metadata = {"part_number":"II","chapter_number":12,"title":"モバイルウェブ","description":"2019年Web AlmanacのモバイルWebの章では、ページの読み込み、テキストコンテンツ、拡大縮小、ボタンやリンク、フォームへの記入のしやすさなどをカバーしています。","authors":["obto"],"reviewers":["AymenLoukil","hyperpress"],"translators":["ksakae"],"discuss":"1767","results":"https://docs.google.com/spreadsheets/d/1dPBDeHigqx9FVaqzfq7CYTz4KjllkMTkfq4DG4utE_g/","queries":"12_Mobile_Web","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"mobile-web"} %} {% block index %}
{% set metadata = {"part_number":"II","chapter_number":12,"title":"モバイルウェブ","description":"2019年Web AlmanacのモバイルWebの章では、ページの読み込み、テキストコンテンツ、拡大縮小、ボタンやリンク、フォームへの記入のしやすさなどをカバーしています。","authors":["obto"],"reviewers":["AymenLoukil","hyperpress"],"translators":["ksakae"],"discuss":"1767","results":"https://docs.google.com/spreadsheets/d/1dPBDeHigqx9FVaqzfq7CYTz4KjllkMTkfq4DG4utE_g/","queries":"12_Mobile_Web","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-05T00:00:00.000Z","chapter":"mobile-web"} %} {% block index %}
<ul>
<li>
<a href="#序章introduction">序章Introduction</a>
Expand Down Expand Up @@ -292,7 +292,7 @@ <h3 id="入力のオートコンプリートを有効にする"><a href="#入力
<p>現在、入力フィールドを持つページのうち、この機能を利用しているのは29.62%に過ぎません。</p>
<h3 id="パスワードフィールドへの貼り付け"><a href="#パスワードフィールドへの貼り付け" class="anchor-link">パスワードフィールドへの貼り付け</a></h3>
<p>ユーザーがパスワードをコピーしてページに貼り付けることができるようにすることは、パスワードマネージャーを使用するための1つの方法です。パスワードマネージャーは、ユーザーが強力なパスワードを生成(記憶)し、ウェブページ上で自動的に記入するのに役立ちます。テストしたウェブページの0.02%だけがこの機能を無効にしています。</p>
<p class="note">注: これは非常に励みになりますが、<a href="./方法論">方法論</a>ではホームページのみをテストするという要件があるため、過小評価されている可能性があります。ログインページのような内部ページはテストされません。</p>
<p class="note">注: これは非常に励みになりますが、<a href="./methodology">方法論</a>ではホームページのみをテストするという要件があるため、過小評価されている可能性があります。ログインページのような内部ページはテストされません。</p>
<h2 id="結論"><a href="#結論" class="anchor-link">結論</a></h2>
<p>13年以上もの間、私たちは<em>モバイル</em>ウェブをデスクトップの単なる例外のように後回しにしてきました。しかし、今こそこの状況を変える時です。モバイル・ウェブは今や「<em>ウェブ</em>」であり、デスクトップはレガシーウェブになりつつあります。現在、世界では40億台のアクティブなスマートフォンが存在し、潜在的なユーザーの70%をカバーしています。デスクトップはどうでしょうか? デスクトップは現在16億台となっており、毎月のウェブ利用の割合は少なくなっています。</p>
<p>モバイルユーザーへの対応はどの程度できているのでしょうか? 当社の調査によると、71%のサイトがモバイル向けに何らかの努力をしているにもかかわらず、その目標を大きく下回っています。ページの読み込みに時間がかかり、JavaScriptの乱用により使用不能になり、テキストは読めないことが多く、リンクやボタンをクリックしてサイトにアクセスするとエラーが発生しやすくイライラさせられます。</p>
Expand Down
4 changes: 2 additions & 2 deletions src/templates/ja/2019/chapters/resource-hints.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
- make changes to the markdown content directly (`src/content/<lang>/<year>/<chapter>.md`) because any changes to the chapter templates will be overwritten by the generation script
#}-->

{% set metadata = {"part_number":"IV","chapter_number":19,"title":"リソースヒント","description":"2019年のWeb Almanacのリソースヒントの章では、dns-prefetch、preconnect、preload、prefetch、priority hints、ネイティブの遅延ローディングの使用法をカバーしています。","authors":["khempenius"],"reviewers":["andydavies","bazzadp","yoavweiss"],"translators":["ksakae"],"discuss":"1774","results":"https://docs.google.com/spreadsheets/d/14QBP8XGkMRfWRBbWsoHm6oDVPkYhAIIpfxRn4iOkbUU/","queries":"19_Resource_Hints","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"resource-hints"} %} {% block index %}
{% set metadata = {"part_number":"IV","chapter_number":19,"title":"リソースヒント","description":"2019年のWeb Almanacのリソースヒントの章では、dns-prefetch、preconnect、preload、prefetch、priority hints、ネイティブの遅延ローディングの使用法をカバーしています。","authors":["khempenius"],"reviewers":["andydavies","bazzadp","yoavweiss"],"translators":["ksakae"],"discuss":"1774","results":"https://docs.google.com/spreadsheets/d/14QBP8XGkMRfWRBbWsoHm6oDVPkYhAIIpfxRn4iOkbUU/","queries":"19_Resource_Hints","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-05T00:00:00.000Z","chapter":"resource-hints"} %} {% block index %}
<ul>
<li>
<a href="#序章">序章</a>
Expand Down Expand Up @@ -154,7 +154,7 @@ <h2 id="リソースヒント"><a href="#リソースヒント" class="anchor-li
<figcaption><a href="#fig-1" class="anchor-link">図 1.</a> リソースヒントの採用。</figcaption>
</figure>
<p><code>dns-prefetch</code>の相対的な人気は驚くに値しません。これはよく知られたAPIであり(<a href="https://caniuse.com/#feat=link-rel-dns-prefetch">2009</a>ではじめて登場しました)、すべての主要なブラウザでサポートされており、すべてのリソースヒントの中でもっとも「安価」なものです。<code>dns-prefetch</code>はDNSの検索を行うだけなので、データの消費量が非常に少なく、使用する上でのデメリットはほとんどありません。<code>dns-prefetch</code>はレイテンシの高い状況でもっとも有用である。</p>
<p>つまり、IE11以下をサポートする必要がないサイトであれば、<code>dns-prefetch</code>から<code>preconnect</code>に切り替えるのが良いでしょう。HTTPSがユビキタスな時代には、<code>preconnect</code>は安価でありながら、より大きな<a href="./パフォーマンス">パフォーマンス</a>の向上をもたらします。<code>dns-prefetch</code>とは異なり、<code>preconnect</code>はDNSの検索だけでなく、TCPハンドシェイクとTLSネゴシエーションも開始することに注意してください。<a href="https://knowledge.digicert.com/solution/SO16297.html">証明書チェーン</a>はTLSネゴシエーション中にダウンロードされるが、これには通常数キロバイトのコストがかかります。</p>
<p>つまり、IE11以下をサポートする必要がないサイトであれば、<code>dns-prefetch</code>から<code>preconnect</code>に切り替えるのが良いでしょう。HTTPSがユビキタスな時代には、<code>preconnect</code>は安価でありながら、より大きな<a href="./performance">パフォーマンス</a>の向上をもたらします。<code>dns-prefetch</code>とは異なり、<code>preconnect</code>はDNSの検索だけでなく、TCPハンドシェイクとTLSネゴシエーションも開始することに注意してください。<a href="https://knowledge.digicert.com/solution/SO16297.html">証明書チェーン</a>はTLSネゴシエーション中にダウンロードされるが、これには通常数キロバイトのコストがかかります。</p>
<p><code>prefetch</code>は3%のサイトで利用されており、もっとも広く利用されていないリソースヒントである。この使用率の低さは、<code>prefetch</code>が現在のページの読み込みよりも後続のページの読み込みを改善するのに有用であるという事実によって説明できるかもしれません。したがって、ランディングページの改善や最初に閲覧されたページのパフォーマンスを向上させることだけに焦点を当てているサイトでは、これは見過ごされてしまうだろう。</p>
<figure id="fig-2">
<div class="table-wrap">
Expand Down
8 changes: 4 additions & 4 deletions src/templates/sitemap.xml
Original file line number Diff line number Diff line change
Expand Up @@ -243,7 +243,7 @@

<url>
<loc>https://almanac.httparchive.org/ja/2019/cms</loc>
<lastmod>2020-03-02</lastmod>
<lastmod>2020-05-05</lastmod>
</url>

<url>
Expand All @@ -263,7 +263,7 @@

<url>
<loc>https://almanac.httparchive.org/ja/2019/ecommerce</loc>
<lastmod>2020-03-02</lastmod>
<lastmod>2020-05-05</lastmod>
</url>

<url>
Expand Down Expand Up @@ -298,7 +298,7 @@

<url>
<loc>https://almanac.httparchive.org/ja/2019/mobile-web</loc>
<lastmod>2020-03-02</lastmod>
<lastmod>2020-05-05</lastmod>
</url>

<url>
Expand All @@ -318,7 +318,7 @@

<url>
<loc>https://almanac.httparchive.org/ja/2019/resource-hints</loc>
<lastmod>2020-03-02</lastmod>
<lastmod>2020-05-05</lastmod>
</url>

<url>
Expand Down

0 comments on commit f2fa138

Please sign in to comment.