From 6e85063e89b79851432b833e5e50c62264d347b3 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 25 Aug 2020 07:40:39 +0100 Subject: [PATCH] Generate Chapters (#1252) Co-authored-by: bazzadp --- src/templates/en/2019/chapters/css.html | 4 +- src/templates/en/2019/ebook.html | 324 +++++--------------- src/templates/es/2019/chapters/css.html | 4 +- src/templates/ja/2019/chapters/cms.html | 2 +- src/templates/ja/2019/chapters/css.html | 4 +- src/templates/ja/2019/chapters/fonts.html | 2 +- src/templates/ja/2019/chapters/markup.html | 4 +- src/templates/ja/2019/ebook.html | 332 ++++++--------------- 8 files changed, 171 insertions(+), 505 deletions(-) diff --git a/src/templates/en/2019/chapters/css.html b/src/templates/en/2019/chapters/css.html index e0441f34d90..b09c01dce31 100644 --- a/src/templates/en/2019/chapters/css.html +++ b/src/templates/en/2019/chapters/css.html @@ -439,9 +439,7 @@

Decoration

diff --git a/src/templates/en/2019/ebook.html b/src/templates/en/2019/ebook.html index 920cd1864c0..4a8e1dbe919 100644 --- a/src/templates/en/2019/ebook.html +++ b/src/templates/en/2019/ebook.html @@ -1,9 +1,7 @@ {% extends "%s/2019/base_ebook.html" % lang %} {% set metadata = {} %} {% block chapters %} {% set metadata = {"part_number":"I","chapter_number":1,"title":"JavaScript","description":"JavaScript chapter of the 2019 Web Almanac covering how much JavaScript we use on the web, compression, libraries and frameworks, loading, and source maps.","authors":["housseindjirdeh"],"reviewers":["obto","paulcalvano","mathiasbynens"],"translators":null,"discuss":"1756","results":"https://docs.google.com/spreadsheets/d/1kBTglETN_V9UjKqK_EFmFjRexJnQOmLLr-I2Tkotvic/","queries":"01_JavaScript","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"javascript"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -386,9 +384,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -433,13 +429,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -450,9 +442,7 @@

{% set metadata = {"part_number":"I","chapter_number":2,"title":"CSS","description":"CSS chapter of the 2019 Web Almanac covering color, units, selectors, layout, typography and fonts, spacing, decoration, animation, and media queries.","authors":["una","argyleink"],"reviewers":["meyerweb","huijing"],"translators":null,"discuss":"1757","results":"https://docs.google.com/spreadsheets/d/1uFlkuSRetjBNEhGKWpkrXo4eEIsgYelxY-qR9Pd7QpM/","queries":"02_CSS","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-06T00:00:00.000Z","chapter":"css"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -694,9 +684,7 @@

Decoration

@@ -1066,9 +1054,7 @@

Conclusion {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -1130,9 +1112,7 @@

{% set metadata = {"part_number":"I","chapter_number":3,"title":"Markup","description":"Markup chapter of the 2019 Web Almanac covering elements used, custom elements, value, products, and common use cases.","authors":["bkardell"],"reviewers":["zcorpan","tomhodgins","matthewp"],"translators":null,"discuss":"1758","results":"https://docs.google.com/spreadsheets/d/1WnDKLar_0Btlt9UgT53Giy2229bpV4IM2D_v6OM_WzA/","queries":"03_Markup","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"markup"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -1455,9 +1435,7 @@

Conc {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -1519,9 +1493,7 @@

{% set metadata = {"part_number":"I","chapter_number":4,"title":"Media","description":"Media chapter of the 2019 Web Almanac covering image file sizes and formats, responsive images, client hints, lazy loading, accessibility and video.","authors":["colinbendell","dougsillars"],"reviewers":["ahmadawais","eeeps"],"translators":null,"discuss":"1759","results":"https://docs.google.com/spreadsheets/d/1hj9bY6JJZfV9yrXHsoCRYuG8t8bR-CHuuD98zXV7BBQ/","queries":"04_Media","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-12T00:00:00.000Z","chapter":"media"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -1981,9 +1953,7 @@

Conclu {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -2045,9 +2011,7 @@

{% set metadata = {"part_number":"II","chapter_number":5,"title":"Third Parties","description":"Third Parties chapter of the 2019 Web Almanac covering data of what third parties are used, what they are used for, performance impacts and privacy impacts.","authors":["patrickhulce"],"reviewers":["zcorpan","obto","jasti"],"translators":null,"discuss":"1760","results":"https://docs.google.com/spreadsheets/d/1iC4WkdadDdkqkrTY32g7hHKhXs9iHrr3Bva8CuPjVrQ/","queries":"05_Third_Parties","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"third-parties"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -2334,9 +2298,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -2381,13 +2343,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -2398,9 +2356,7 @@

{% set metadata = {"part_number":"I","chapter_number":6,"title":"Fonts","description":"Fonts chapter of the 2019 Web Almanac covering where fonts are loaded from, font formats, font loading performance, variable fonts and color fonts.","authors":["zachleat"],"reviewers":["hyperpress","AymenLoukil"],"translators":null,"discuss":"1761","results":"https://docs.google.com/spreadsheets/d/108g6LXdC3YVsxmX1CCwrmpZ3-DmbB8G_wwgQHX5pn6Q/","queries":"06_Fonts","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"fonts"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -3016,9 +2972,7 @@

Conclu {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -3080,9 +3030,7 @@

{% set metadata = {"part_number":"II","chapter_number":7,"title":"Performance","description":"Performance chapter of the 2019 Web Almanac covering First Contentful Paint (FCP), Time to First Byte (TTFB), and First Input Delay (FID).","authors":["rviscomi"],"reviewers":["JMPerez","obto","sergeychernyshev","zeman"],"translators":null,"discuss":"1762","results":"https://docs.google.com/spreadsheets/d/1zWzFSQ_ygb-gGr1H1BsJCfB7Z89zSIf7GX0UayVEte4/","queries":"07_Performance","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-01T00:00:00.000Z","chapter":"performance"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -3329,9 +3277,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -3376,13 +3322,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -3393,9 +3335,7 @@

{% set metadata = {"part_number":"II","chapter_number":8,"title":"Security","description":"Security chapter of the 2019 Web Almanac covering Transport Layer Security (TLS(), mixed content, security headers, cookies, and Subresource Integrity.","authors":["ScottHelme","arturjanc"],"reviewers":["bazzadp","ghedo","paulcalvano"],"translators":null,"discuss":"1763","results":"https://docs.google.com/spreadsheets/d/1Zq2tQhPE06YZUcbzryRrBE6rdZgHHlqEp2XcgS37cm8/","queries":"08_Security","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"security"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4179,9 +4119,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -4226,13 +4164,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -4243,9 +4177,7 @@

{% set metadata = {"part_number":"II","chapter_number":9,"title":"Accessibility","description":"Accessibility chapter of the 2019 Web Almanac covering ease of reading, media, ease of navigation, and compatibility with assistive technologies.","authors":["nektarios-paisios","obto","kleinab"],"reviewers":["ljme"],"translators":null,"discuss":"1764","results":"https://docs.google.com/spreadsheets/d/16JGy-ehf4taU0w4ABiKjsHGEXNDXxOlb__idY8ifUtQ/","queries":"09_Accessibility","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-02T00:00:00.000Z","chapter":"accessibility"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4507,9 +4439,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -4554,13 +4484,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -4571,9 +4497,7 @@

{% set metadata = {"part_number":"I","chapter_number":10,"title":"SEO","description":"SEO chapter of the 2019 Web Almanac covering content, meta tags, indexability, linking, speed, structured data, internationalization, SPAs, AMP and security.","authors":["ymschaap","rachellcostello","AVGP"],"reviewers":["clarkeclark","andylimn","AymenLoukil","catalinred","mattludwig"],"translators":null,"discuss":"1765","results":"https://docs.google.com/spreadsheets/d/1uARtBWwz9nJOKqKPFinAMbtoDgu5aBtOhsBNmsCoTaA/","queries":"10_SEO","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-01T00:00:00.000Z","chapter":"seo"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4940,9 +4864,7 @@

Conclusion {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -5004,9 +4922,7 @@

{% set metadata = {"part_number":"II","chapter_number":11,"title":"PWA","description":"PWA chapter of the 2019 Web Almanac covering service workers (registations, installability, events and filesizes), Web App Manifests properties, and Workbox.","authors":["tomayac","jeffposnick"],"reviewers":["hyperpress","ahmadawais"],"translators":null,"discuss":"1766","results":"https://docs.google.com/spreadsheets/d/19BI3RQc_vR9bUPPZfVsF_4gpFWLNT6P0pLcAdL-A56c/","queries":"11_PWA","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-01T00:00:00.000Z","chapter":"pwa"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -5195,9 +5111,7 @@

Conclusion {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -5259,9 +5169,7 @@

{% set metadata = {"part_number":"II","chapter_number":12,"title":"Mobile Web","description":"Mobile Web chapter of the 2019 Web Almanac covering page loading, textual content, zooming and scaling, buttons and links, and ease of filling out forms.","authors":["obto"],"reviewers":["AymenLoukil","hyperpress"],"translators":null,"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-27T00:00:00.000Z","chapter":"mobile-web"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -5518,9 +5426,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -5565,13 +5471,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -5582,9 +5484,7 @@

{% set metadata = {"part_number":"III","chapter_number":13,"title":"Ecommerce","description":"Ecommerce chapter of the 2019 Web Almanac covering ecommerce platforms, payloads, images, third-parties, performance, seo, and PWAs.","authors":["samdutton","alankent"],"reviewers":["voltek62"],"translators":null,"discuss":"1768","results":"https://docs.google.com/spreadsheets/d/1FUMHeOPYBgtVeMU5_pl2r33krZFzutt9vkOpphOSOss/","queries":"13_Ecommerce","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"ecommerce"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -6156,9 +6056,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -6203,13 +6101,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -6220,9 +6114,7 @@

{% set metadata = {"part_number":"III","chapter_number":14,"title":"CMS","description":"CMS chapter of the 2019 Web Almanac covering CMS adoption, how CMS suites are built, User experience of CMS powered websites, and CMS innovation.","authors":["ernee","amedina"],"reviewers":["sirjonathan"],"translators":null,"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-01T00:00:00.000Z","chapter":"cms"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -6848,9 +6740,7 @@

Conclusi {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -6912,9 +6798,7 @@

{% set metadata = {"part_number":"IV","chapter_number":15,"title":"Compression","description":"Compression chapter of the 2019 Web Almanac covering HTTP compression, algorithms, content types, 1st party and 3rd party compression and opportunities.","authors":["paulcalvano"],"reviewers":["obto","yoavweiss"],"translators":null,"discuss":"1770","results":"https://docs.google.com/spreadsheets/d/1IK9kaScQr_sJUwZnWMiJcmHEYJV292C9DwCfXH6a50o/","queries":"15_Compression","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-08T00:00:00.000Z","chapter":"compression"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -7229,9 +7113,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -7276,13 +7158,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -7293,9 +7171,7 @@

{% set metadata = {"part_number":"IV","chapter_number":16,"title":"Caching","description":"Caching chapter of the 2019 Web Almanac covering cache-control, expires, TTLs, validitaty, vary, set-cookies, AppCache, Service Workers and opportunities.","authors":["paulcalvano"],"reviewers":["obto","bkardell"],"translators":null,"discuss":"1771","results":"https://docs.google.com/spreadsheets/d/1mnq03DqrRBwxfDV05uEFETK0_hPbYOynWxZkV3tFgNk/","queries":"16_Caching","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-06T00:00:00.000Z","chapter":"caching"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -7936,9 +7812,7 @@

Co {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -8000,9 +7870,7 @@

{% set metadata = {"part_number":"IV","chapter_number":17,"title":"CDN","description":"CDN chapter of the 2019 Web Almanac covering CDN adoption and usage, RTT & TLS management, HTTP/2 adoption, caching and common library and content CDNs.","authors":["andydavies","colinbendell"],"reviewers":["yoavweiss","paulcalvano","pmeenan","enygren"],"translators":null,"discuss":"1772","results":"https://docs.google.com/spreadsheets/d/1Y7kAxjxUl8puuTToe6rL3kqJLX1ftOb0nCcD8m3lZBw/","queries":"17_CDN","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-04T00:00:00.000Z","chapter":"cdn"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -9542,9 +9410,7 @@

Conclusion {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -9606,9 +9468,7 @@

{% set metadata = {"part_number":"IV","chapter_number":18,"title":"Page Weight","description":"Page Weight chapter of the 2019 Web Almanac covering why page weight matters, bandwidth, complex pages, page weight over time, page requests, and file formats.","authors":["tammyeverts","khempenius"],"reviewers":["paulcalvano"],"translators":null,"discuss":"1773","results":"https://docs.google.com/spreadsheets/d/1nWOo8efqDgzmA0wt1ipplziKhlReAxnVCW1HkjuFAxU/","queries":"18_PageWeight","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-01T00:00:00.000Z","chapter":"page-weight"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -10420,9 +10280,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -10467,13 +10325,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -10484,9 +10338,7 @@

{% set metadata = {"part_number":"IV","chapter_number":19,"title":"Resource Hints","description":"Resource Hints chapter of the 2019 Web Almanac covering usage of dns-prefetch, preconnect, preload, prefetch, priority hints, and native lazy loading.","authors":["khempenius"],"reviewers":["andydavies","bazzadp","yoavweiss"],"translators":null,"discuss":"1774","results":"https://docs.google.com/spreadsheets/d/14QBP8XGkMRfWRBbWsoHm6oDVPkYhAIIpfxRn4iOkbUU/","queries":"19_Resource_Hints","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"resource-hints"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -10715,9 +10567,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -10762,13 +10612,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -10779,9 +10625,7 @@

{% set metadata = {"part_number":"IV","chapter_number":20,"title":"HTTP/2","description":"HTTP/2 chapter of the 2019 Web Almanac covering adoption and impact of HTTP/2, HTTP/2 Push, HTTP/2 Issues, and HTTP/3.","authors":["bazzadp"],"reviewers":["bagder","rmarx","dotjs"],"translators":null,"discuss":"1775","results":"https://docs.google.com/spreadsheets/d/1z1gdS3YVpe8J9K3g2UdrtdSPhRywVQRBz5kgBeqCnbw/","queries":"20_HTTP_2","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-05T00:00:00.000Z","chapter":"http2"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -11454,9 +11298,7 @@

Conclu {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} diff --git a/src/templates/es/2019/chapters/css.html b/src/templates/es/2019/chapters/css.html index 995c990ea4f..fdbf922c592 100644 --- a/src/templates/es/2019/chapters/css.html +++ b/src/templates/es/2019/chapters/css.html @@ -439,9 +439,7 @@

Figura 21. Los valores de z-index más utilizados.
-
- 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important -
+
999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important
Figura 22. El valor de z-index más grande conocido.

Decoración

diff --git a/src/templates/ja/2019/chapters/cms.html b/src/templates/ja/2019/chapters/cms.html index bdc47aec1f3..8565a65c54d 100644 --- a/src/templates/ja/2019/chapters/cms.html +++ b/src/templates/ja/2019/chapters/cms.html @@ -186,7 +186,7 @@

上の図6と7では、デスクトップCMSページの中央値は86のリソースと2.29MBの重さをロードしていることがわかります。モバイルページのリソース使用量は、83のリソースと2.25 MBと、それほど大きくはありません。

中央値は、すべてのCMSページが上か下かの中間点を示しています。つまり全CMSページの半分はリクエスト数が少なく、重量が少ないのに対し、半分はリクエスト数が多く、重量が多いということになります。10パーセンタイルではモバイルとデスクトップのページはリクエスト数が40以下で重量が1MBですが、90パーセンタイルではリクエスト数が170以上で重量が7MBとなり、中央値の3倍近くになっています。

-

CMSのページは、ウェブ全体のページと比較してどうでしょうか? ページ重量の章では、リソースの使用量についてのデータを見つけることができます。中央値では、デスクトップページは74リクエストで1.9MBを読み込み、ウェブ上のモバイルページは69リクエストで1.7MBを読み込みます。中央値では、CMSページはこれを上回っています。また、CMSページは90パーセンタイルでウェブ上のリソースを上回っていますが、その差はもっと小さいです。要するに、CMSページは最も重いページの1つと考えられます。

+

CMSのページは、ウェブ全体のページと比較してどうでしょうか? ページ重量の章では、リソースの使用量についてのデータを見つけることができます。中央値では、デスクトップページは74リクエストで1.9MBを読み込み、ウェブ上のモバイルページは69リクエストで1.7MBを読み込みます。中央値では、CMSページはこれを上回っています。また、CMSページは90パーセンタイルでウェブ上のリソースを上回っていますが、その差はもっと小さいです。要するに、CMSページは最も重いページの1つと考えられます。

diff --git a/src/templates/ja/2019/chapters/css.html b/src/templates/ja/2019/chapters/css.html index 7ce0e96ed95..8b2b97daa76 100644 --- a/src/templates/ja/2019/chapters/css.html +++ b/src/templates/ja/2019/chapters/css.html @@ -439,9 +439,7 @@

図 21.最も頻繁に使用されるz-index値。

-
- 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important -
+
999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important
図 21.最も頻繁に使用されるz-index値。

デコレーション

diff --git a/src/templates/ja/2019/chapters/fonts.html b/src/templates/ja/2019/chapters/fonts.html index 1ad7ef212c4..e09ea460ed4 100644 --- a/src/templates/ja/2019/chapters/fonts.html +++ b/src/templates/ja/2019/chapters/fonts.html @@ -574,7 +574,7 @@

Google Fontsがすべての新しいコードスニペットに font-display を追加していますが彼らのサイトからコピーされています。

-

Google Fontsを使っているなら、スニペットを更新しよう! Google Fontsを使っていない場合は、font-displayを使いましょう! font-displayについての詳細は MDN を参照してください。

+

Google Fontsを使っているなら、スニペットを更新しよう! Google Fontsを使っていない場合は、font-displayを使いましょう! font-displayについての詳細は MDN を参照してください。

どのようなfont-display値が人気あるのか見てみましょう。

diff --git a/src/templates/ja/2019/chapters/markup.html b/src/templates/ja/2019/chapters/markup.html index c190e0c85f7..1535a0dd597 100644 --- a/src/templates/ja/2019/chapters/markup.html +++ b/src/templates/ja/2019/chapters/markup.html @@ -69,9 +69,7 @@

方法論

各ページの要素の名前は、JavaScriptの初期化後DOMより収集されました。

現実の要素出現数を確認することは標準の要素であっても有用ではありません、検出されたすべての要素の約25%は<div>です。 そして、約17%が<a>で、11%が<span>となっており、これらは10%以上を占める唯一の要素たちです。 言語は一般的にこのようなものですが、これと比較してみると驚くほど少ない用語が使われています。 さらに、非標準の要素の取り込みを検討してみると、1つのサイトが特定の要素を1000回も使用しているために、とても人気があるように見えてしまい、大きな誤解を招く可能性があります。

そのような方法を取らず、私達はHixieの元の研究のようにホームページに各要素が少なくとも1回は含まれているサイトの数に着目しました。

-

- 注意: この方法は潜在的なバイアスが無いとは言い切れません。 人気のある製品は複数のサイトで使われています。これにより個々の作成者は意識していない非標準のマークアップが導入されるでしょう。 したがって、この方法は一般的なニーズに対応するのと同じように、作成者の直接的な知識や意識的な採用を意味しないことに注意する必要があります。 調査中に、このような例はいくつか見つかりました。 -

+

注意: この方法は潜在的なバイアスが無いとは言い切れません。 人気のある製品は複数のサイトで使われています。これにより個々の作成者は意識していない非標準のマークアップが導入されるでしょう。 したがって、この方法は一般的なニーズに対応するのと同じように、作成者の直接的な知識や意識的な採用を意味しないことに注意する必要があります。 調査中に、このような例はいくつか見つかりました。

上位の要素と概説

2005年、Hixieはページ中に最もよく使用されていて、頻度の少ない上位要素を調査しました。 トップ3は htmlheadbodyでした、これらはオプションなので省略されてもパーサーによって作成されており、彼は興味深いと述べています。 パーサーによる解析後のDOMを使って調査すると、データは普遍的に表示されます。なので、4番目に使用頻度の高い要素からはじめました。 以下は、その時点から現在までのデータの比較です。(ここでは面白いので出現数を含めました)

diff --git a/src/templates/ja/2019/ebook.html b/src/templates/ja/2019/ebook.html index be3721973be..ff101eeaa91 100644 --- a/src/templates/ja/2019/ebook.html +++ b/src/templates/ja/2019/ebook.html @@ -1,9 +1,7 @@ {% extends "%s/2019/base_ebook.html" % lang %} {% set metadata = {} %} {% block chapters %} {% set metadata = {"part_number":"I","chapter_number":1,"title":"JavaScript","description":"2019年のWeb AlmanacのJavaScriptの章では、Web上でどれだけJavaScriptを使用しているか、圧縮、ライブラリとフレームワーク、読み込み、ソースマップを網羅しています。","authors":["housseindjirdeh"],"reviewers":["obto","paulcalvano","mathiasbynens"],"translators":["ksakae"],"discuss":"1756","results":"https://docs.google.com/spreadsheets/d/1kBTglETN_V9UjKqK_EFmFjRexJnQOmLLr-I2Tkotvic/","queries":"01_JavaScript","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-20T00:00:00.000Z","chapter":"javascript"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -386,9 +384,7 @@

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -450,9 +442,7 @@

{% set metadata = {"part_number":"I","chapter_number":2,"title":"CSS","description":"色、単位、セレクター、レイアウト、タイポグラフィとフォント、間隔、装飾、アニメーション、およびメディアクエリをカバーする2019 Web AlmanacのCSS章。","authors":["una","argyleink"],"reviewers":["meyerweb","huijing"],"translators":["ksakae"],"discuss":"1757","results":"https://docs.google.com/spreadsheets/d/1uFlkuSRetjBNEhGKWpkrXo4eEIsgYelxY-qR9Pd7QpM/","queries":"02_CSS","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-06T00:00:00.000Z","chapter":"css"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -694,9 +684,7 @@

図 21.最も頻繁に使用されるz-index値。

-
- 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important -
+
999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important
図 21.最も頻繁に使用されるz-index値。

デコレーション

@@ -1066,9 +1054,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -1113,13 +1099,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -1130,9 +1112,7 @@

{% set metadata = {"part_number":"I","chapter_number":3,"title":"マークアップ","description":"使われている要素、カスタム要素、価値、製品、及び一般的なユースケースについて抑えてある 2019 Web Almanac マークアップの章","authors":["bkardell"],"reviewers":["zcorpan","tomhodgins","matthewp"],"translators":["MSakamaki"],"discuss":"1758","results":"https://docs.google.com/spreadsheets/d/1WnDKLar_0Btlt9UgT53Giy2229bpV4IM2D_v6OM_WzA/","queries":"03_Markup","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-19T00:00:00.000Z","chapter":"markup"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -1168,9 +1148,7 @@

方法

各ページの要素の名前は、JavaScriptの初期化後DOMより収集されました。

現実の要素出現数を確認することは標準の要素であっても有用ではありません、検出されたすべての要素の約25%は<div>です。 そして、約17%が<a>で、11%が<span>となっており、これらは10%以上を占める唯一の要素たちです。 言語は一般的にこのようなものですが、これと比較してみると驚くほど少ない用語が使われています。 さらに、非標準の要素の取り込みを検討してみると、1つのサイトが特定の要素を1000回も使用しているために、とても人気があるように見えてしまい、大きな誤解を招く可能性があります。

そのような方法を取らず、私達はHixieの元の研究のようにホームページに各要素が少なくとも1回は含まれているサイトの数に着目しました。

-

- 注意: この方法は潜在的なバイアスが無いとは言い切れません。 人気のある製品は複数のサイトで使われています。これにより個々の作成者は意識していない非標準のマークアップが導入されるでしょう。 したがって、この方法は一般的なニーズに対応するのと同じように、作成者の直接的な知識や意識的な採用を意味しないことに注意する必要があります。 調査中に、このような例はいくつか見つかりました。 -

+

注意: この方法は潜在的なバイアスが無いとは言い切れません。 人気のある製品は複数のサイトで使われています。これにより個々の作成者は意識していない非標準のマークアップが導入されるでしょう。 したがって、この方法は一般的なニーズに対応するのと同じように、作成者の直接的な知識や意識的な採用を意味しないことに注意する必要があります。 調査中に、このような例はいくつか見つかりました。

上位の要素と概説

2005年、Hixieはページ中に最もよく使用されていて、頻度の少ない上位要素を調査しました。 トップ3は htmlheadbodyでした、これらはオプションなので省略されてもパーサーによって作成されており、彼は興味深いと述べています。 パーサーによる解析後のDOMを使って調査すると、データは普遍的に表示されます。なので、4番目に使用頻度の高い要素からはじめました。 以下は、その時点から現在までのデータの比較です。(ここでは面白いので出現数を含めました)

@@ -1467,9 +1445,7 @@

結論 {% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -1514,13 +1490,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -1531,9 +1503,7 @@

{% set metadata = {"part_number":"I","chapter_number":4,"title":"メディア","description":"2019年版Web Almanacのメディアの章では、画像ファイルのサイズとフォーマット、レスポンシブ画像、クライアントのヒント、遅延読み込み、アクセシビリティ、動画を取り上げています。","authors":["colinbendell","dougsillars"],"reviewers":["ahmadawais","eeeps"],"translators":["ksakae"],"discuss":"1759","results":"https://docs.google.com/spreadsheets/d/1hj9bY6JJZfV9yrXHsoCRYuG8t8bR-CHuuD98zXV7BBQ/","queries":"04_Media","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-12T00:00:00.000Z","chapter":"media"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -1993,9 +1963,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -2040,13 +2008,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -2057,9 +2021,7 @@

{% set metadata = {"part_number":"II","chapter_number":5,"title":"サードパーティ","description":"2019 Web Almanacのサードパーティの章。サードパーティの使用目的、パフォーマンスへの影響、プライバシーへの影響について説明しています。","authors":["patrickhulce"],"reviewers":["zcorpan","obto","jasti"],"translators":["ksakae"],"discuss":"1760","results":"https://docs.google.com/spreadsheets/d/1iC4WkdadDdkqkrTY32g7hHKhXs9iHrr3Bva8CuPjVrQ/","queries":"05_Third_Parties","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-14T00:00:00.000Z","chapter":"third-parties"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -2346,9 +2308,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -2393,13 +2353,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -2410,9 +2366,7 @@

{% set metadata = {"part_number":"I","chapter_number":6,"title":"フォント","description":"フォントがどこから読み込まれるか、フォントのフォーマット、フォントの読み込み性能、可変フォント、カラーフォントを網羅した2019年Web AlmanacのFontsの章。","authors":["zachleat"],"reviewers":["hyperpress","AymenLoukil"],"translators":["ksakae"],"discuss":"1761","results":"https://docs.google.com/spreadsheets/d/108g6LXdC3YVsxmX1CCwrmpZ3-DmbB8G_wwgQHX5pn6Q/","queries":"06_Fonts","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"fonts"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -2923,7 +2877,7 @@

Google Fontsがすべての新しいコードスニペットに font-display を追加していますが彼らのサイトからコピーされています。

-

Google Fontsを使っているなら、スニペットを更新しよう! Google Fontsを使っていない場合は、font-displayを使いましょう! font-displayについての詳細は MDN を参照してください。

+

Google Fontsを使っているなら、スニペットを更新しよう! Google Fontsを使っていない場合は、font-displayを使いましょう! font-displayについての詳細は MDN を参照してください。

どのようなfont-display値が人気あるのか見てみましょう。

@@ -3025,9 +2979,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -3072,13 +3024,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -3089,9 +3037,7 @@

{% set metadata = {"part_number":"II","chapter_number":7,"title":"パフォーマンス","description":"コンテンツの初回ペイント(FCP)、最初のバイトまでの時間(TTFB)、初回入力遅延(FID)を取り扱う2019 Web Almanac パフォーマンスの章。","authors":["rviscomi"],"reviewers":["JMPerez","obto","sergeychernyshev","zeman"],"translators":["MSakamaki"],"discuss":"1762","results":"https://docs.google.com/spreadsheets/d/1zWzFSQ_ygb-gGr1H1BsJCfB7Z89zSIf7GX0UayVEte4/","queries":"07_Performance","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"performance"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -3338,9 +3284,7 @@

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -3402,9 +3342,7 @@

{% set metadata = {"part_number":"II","chapter_number":8,"title":"セキュリティ","description":"トランスポート・レイヤー・セキュリティ(TLS()、混合コンテンツ、セキュリティヘッダ、Cookie、サブリソース完全性を網羅した2019年版Web Almanacのセキュリティの章。","authors":["ScottHelme","arturjanc"],"reviewers":["bazzadp","ghedo","paulcalvano"],"translators":["ksakae"],"discuss":"1763","results":"https://docs.google.com/spreadsheets/d/1Zq2tQhPE06YZUcbzryRrBE6rdZgHHlqEp2XcgS37cm8/","queries":"08_Security","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-06-30T00:00:00.000Z","chapter":"security"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4192,9 +4130,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -4239,13 +4175,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -4256,9 +4188,7 @@

{% set metadata = {"part_number":"II","chapter_number":9,"title":"アクセシビリティ","description":"読みやすさ、メディア、操作性の容易さ、および支援技術とその互換性をカバーする2019 Web Almanacアクセシビリティの章。","authors":["nektarios-paisios","obto","kleinab"],"reviewers":["ljme"],"translators":["MSakamaki"],"discuss":"1764","results":"https://docs.google.com/spreadsheets/d/16JGy-ehf4taU0w4ABiKjsHGEXNDXxOlb__idY8ifUtQ/","queries":"09_Accessibility","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-27T00:00:00.000Z","chapter":"accessibility"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4536,9 +4466,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -4583,13 +4511,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -4600,9 +4524,7 @@

{% set metadata = {"part_number":"I","chapter_number":10,"title":"SEO","description":"コンテンツ、メタタグ、インデクサビリティ、リンク、速度、構造化データ、国際化、SPA、AMP、セキュリティをカバーする2019 Web AlmanacのSEOの章。","authors":["ymschaap","rachellcostello","AVGP"],"reviewers":["clarkeclark","andylimn","AymenLoukil","catalinred","mattludwig"],"translators":["MSakamaki"],"discuss":"1765","results":"https://docs.google.com/spreadsheets/d/1uARtBWwz9nJOKqKPFinAMbtoDgu5aBtOhsBNmsCoTaA/","queries":"10_SEO","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-01T00:00:00.000Z","chapter":"seo"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -4970,9 +4892,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -5017,13 +4937,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -5034,9 +4950,7 @@

{% set metadata = {"part_number":"II","chapter_number":11,"title":"PWA","description":"Service Worker(登録、インストール可能性、イベント、およびファイルサイズ)、Webアプリマニフェストプロパティ、およびWorkboxを対象とする2019 Web AlmanacのPWAの章。","authors":["tomayac","jeffposnick"],"reviewers":["hyperpress","ahmadawais"],"translators":["ksakae"],"discuss":"1766","results":"https://docs.google.com/spreadsheets/d/19BI3RQc_vR9bUPPZfVsF_4gpFWLNT6P0pLcAdL-A56c/","queries":"11_PWA","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-03-02T00:00:00.000Z","chapter":"pwa"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -5227,9 +5141,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -5274,13 +5186,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -5291,9 +5199,7 @@

{% 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-08-07T00:00:00.000Z","chapter":"mobile-web"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -5550,9 +5456,7 @@

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -5614,9 +5514,7 @@

{% 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-06-30T00:00:00.000Z","chapter":"ecommerce"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -6188,9 +6086,7 @@

結論 {% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -6252,9 +6144,7 @@

{% 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-08-07T00:00:00.000Z","chapter":"cms"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -6373,7 +6263,7 @@

ページ重量の章では、リソースの使用量についてのデータを見つけることができます。中央値では、デスクトップページは74リクエストで1.9MBを読み込み、ウェブ上のモバイルページは69リクエストで1.7MBを読み込みます。中央値では、CMSページはこれを上回っています。また、CMSページは90パーセンタイルでウェブ上のリソースを上回っていますが、その差はもっと小さいです。要するに、CMSページは最も重いページの1つと考えられます。

+

CMSのページは、ウェブ全体のページと比較してどうでしょうか? ページ重量の章では、リソースの使用量についてのデータを見つけることができます。中央値では、デスクトップページは74リクエストで1.9MBを読み込み、ウェブ上のモバイルページは69リクエストで1.7MBを読み込みます。中央値では、CMSページはこれを上回っています。また、CMSページは90パーセンタイルでウェブ上のリソースを上回っていますが、その差はもっと小さいです。要するに、CMSページは最も重いページの1つと考えられます。

@@ -6880,9 +6770,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -6927,13 +6815,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -6944,9 +6828,7 @@

{% set metadata = {"part_number":"IV","chapter_number":15,"title":"圧縮","description":"HTTP圧縮、アルゴリズム、コンテンツタイプ、ファーストパーティとサードパーティの圧縮および機会をカバーする2019 Web Almanacの圧縮の章。","authors":["paulcalvano"],"reviewers":["obto","yoavweiss"],"translators":["ksakae"],"discuss":"1770","results":"https://docs.google.com/spreadsheets/d/1IK9kaScQr_sJUwZnWMiJcmHEYJV292C9DwCfXH6a50o/","queries":"15_Compression","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-06T00:00:00.000Z","chapter":"compression"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -7264,9 +7146,7 @@

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -7328,9 +7204,7 @@

{% set metadata = {"part_number":"IV","chapter_number":16,"title":"キャッシング","description":"2019 Web Almanacのキャッシュの章は、キャッシュコントロール、有効期限、TTL、有効性、変化、Cookieの設定、アプリケーションキャッシュ、Service Worker、および機会について説明します。","authors":["paulcalvano"],"reviewers":["obto","bkardell"],"translators":["ksakae"],"discuss":"1771","results":"https://docs.google.com/spreadsheets/d/1mnq03DqrRBwxfDV05uEFETK0_hPbYOynWxZkV3tFgNk/","queries":"16_Caching","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-07-06T00:00:00.000Z","chapter":"caching"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -7973,9 +7847,7 @@

結論
{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -8020,13 +7892,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -8037,9 +7905,7 @@

{% set metadata = {"part_number":"IV","chapter_number":17,"title":"CDN","description":"CDNの採用と使用法、RTTとTLSの管理、HTTP/2の採用、キャッシング、および共通ライブラリとコンテンツCDNをカバーする2019 Web AlmanacのCDNの章。","authors":["andydavies","colinbendell"],"reviewers":["yoavweiss","paulcalvano","pmeenan","enygren"],"translators":["ksakae"],"discuss":"1772","results":"https://docs.google.com/spreadsheets/d/1Y7kAxjxUl8puuTToe6rL3kqJLX1ftOb0nCcD8m3lZBw/","queries":"17_CDN","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-04T00:00:00.000Z","chapter":"cdn"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -9577,9 +9443,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -9624,13 +9488,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}
{% endfor %} @@ -9641,9 +9501,7 @@

{% set metadata = {"part_number":"IV","chapter_number":18,"title":"Page Weight","description":"ページの重さが重要な理由、帯域幅、複雑なページ、経時的なページの重み、ページ要求、およびファイル形式をカバーする2019 Web Almanacのページの重さの章。","authors":["tammyeverts","khempenius"],"reviewers":["paulcalvano"],"translators":["ksakae"],"discuss":"1773","results":"https://docs.google.com/spreadsheets/d/1nWOo8efqDgzmA0wt1ipplziKhlReAxnVCW1HkjuFAxU/","queries":"18_PageWeight","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-08-09T00:00:00.000Z","chapter":"page-weight"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -10449,9 +10307,7 @@

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -10513,9 +10365,7 @@

{% 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-06-30T00:00:00.000Z","chapter":"resource-hints"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -10749,9 +10599,7 @@

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -10796,13 +10644,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %} @@ -10813,9 +10657,7 @@

{% set metadata = {"part_number":"IV","chapter_number":20,"title":"HTTP/2","description":"HTTP/2、HTTP/2プッシュ、HTTP/2の問題、およびHTTP/3の採用と影響をカバーするWeb Almanac 2019のHTTP/2章","authors":["bazzadp"],"reviewers":["bagder","rmarx","dotjs"],"translators":["ksakae"],"discuss":"1775","results":"https://docs.google.com/spreadsheets/d/1z1gdS3YVpe8J9K3g2UdrtdSPhRywVQRBz5kgBeqCnbw/","queries":"20_HTTP_2","published":"2019-11-11T00:00:00.000Z","last_updated":"2020-05-19T00:00:00.000Z","chapter":"http2"} %} {% set chapter_image_dir = ("/static/images/2019/%s" % metadata.chapter) %}
-
- {{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }} -
+
{{ self.part() }} {{ metadata.get('part_number') }} {{ self.chapter() }} {{ metadata.get('chapter_number') }}

{{ metadata.get('title') }} {% if metadata.get('unedited', false) %} {{ self.unedited() }} @@ -11488,9 +11330,7 @@

結論

{% for author in metadata.get('authors') %} {% if loop.index == 1 %}

- - {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %} - + {% if loop.length == 1 %}{{ self.author() }}{% endif -%} {% if loop.length > 1 and loop.index == 1 %}{{ self.authors() }}{% endif %}

    {% endif %} {% set authordata = config.contributors[author] if author in config.contributors else None %} @@ -11535,13 +11375,9 @@

    {% endif %}

{% endif %} {% if authordata.tagline %} -
- {{ authordata.tagline }} -
+
{{ authordata.tagline }}
{% endif %} -
- {{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }} -
+
{{ add_footnote_links(localizedContributors[author] if localizedContributors[author]|length) | safe }}

{% endfor %}