{"componentChunkName":"component---src-templates-blog-post-js","path":"/2020-10/2020-10-26-1526/","result":{"data":{"site":{"siteMetadata":{"title":"sasaki takeru Blog"}},"markdownRemark":{"id":"2346ff84-3cbd-5b6d-a5a6-977bc8aa2ffb","excerpt":"とにかくblogをつくりたい https://www.gatsbyjs.com/tutorial/\nhttps://www.gatsbyjs.com/docs/quick-start/ https://www.gatsbyjs.com/starters/gatsbyjs/gatsby-starter-blog…","html":"<h1>とにかくblogをつくりたい</h1>\n<p><a href=\"https://www.gatsbyjs.com/tutorial/\">https://www.gatsbyjs.com/tutorial/</a>\n<a href=\"https://www.gatsbyjs.com/docs/quick-start/\">https://www.gatsbyjs.com/docs/quick-start/</a></p>\n<p><a href=\"https://www.gatsbyjs.com/starters/gatsbyjs/gatsby-starter-blog/\">https://www.gatsbyjs.com/starters/gatsbyjs/gatsby-starter-blog/</a>\n<a href=\"https://github.com/gatsbyjs/gatsby-starter-blog\">https://github.com/gatsbyjs/gatsby-starter-blog</a></p>\n<h1>インストール</h1>\n<p>ねんのため、nodeを最新にしておいて、、</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">brew upgrade node\n\n14:59:41 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% node -v\nv15.0.1\n14:59:43 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% npm -v\n7.0.3\n\n15:00:30 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% npm install -g gatsby-cli\nnpm ERR! Cannot read property &#39;matches&#39; of undefined\n\nnpm ERR! A complete log of this run can be found in:\nnpm ERR!     /Users/takeru/.npm/_logs/2020-10-26T06_00_41_739Z-debug.log</code></pre></div>\n<p>は？いきなりなんだよ。</p>\n<p><a href=\"https://nodejs.org/ja/download/\">https://nodejs.org/ja/download/</a>\nおすすめは12か・・・</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">15:11:49 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% brew uninstall node\nUninstalling /usr/local/Cellar/node/15.0.1... (3,331 files, 61.2MB)\n\n15:16:35 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% node -v\nv12.19.0\n15:16:43 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% npm -v\n6.14.8</code></pre></div>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">15:16:49 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]% npm install -g gatsby-cli\nnpm WARN deprecated @hapi/joi@15.1.1: Switch to &#39;npm install joi&#39;\nnpm WARN deprecated @hapi/address@2.1.4: Moved to &#39;npm install @sideway/address&#39;\nnpm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained\nnpm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained\nnpm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained\nnpm WARN deprecated core-js@2.6.11: core-js@&lt;3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.\n/usr/local/bin/gatsby -&gt; /usr/local/lib/node_modules/gatsby-cli/cli.js\n\n&gt; core-js@2.6.11 postinstall /usr/local/lib/node_modules/gatsby-cli/node_modules/core-js\n&gt; node -e &quot;try{require(&#39;./postinstall&#39;)}catch(e){}&quot;\n\nThank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!\n\nThe project needs your help! Please consider supporting of core-js on Open Collective or Patreon:\n&gt; https://opencollective.com/core-js\n&gt; https://www.patreon.com/zloirock\n\nAlso, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)\n\n\n&gt; gatsby-telemetry@1.3.38 postinstall /usr/local/lib/node_modules/gatsby-cli/node_modules/gatsby-telemetry\n&gt; node src/postinstall.js || true\n\n\n&gt; gatsby-cli@2.12.111 postinstall /usr/local/lib/node_modules/gatsby-cli\n&gt; node scripts/postinstall.js\n\n╔════════════════════════════════════════════════════════════════════════╗\n║                                                                        ║\n║   Gatsby collects anonymous usage analytics                            ║\n║   to help improve Gatsby for all users.                                ║\n║                                                                        ║\n║   If you&#39;d like to opt-out, you can use `gatsby telemetry --disable`   ║\n║   To learn more, checkout https://gatsby.dev/telemetry                 ║\n║                                                                        ║\n╚════════════════════════════════════════════════════════════════════════╝\nSuccess!\n\nWelcome to the Gatsby CLI! Please visit https://www.gatsbyjs.org/docs/gatsby-cli/ for more information.\n\nnpm WARN gatsby-interface@0.0.193 requires a peer of gatsby@^2.6.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN gatsby-interface@0.0.193 requires a peer of react-dom@^16.8.1 but none is installed. You must install peer dependencies yourself.\nnpm WARN acorn-dynamic-import@4.0.0 requires a peer of acorn@^6.0.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN theme-ui@0.2.52 requires a peer of @mdx-js/react@^1.0.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/popover@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/alert@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/tooltip@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/dialog@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/menu-button@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/tabs@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/combobox@0.10.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/utils@0.10.5 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/visually-hidden@0.10.4 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/portal@0.10.5 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/auto-id@0.10.5 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/descendants@0.10.5 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\nnpm WARN @reach/rect@0.10.5 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself.\n\n+ gatsby-cli@2.12.111\nadded 862 packages from 625 contributors in 45.899s\n\n\n   ╭────────────────────────────────────────────────────────────────╮\n   │                                                                │\n   │      New minor version of npm available! 6.13.7 → 6.14.4       │\n   │   Changelog: https://github.com/npm/cli/releases/tag/v6.14.4   │\n   │               Run npm install -g npm to update!                │\n   │                                                                │\n   ╰────────────────────────────────────────────────────────────────╯\n\n15:18:36 tkrimac3:~/proj/flutter-firebase-gatsby-takeru[master]%</code></pre></div>\n<p>いきなりいろいろ言われてもわかんないですよ。\nWARNたくさんあるけどなんだ？</p>\n<h1>blogをつくる</h1>\n<p><a href=\"https://qiita.com/k-penguin-sato/items/7554e5e7e90aa10ae225\">https://qiita.com/k-penguin-sato/items/7554e5e7e90aa10ae225</a>\nちょうどいこれを見ながら・・・</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">gatsby new my-blog https://github.com/gatsbyjs/gatsby-starter-blo\ncd my-blog/\ngatsby develop</code></pre></div>\n<p>で、<a href=\"http://localhost:8000/\">http://localhost:8000/</a> でた〰！</p>\n<h1>デプロイ</h1>\n<p>netlifyにデプロイもできた。</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 581px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/1c651cb9c275d84d402a6ebd7c683009/92d15/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.39.59.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 120.88607594936708%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAACXBIWXMAAAsTAAALEwEAmpwYAAADuElEQVQ4y51T225bRRQ9j5CSpiqQhiR24gtp4ti5hwKVmgoSUSRUiQf4Ab6C50pEghfUX0D9A/qEaGnTVoKmiV2S2I4dJ7Zz7GP7nONztc99oRnbUeyEVLClpdmz98yatWfPMAOhSQyv3cXV8DSuTRBEKQYnongvHMG16zG8G5qi/vjMEsZnl+CLLiC0cAOBuWUEZpcR+fgWxmYW8c5oEMxAOILQN99hcGoegZkl+GOLNEkwPDVLNw1NxjASmcP8yioWb68h+ukKbqx+SefTn9zCzTtf0dilkQCYAX8YV0aD6B8N0hMI+n0h9PuCuOwLUZD5ZX8YfcPjePuDsa6RkLw15Kf+lfEJMKS05c/vIHbzNpY/+4Kq8UXnEZz7CFeDk7REopqUPRZbpIrfD0fgjy5Qn1wFyQ9dj2Hww2kwRBFhJ+OlkSD6RgLoGw7Qk0m8o6LlB9r5bp/kW1WFwSysrCL+9w5ebm1jczt+gpcnfqI1xhMtbCe6/Ffx1/hz8xUebzzDo6cbYNa+/hbEckdFFI7LKFd47GcPUWQ5ite7e+AFERdZNpvFz/fv45cHD4jCNQA2DDmHhphEU8qgqeRhSGno9Qxs24LruvA8j8JxnBNYtk0Jn714gfUff8JWIgHm+3s/wLZMcOUCRJ6FwLPguCL4apHOa7wASVaoSkEUKTkxQt7xN54/x731dewkk2BIgCQs24HteHBcwDRtGKYN1wMM06RqCAFR1EXoedQ/yufx68OH2CYKTceBWJdoE/bSaWzG48jl86gJAv7a2sJOKoXdVJo24ahQpARuu/zTpB1jLMeBa9sQeAGyJEMQBGiKCts02zGJxkVBgK5qeJMximGgUBdRUhWwsoySIoOVJRSlOlhFxrEsUZAciR0J/IVgxIaOPzJp/JbcxaN0Eo/3U/g9tUf9J5k0nmT3u/D04GIwjuehqWpIJ/dxkDlA/jCPXDYHtnCM/2NM07bhuC7s9rvqwG53luT+CyjheUYI67p2potvVGi0Cb1TT4FwGJaFPF8DeQWnn0rv2t55i7BnQcdETT0T613Xmz9TMjmAlergFBkVRQavaxB0DSVZguO55xKTn0S+pqKqLYXkO6maDsu0ICoKUuUSctUKDmtVWnaR53FQ4aDqOgzDgGVZJ8SmZUFvNFA4ZlFkS62vZ1k2qjUesqKgXpdQq9bAlTmUSmVwXAX5fBGiKKIuSajyPNRTP0aSZbpP1TSKc7tMTtT0Bh0bzSZV77juhXfZdYfdHf73Z3Lemt69/wDLGzDMBKJmlAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"できた1\"\n        title=\"できた1\"\n        src=\"/static/1c651cb9c275d84d402a6ebd7c683009/92d15/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.39.59.png\"\n        srcset=\"/static/1c651cb9c275d84d402a6ebd7c683009/c26ae/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.39.59.png 158w,\n/static/1c651cb9c275d84d402a6ebd7c683009/6bdcf/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.39.59.png 315w,\n/static/1c651cb9c275d84d402a6ebd7c683009/92d15/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.39.59.png 581w\"\n        sizes=\"(max-width: 581px) 100vw, 581px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span>\n<span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/442bf350a00350cf2b17e366567f0fad/b4098/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 108.22784810126582%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAADbklEQVQ4y41U224bVRQdBPQiGii95NI4MXFixyR1qpCQmgSkcnnhqS/9GdTXCsRP8IZ45oXyAL+B1DRxMrbH9lzsuY/neC4L7T2eqZsEiSMtnTNn5qxZe+29jzS3vIbbmw0sNJ/g7tom5mvbuF/dxr2NLcbdSh2l7V0sbz1CeWcP5Z19VHYPsNr4DLdKFXy4uoG5lfUC0lxpDR/XGlhsfoOF6nZxeKm+gwefPsJC7SE29pqo7jVRPzhCbf+Q5/Xdx0x2+5Ma46NylZ+lOf5DBXfKG7xxbb6EawsruE5YXMWNxdVsb76E93Pcz55vLpUZN5bK+GB5LSO8VVrHnUodjaOv0Th6gq3mV4z6wZeo7n+BGuOQsfn5IWqz2D/kbzYPjrDyMLNAIjXfPn0GzRjin1fHeH3awuvWGZReH34QwPN8eL4P1/PguO4lmJYFGr//8SfevfcAkvTOdTz+7nvEUQxZ7kDXDLQ7XQxUDUEQwPcDJhZigqtGmqY8v/zrb0jSe5Ce//gzfvn1NzhCoD0a4nw0hOn7SJMUcRwjSRLESVIcvDjoGxrHpy388OInSPmLkW1D0TQoug7dHEEIActxMLIsWLbNGJkWq7Zp3zQ5ZPrR7M8kOwgQCAFjOGL/Wucygwhassx7p2fnOJPbOD45ZdKOouDVyQmU/oAjoDGJIhCXNI4iBJPL/iRTpFPk6yhJinWcphBR9AZxDInIJkmCgaaxso7SQ0tuc0hMTASENOU5D3F2PQsmJObxOOTyCMMQ4zBEFEWXsvl/wIRhFMGd1pVuGNCNIfqqysSkJCe/ePiqURCSMtOy0R+oHL6q6ZwoSg4p/68aTC6ACSkxQ9PEQNchd7qcvW6/D7mrQNUNeH4Ax/NgOy6XUl5OoRCI4pgznKMgpJfBeAzH9bjN8najPXrHCAXbwBhnPueFn+MtD8m783YHXaWHXn/Aainb1HoE+oHrenAcl+erfCwIudFtm32j8Knp6ZnWpEjQd0JwT+eKKdz4ArKQJxNWMDQtzu5A0xmqYUAzjMwGssD3Ybtulv00zQipCmZ8LBRatsM3TLfX5wwTegMV7a7Ce7RWdb1QJ6ZqaY5nirwgJLnkEfUqNT95RCVj8uXgZHvTZNEdSRnnO9FxEUXx2x5SyJOpfOrPOE1m1m9AfXwV6Gzez/8CW33QABI7JegAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"できた2\"\n        title=\"できた2\"\n        src=\"/static/442bf350a00350cf2b17e366567f0fad/f058b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png\"\n        srcset=\"/static/442bf350a00350cf2b17e366567f0fad/c26ae/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png 158w,\n/static/442bf350a00350cf2b17e366567f0fad/6bdcf/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png 315w,\n/static/442bf350a00350cf2b17e366567f0fad/f058b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png 630w,\n/static/442bf350a00350cf2b17e366567f0fad/b4098/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202020-10-26%2015.42.57.png 816w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p> <a href=\"https://nervous-bartik-3220fe.netlify.app/\">https://nervous-bartik-3220fe.netlify.app/</a></p>\n<p>へぇ、人類の進化はすごいな。</p>","frontmatter":{"title":"gatsby-starter-blogでそれいけ","date":"October 26, 2020","description":null}},"previous":{"fields":{"slug":"/2020-10/2020-10-26-1427/"},"frontmatter":{"title":"Gatsbyでblogをつくる"}},"next":{"fields":{"slug":"/2020-10/2020-10-26-1600/"},"frontmatter":{"title":"ブログ更新!!"}}},"pageContext":{"id":"2346ff84-3cbd-5b6d-a5a6-977bc8aa2ffb","previousPostId":"6b1a6671-e144-5cdb-bab0-4fae7724e812","nextPostId":"32a5dfcc-e5e2-5074-a19f-2ee5505094c7"}},"staticQueryHashes":["2841359383","3257411868"]}