{
    "componentChunkName": "component---src-templates-blog-post-jsx",
    "path": "/post/webegg-summary-2019/",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"ba688a70-7bb2-58d4-84e4-a6e9c7567e46","excerpt":"気づけば年末。今年はあと１日残っているんですが、休日のアクセスがほとんどないブログなので 2019 年のアクセスを振り返ります。 自分が気になったところだけをピックアップして紹介しています。筆者はアクセス解析のド素人なのであしからず。 アクセス まずはアクセス数です。UU は去年とくらべて 17％ほど伸びて 11.…","html":"<p>気づけば年末。今年はあと１日残っているんですが、休日のアクセスがほとんどないブログなので 2019 年のアクセスを振り返ります。<br>\n自分が気になったところだけをピックアップして紹介しています。筆者はアクセス解析のド素人なのであしからず。</p>\n<h2 id=\"アクセス\" style=\"position:relative;\"><a href=\"#%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9\" aria-label=\"アクセス permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>アクセス</h2>\n<p>まずはアクセス数です。UU は去年とくらべて 17％ほど伸びて 11.4 万、PV は 12％ほど伸びて 15.2 万でした。<br>\n小さくて見づらいですが、ページビューで 2 月ごろに跳ねてるやつ<a href=\"https://blog.leko.jp/post/code-reading-of-deno-boot-process/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Deno のコードリーディング記事</a>、6 月頃に跳ねてるのが<a href=\"https://blog.leko.jp/post/jsconfeu2019/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">JSConf EU の記事</a>と<a href=\"https://blog.leko.jp/post/introduce-the-new-typescript-playground-for-advanced-use/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">TypeScript のオレオレ playground</a>、12 月頭頃に跳ねてるやつは<a href=\"https://blog.leko.jp/post/ocr-web-gl-with-tesseract-js/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">寿司打 WebGL 版を OCR でチートする記事</a>ですね。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 668px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 13.77245508982036%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'55\\'%20viewBox=\\'0%200%20400%2055\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M88%2042l-1%202c0%202-1%202-13%202H58l-8-1H39l-3%201h-1l-10-1H13l-4%201-3%201v2a323%20323%200%200045%200%20286%20286%200%200044%200c0-1-2-4-4-4l-2-2-1-1m101%200l-1%202c0%202-1%202-9%202a40683%2040683%200%2000-68%200c-4%200-7%203-3%203a989%20989%200%200044%200c2%201%2044%200%2043-1%200-2-2-3-4-2l-1-3-1-1m101%201v3h-13a71%2071%200%2000-15%200l-6-1a3567%203567%200%2001-44%201l-4%202%2012%201a165%20165%200%200016%200h61c0-2-2-4-4-4l-2-2c-1-2-1-2-1%200m101%200l-1%203h-29l-7-1h-12l-3%201h-1l-10-1h-12l-4%201-3%201c0%202%202%203%205%202h5a534%20534%200%200179%200c0-2-2-4-4-4l-2-2c-1-2-1-2-1%200\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/969a9069e52418d823df70ba8380242f/5251b/2019-12-30-16-18-41.webp 167w,\n/static/969a9069e52418d823df70ba8380242f/7390e/2019-12-30-16-18-41.webp 334w,\n/static/969a9069e52418d823df70ba8380242f/7c056/2019-12-30-16-18-41.webp 668w,\n/static/969a9069e52418d823df70ba8380242f/b4d37/2019-12-30-16-18-41.webp 983w\"\n              sizes=\"(max-width: 668px) 100vw, 668px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/969a9069e52418d823df70ba8380242f/21521/2019-12-30-16-18-41.png 167w,\n/static/969a9069e52418d823df70ba8380242f/86d36/2019-12-30-16-18-41.png 334w,\n/static/969a9069e52418d823df70ba8380242f/74866/2019-12-30-16-18-41.png 668w,\n/static/969a9069e52418d823df70ba8380242f/91b29/2019-12-30-16-18-41.png 983w\"\n            sizes=\"(max-width: 668px) 100vw, 668px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/969a9069e52418d823df70ba8380242f/74866/2019-12-30-16-18-41.png\"\n            alt=\"2019 12 30 16 18 41\"\n            title=\"2019 12 30 16 18 41\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span></p>\n<h3 id=\"アクセス元の環境\" style=\"position:relative;\"><a href=\"#%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E5%85%83%E3%81%AE%E7%92%B0%E5%A2%83\" aria-label=\"アクセス元の環境 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>アクセス元の環境</h3>\n<p>Chrome が圧倒的です。去年と比べても割合が増しています。代わりに Firefox の割合が少し減っています。次点は iOS Safari なので、モバイル向けの対応をちゃんとやらないとなーと思いました。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 668px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 18.562874251497007%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'74\\'%20viewBox=\\'0%200%20400%2074\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M302%2026l-1%2016-2-1c1-1-20-16-22-16-3%200-6%2014-5%2022%206%2035%2059%2031%2059-5%200-16-10-28-25-30l-4-1v15m66%200c0%2015%200%2017-3%2015l-24-12c-1%200-3%206-3%2012%200%2033%2043%2042%2057%2013%204-7%203-19%200-25-5-10-13-16-23-17l-4-1v15m-20-7l-3%203%2019%2016c1-1-12-20-13-21l-3%202\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/54c01526e8a9a582ec217253dc0f13c0/5251b/2019-12-30-16-22-39.webp 167w,\n/static/54c01526e8a9a582ec217253dc0f13c0/7390e/2019-12-30-16-22-39.webp 334w,\n/static/54c01526e8a9a582ec217253dc0f13c0/7c056/2019-12-30-16-22-39.webp 668w,\n/static/54c01526e8a9a582ec217253dc0f13c0/0a92e/2019-12-30-16-22-39.webp 1002w,\n/static/54c01526e8a9a582ec217253dc0f13c0/7fa3c/2019-12-30-16-22-39.webp 1336w,\n/static/54c01526e8a9a582ec217253dc0f13c0/dbd02/2019-12-30-16-22-39.webp 1573w\"\n              sizes=\"(max-width: 668px) 100vw, 668px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/54c01526e8a9a582ec217253dc0f13c0/21521/2019-12-30-16-22-39.png 167w,\n/static/54c01526e8a9a582ec217253dc0f13c0/86d36/2019-12-30-16-22-39.png 334w,\n/static/54c01526e8a9a582ec217253dc0f13c0/74866/2019-12-30-16-22-39.png 668w,\n/static/54c01526e8a9a582ec217253dc0f13c0/d69c4/2019-12-30-16-22-39.png 1002w,\n/static/54c01526e8a9a582ec217253dc0f13c0/9685e/2019-12-30-16-22-39.png 1336w,\n/static/54c01526e8a9a582ec217253dc0f13c0/28a89/2019-12-30-16-22-39.png 1573w\"\n            sizes=\"(max-width: 668px) 100vw, 668px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/54c01526e8a9a582ec217253dc0f13c0/74866/2019-12-30-16-22-39.png\"\n            alt=\"2019 12 30 16 22 39\"\n            title=\"2019 12 30 16 22 39\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span></p>\n<p>OS は Windows の割合が減って Mac がちょっと増えてますね。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 668px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 22.754491017964074%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'91\\'%20viewBox=\\'0%200%20400%2091\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M281%2014l-1%2019v18l-6-11-12-22-6%205a37%2037%200%200010%2061c7%204%2021%204%2029%200%2028-13%2029-53%202-67-5-2-15-4-16-3m68%202l-5%201a633%20633%200%200017%2033l-10-10-12-14-3-3-3%203a38%2038%200%20003%2051c7%207%2014%2010%2025%209%2011%200%2018-2%2026-10%2021-20%208-59-21-62h-5v34l-1-17-1-17s-6%200-10%202\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/5d419ee3bd9915dcb79b08ce7b016e36/5251b/2019-12-30-16-25-26.webp 167w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/7390e/2019-12-30-16-25-26.webp 334w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/7c056/2019-12-30-16-25-26.webp 668w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/0a92e/2019-12-30-16-25-26.webp 1002w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/e027f/2019-12-30-16-25-26.webp 1290w\"\n              sizes=\"(max-width: 668px) 100vw, 668px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/5d419ee3bd9915dcb79b08ce7b016e36/21521/2019-12-30-16-25-26.png 167w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/86d36/2019-12-30-16-25-26.png 334w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/74866/2019-12-30-16-25-26.png 668w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/d69c4/2019-12-30-16-25-26.png 1002w,\n/static/5d419ee3bd9915dcb79b08ce7b016e36/46115/2019-12-30-16-25-26.png 1290w\"\n            sizes=\"(max-width: 668px) 100vw, 668px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/5d419ee3bd9915dcb79b08ce7b016e36/74866/2019-12-30-16-25-26.png\"\n            alt=\"2019 12 30 16 25 26\"\n            title=\"2019 12 30 16 25 26\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span></p>\n<h2 id=\"流入\" style=\"position:relative;\"><a href=\"#%E6%B5%81%E5%85%A5\" aria-label=\"流入 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>流入</h2>\n<h3 id=\"検索キーワード\" style=\"position:relative;\"><a href=\"#%E6%A4%9C%E7%B4%A2%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89\" aria-label=\"検索キーワード permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>検索キーワード</h3>\n<p>検索エンジンからの流入は Emmet, dotenv, Algolia という感じです。<br>\nDeno とか TypeScript で調べてほしかった。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 668px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 83.83233532934132%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'335\\'%20viewBox=\\'0%200%20400%20335\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M1%203v24l1%2023h156V2H80L1%203m358%2076a268%20268%200%2000-2%2019l-1-6h-1c-2-2-3%201-3%2010%200%2010-1%208-2-3-1-16-4-15-5%201l-1%2011v-10c-1-10-2-13-4-11l-1%206c0%2011-2%2016-2%207s-1-16-3-16c-1%200-2%207-2%2016%200%207%200%207-1-2-1-16-4-15-6%202l-1%2011v-11c0-10-1-13-3-10l-2%2014c0%208-1%2011-1%207%200-12-1-18-3-18l-3%208-1%208v-10c0-15-2-21-3-9-2%2015-4%2017-4%202l-1-8c-2%200-3%206-3%2015%200%2015-2%2014-2%200%200-13-1-15-3-16-1-2-2-2-2%209%200%2014-2%2014-2%200%200-6%200-9-1-8l-1%202c0%202%200%202-1%201-1-2-2%203-2%2012%200%206%200%206-1-3s-1-11-3-10l-2%2021-1%207-1-16c0-17-1-20-3-19l-1%2020-1%2020-2-17c-1-23-2-23-4-3l-2%2012v-10c0-20-3-23-5-5%200%209-2%207-2-1l-1-8-1-3c0-2%200-2-1-1l-2%2013v13l-1-11c-1-15-5-21-5-8l-1%2015-1%207v-8l-1-7-3%2012c0%2010-2%206-2-7l-2-19-1-3-1%204-2%2014v10l-1-9c0-5-1-9-2-9l-1-2-1-2-1%2011v11l-1-10a441%20441%200%2001-3-14c0%204%200%205-1%204-1-3-2%202-2%2013-1%203-1%202-1-3%200-7-2-16-3-16l-2%2016c0%2017-2%2014-2-6l-1-9c-3%200-3%202-4%2012-1%209-1%209-1%203l-1-12v6c0%2010%200%2011-1%2010-2-2-3-16-1-19v-5l-1%202-1%2012c0%2012-2%2018-2%208l-1-12v8c0%2011%200%2011-1%2010-2-3-3-18-1-21v-3c-1-2-2%202-2%2011%200%2012-2%206-2-6%200-6%200-8-1-7l-1%204-1%202-2%2010v10l-1-10-2-11-1-2-1-2-1%209-1%2011c-1%201-1-1-1-7%200-7%200-9-2-9-2-1-2-1-3%2011l-1%208-1-11c-2-14-3-14-5%201l-1%2011V98l-1-11c-2-3-3-1-4%2011l-1%207c0-13-1-22-3-23-1-2-2%201-3%2016l-1%2013V97l-1-15c-3-3-3-2-4%2018l-1%2018h-3l-1%201h-1l-1%201-1-18c-1-15-2-22-4-22l-1%2011c0%2014-2%2020-2%208%200-10-1-19-2-17-2%204-3%2010-3%2017%200%2010-1%209-1-2-1-8-4-17-4-13l-1%2015-2%2015v-13c0-11%200-13-2-14-3-1-3-1-3%2012%200%2011-2%2012-2%201l-1-9-2-5v3a166%20166%200%2000-3%2018l-1-4-1-7c0-7-1-11-2-11l-1%208c0%2014-2%2017-2%204l-1-13c-2-1-3%203-4%2015l-1%2013v-10l-3-12c-2-2-2%202-3%2018l-1-5c-1-21-5-25-5-6l-1%2010-1-6-1-12c-1-5-1-5-2-2l-2%2014-1%2011v-10c0-9-1-12-3-10l-2%2014c0%2012-1%2012-1%206l-1-13-1-11c-2-3-2-3-3-1l-1%2012-1%209v-6l-2-6-1-1-1-2-1%2011c-1%2013-2%2015-2%205%200-7-2-15-3-15s-2%205-2%2011c0%205%200%205-1-2l-2-10c-1-5-2%201-3%2016l-1%2014-1-13c0-14-1-16-3-14l-3%2014-1%2012c-1-2-1-2-2%202s0%205%201%206c2%201%203%201%203-6%201-8%203-9%204-1%200%204%200%205%201%204h2c1%201%201%200%201-3%200-9%202-10%202-3l2%208c1%201%201%200%201-3v-3c1%201%201%201%201-2%200-4%202-7%202-5l2%208c0%208%202%208%202%201%200-12%202-14%204-4l1%205v-9l1%203c0%203%201%202%201-4%201-8%203-6%203%204l2%209c1%202%202-1%202-5%200-11%203-15%203-5%200%206%201%209%202%206l1-6c0-4%201-7%202-6l2%207c1%2010%202%2010%202-1%201-11%203-10%204%201%201%209%203%2010%203%201l1-9%201-2%201%202%201%208c0%207%201%209%202%204l1-7c0-10%203-9%204%202%200%209%202%2012%202%204l1-8%201-4v3l1%204%202%205c0%204%202%202%202-4%200-10%203-10%204%201%200%209%202%2010%202%201%201-9%202-11%203-11l1%206%201%2010c1%205%202%202%203-9%200-10%202-12%202-3%202%2013%202%2014%203%206%202-15%203-16%204-2%201%2011%203%2011%203%200l2-9c1%200%202%204%202%209%200%208%201%209%205%209l4-1-3-1c-3%201-4%200-4-1%200-2%202-4%202-2l1-1%201-2%202%203c2%204%202%204%203-6%200-8%202-9%202-2l1%209c0%205%202%203%202-3l2-12%201%208c2%2014%204%2012%204-3%200-5%202-7%203-2a876%20876%200%20013%2013l2-14%201%207c2%2011%203%2013%203%205%202-15%203-16%204-4s3%2012%203%201c1-12%203-13%204%200l1%209%202-8c0-11%203-12%203-2%202%2011%203%2012%203%201%201-8%201-10%203-9l1%207c0%2014%202%2014%204%200%200-11%202-12%203-2%201%2013%202%2015%202%207%202-15%203-16%204-3l2%209c1%202%202-1%202-5%200-10%203-14%203-5l1%209c1%202%201%202%201-2l3-12%202%207c1%2011%202%2012%202%202%201-7%202-9%203-9l1%204c0%2014%202%2015%203%202%201-10%203-10%204%201l1%206v1l1%203%201-5c2-7%202-7%204-1%201%205%202%204%203-5%200-10%203-9%203%202%200%207%202%209%202%203%202-14%203-15%204-4%201%209%203%2010%203%200%201-8%204-14%204-7s1%2016%202%2015l1-5%202-10%202%207c1%2014%203%2013%204-2%200-11%202-13%202-3l1%209%202%202v-2l1-6a689%20689%200%20004%207v5l1-6c2-14%203-15%204-3%201%209%203%209%203-1%201-11%203-11%204%200l1%204c0-3%200-3%201-2v3l-1%204c2%201%202-1%203-7%201-10%202-10%203-2%200%208%202%2012%202%206l1-3%201-4v-2l-1%202c-1%202-1%201-1-3l1-6c1-1%201%201%201%203%200%204%200%204%201%202s1-2%201%202c0%2011%203%2017%203%207%200-9%202-11%203-2%202%2012%203%2012%205%200%200-8%202-10%202-3%200%206%201%2011%202%2011l1-7c1-10%204-11%204%200%200%206%201%208%202%204l1-7%201-4c1-3%202-1%202%204%200%203%200%204%201%203v3l1%204%201-4%201-8c1-4%201-4%202-2l2%209c1%209%202%203%202-10s1-26%202-24l1%2022%202%2017%201-7%202-8c1-2%203%200%203%204l1%203%201-10%201-15c1-8%202-5%203%2011l1%2011c1%201%202-9%202-17%200-5%201-7%202-3l1%2013c0%2010%201%2020%202%2014v-3l-1-10c0-19%200-23-1-19%200%202-1%202-1%201v-4l1-2-2-4c-1-4-2-1-2%206%200%206%200%205-1-5l-3-13c-2-1-2-1-2%206\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/533d2b0e96950d8bf1d89869041d97d7/5251b/2019-12-30-16-37-31.webp 167w,\n/static/533d2b0e96950d8bf1d89869041d97d7/7390e/2019-12-30-16-37-31.webp 334w,\n/static/533d2b0e96950d8bf1d89869041d97d7/7c056/2019-12-30-16-37-31.webp 668w,\n/static/533d2b0e96950d8bf1d89869041d97d7/0a92e/2019-12-30-16-37-31.webp 1002w,\n/static/533d2b0e96950d8bf1d89869041d97d7/40d0b/2019-12-30-16-37-31.webp 1198w\"\n              sizes=\"(max-width: 668px) 100vw, 668px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/533d2b0e96950d8bf1d89869041d97d7/21521/2019-12-30-16-37-31.png 167w,\n/static/533d2b0e96950d8bf1d89869041d97d7/86d36/2019-12-30-16-37-31.png 334w,\n/static/533d2b0e96950d8bf1d89869041d97d7/74866/2019-12-30-16-37-31.png 668w,\n/static/533d2b0e96950d8bf1d89869041d97d7/d69c4/2019-12-30-16-37-31.png 1002w,\n/static/533d2b0e96950d8bf1d89869041d97d7/e72de/2019-12-30-16-37-31.png 1198w\"\n            sizes=\"(max-width: 668px) 100vw, 668px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/533d2b0e96950d8bf1d89869041d97d7/74866/2019-12-30-16-37-31.png\"\n            alt=\"2019 12 30 16 37 31\"\n            title=\"2019 12 30 16 37 31\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span></p>\n<h3 id=\"参照元メディア\" style=\"position:relative;\"><a href=\"#%E5%8F%82%E7%85%A7%E5%85%83%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2\" aria-label=\"参照元メディア permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>参照元メディア</h3>\n<p>検索エンジンを除けばトップは Twitter 経由のアクセスでした。</p>\n<p>絶対数ではなく変化率で見るともっとも増加が多かったのははてブ、続いて Twitter、GitHub 経由のアクセスでした。<br>\n今年ははてブの人気のエントリーに何度か載ってたようで、はてブ経由のアクセスが急激に跳ねてるタイミングが何度かありました。<br>\nTwitter の方はフォロワー数が去年に比べてかなり増えたので、ただ記事をツイートしただけでも閲覧数は増えるだろうなと思います。<br>\nGitHub に関しては<a href=\"https://github.com/denolib/awesome-deno\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">denolib/awesome-deno</a>に<a href=\"https://blog.leko.jp/post/code-reading-of-deno-boot-process/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Deno のコードリーディング記事</a>が掲載されたので、そこからの流入が多かったです。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 668px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 76.04790419161675%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'305\\'%20viewBox=\\'0%200%20400%20305\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M36%204v4l1%201c-1%201%200%201%201%201l3-1%201-1%201%201c-1%201%201%201%203%201%204%200%205%200%206-2h1c0%203%204%203%205%200%202-3%201-5-1-3-1%202-1%202-1%200s-1-2-3-2c-3%200-3%200-3%203v3l-1-3c0-3%200-3-3-3l-3%201h-7m226%2015c0%203%203%205%204%203h1l16-1c1-2%208-2%209%200l1%202%204-6h-6l-3%201-5%201h-1c0-2-1-2-3-2-1%200-2%200-1%201%203%200%202%202%200%202-2%201-2%200-2-2s0-2-7-2h-7v3\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/53846bd920b2d9a9ea5cb67a6a68c7a4/5251b/2019-12-30-16-53-23.webp 167w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/7390e/2019-12-30-16-53-23.webp 334w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/7c056/2019-12-30-16-53-23.webp 668w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/f23e7/2019-12-30-16-53-23.webp 814w\"\n              sizes=\"(max-width: 668px) 100vw, 668px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/53846bd920b2d9a9ea5cb67a6a68c7a4/21521/2019-12-30-16-53-23.png 167w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/86d36/2019-12-30-16-53-23.png 334w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/74866/2019-12-30-16-53-23.png 668w,\n/static/53846bd920b2d9a9ea5cb67a6a68c7a4/a4262/2019-12-30-16-53-23.png 814w\"\n            sizes=\"(max-width: 668px) 100vw, 668px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/53846bd920b2d9a9ea5cb67a6a68c7a4/74866/2019-12-30-16-53-23.png\"\n            alt=\"2019 12 30 16 53 23\"\n            title=\"2019 12 30 16 53 23\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span></p>\n<h2 id=\"検索エンジン経由の人気記事\" style=\"position:relative;\"><a href=\"#%E6%A4%9C%E7%B4%A2%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3%E7%B5%8C%E7%94%B1%E3%81%AE%E4%BA%BA%E6%B0%97%E8%A8%98%E4%BA%8B\" aria-label=\"検索エンジン経由の人気記事 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>検索エンジン経由の人気記事</h2>\n<p>検索エンジン経由の人気記事はこんな感じでした。</p>\n<p>アクセス数の多い記事のうち上位何件かをピックアップします。<br>\n今年の新入り記事は dotenv のみでした。他にも古い記事がランクインしてましたが省略します。</p>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/introduction-of-emmet/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Emmet を始めるのに、とりあえずこれだけ覚えておけば大丈夫 | WEB EGG</a></p>\n</blockquote>\n<p>↑ ブログ開始当初から不動の１位。この記事をパクったしょーもないメディアを結構見かけるくらいにはアクセスがあるようです。\nHTML 書く機会が減ってしまって私自身はもう Emmet を殆ど使ってないのですが、いまだにアクセスが集まる記事です。</p>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/fix-require-relative-path-of-php/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">php で require_once するときに相対パスでハマった | WEB EGG</a></p>\n</blockquote>\n<p>↑ これも毎年順位が高いです。検索順位が高いとどうしてもアクセスが集まってしまう悲しい記事。<br>\n今更この知識いるのか。PSR4 でオートロードとか言ってた時代ってもう何年前だよ。という感想。</p>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/you-might-not-need-dotenv-in-source/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">プログラム内で dotenv を読み込むのをやめた話 | WEB EGG</a></p>\n</blockquote>\n<p>検索トラフィックでアクセスの多かった記事は、**ずっと昔に書いたやつばかりじゃん…。**その記事たち多分もう古いよ…という感触です。<br>\nここ数年書いてるものは JS 界隈に浸かってる人にしか刺さらない狙い撃ちの記事が多いので、大衆受けしないというのは分かっているのですが、代表的な記事がちゃんと自分のやってる分野でありたいなと悔しさを感じています。<br>\nここ数年ずっと検索上位に来るような記事を書けてないと反省し、来年はこれらが全て塗り替えられるくらい良い記事を書いていきたいです。</p>\n<h2 id=\"リファラルsns-の人気記事\" style=\"position:relative;\"><a href=\"#%E3%83%AA%E3%83%95%E3%82%A1%E3%83%A9%E3%83%ABsns-%E3%81%AE%E4%BA%BA%E6%B0%97%E8%A8%98%E4%BA%8B\" aria-label=\"リファラルsns の人気記事 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>リファラル/SNS の人気記事</h2>\n<p>主に Twitter とはてブで人気だった記事は、検索トラフィックとはかなり顔ぶれが違います。</p>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/code-reading-of-deno-boot-process/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Dive into Deno：プロセス起動から TypeScript が実行されるまで | WEB EGG</a></p>\n</blockquote>\n<p>↑Deno が発表されてそんなに経ってない頃、「とりあえず Deno 読んどくか」ってノリで書いた記事。めちゃくちゃ長いです。\nただ、この記事書いた当初にここまで細かくコードを追う記事は無かったので圧倒的な記事のボリュームに「すごそう」って拡散された記憶があります。</p>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/copy-function-of-developer-tools/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">開発者ツールで使える便利な copy 関数 | WEB EGG</a></p>\n</blockquote>\n<p>↑ あかめさんにツイートされて、そんなにふぁぼリツいってないのになぜかはてブに飛び火してアクセスが伸びました。</p>\n<blockquote class=\"twitter-tweet\"><p lang=\"ja\" dir=\"ltr\">開発者ツールで使える便利なcopy関数 | WEB EGG <a href=\"https://t.co/uLw26q26uZ\">https://t.co/uLw26q26uZ</a> 普通に知らなかった...便利じゃん</p>&mdash; あかめ@転職活動中。気軽にDMお願いします.js (@akameco) <a href=\"https://twitter.com/akameco/status/1172880627764355073?ref_src=twsrc%5Etfw\">September 14, 2019</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/impression-comparison-of-middleman-and-gatsby/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">ブログを Middleman から Gatsby に乗り換えた雑感 | WEB EGG</a></p>\n</blockquote>\n<p>↑ 今年の年始に書いた記事です。今年は Gatsby 力がとても伸びました。</p>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/ocr-web-gl-with-tesseract-js/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">寿司打の限界を目指して <del>WebGL の OCR</del> | WEB EGG</a></p>\n</blockquote>\n<p>↑ 今年のアドカレで書いたネタ記事。タイトルだけで分かるゴリ押し、エンジニア童心をくすぐる懐かしいネタがいい感じに刺さったようです。</p>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/introduce-the-new-typescript-playground-for-advanced-use/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">「外部パッケージの型定義もインストールし推論できる TypeScript playground を作った」という題で登壇してきました＋スライドの補足 | WEB EGG</a></p>\n</blockquote>\n<p>↑ 作りました。まだこの当時は TS の公式 playground で外部パッケージの推論ができなかったので実益があったのと、monaco-editor や TypeScript Compiler API とか内部で使用してる技術がブラウザ IDE 界隈の進捗を生むきっかけになれたようです。</p>\n<blockquote class=\"twitter-tweet\"><p lang=\"ja\" dir=\"ltr\"><a href=\"https://twitter.com/L_e_k_o?ref_src=twsrc%5Etfw\">@L_e_k_o</a> 進捗です <a href=\"https://t.co/8GkNmTlmNn\">https://t.co/8GkNmTlmNn</a></p>&mdash; HDMI (@mizchi) <a href=\"https://twitter.com/mizchi/status/1194630582057107456?ref_src=twsrc%5Etfw\">November 13, 2019</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n<blockquote>\n<p>— <a href=\"https://qiita.com/mizchi/items/5c5cb5abcb22d87f9031#typescript-%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%A9%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Monaco Editor をハックする - Qiita</a></p>\n</blockquote>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/jsconfeu2019/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">JSConf EU 2019 に行ってきました | WEB EGG</a></p>\n</blockquote>\n<p>↑ 会長こと@yosuke_furukawa が 「JSConf JP をやるぞ、そのために本家行くぞ！」と言ってたのに感化され、はじめての海外カンファレンスにいってきた記事です。</p>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/more-easy-to-use-npm-scripts/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">タブ補完で peco で npm-scripts をもっと超簡単に実行したい | WEB EGG</a></p>\n</blockquote>\n<p>↑ これがないと JS のプロジェクト触りたくないってレベルに便利なスタメンです。</p>\n<hr>\n<blockquote>\n<p>— <a href=\"https://blog.leko.jp/post/what-benefit-of-intl-number-format/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Intl.NumberFormat でゼロ埋めや％表記などの数値表現を楽に実装する | WEB EGG</a></p>\n</blockquote>\n<p>↑ 身の回りに浸かってる人少ないなー、便利なのにと思って書いたら予想以上に反響があった記事です。</p>\n<h2 id=\"まとめ\" style=\"position:relative;\"><a href=\"#%E3%81%BE%E3%81%A8%E3%82%81\" aria-label=\"まとめ permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>まとめ</h2>\n<p>ソーシャル経由での流入は見て欲しい記事をちゃんと見てもらえてるなと思ったのですが、検索経由のトラフィックはタイムスリップしたかのような感覚でびっくりしました。<br>\n年々少しずつですがアクセスが増えていってるのでこのブログを必要としてくれていることを実感し感謝しつつ来年も書きたい記事を気が向くままに書いていきます。</p>","timeToRead":8,"frontmatter":{"title":"WEB EGG 2019年アクセス解析＋人気記事の振り返り","tags":null,"date":"December 30, 2019","featuredImage":null}}},"pageContext":{"slug":"/webegg-summary-2019/","previous":{"fields":{"slug":"/package-management-in-deno-with-import-map/"},"frontmatter":{"title":"Import mapsでDenoのパッケージのバージョンを管理したい","tags":["TypeScript","Deno"]}},"next":{"fields":{"slug":"/change-jobs-2020/"},"frontmatter":{"title":"株式会社CureAppを退職します","tags":[]}}}},
    "staticQueryHashes": ["2585454260","2954598359"]}