{
    "componentChunkName": "component---src-templates-tagged-posts-jsx",
    "path": "/tag/Gatsby",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG"}},"allMarkdownRemark":{"edges":[{"node":{"timeToRead":4,"excerpt":"前記事のGatsby 製サイトに Algolia のサイト内検索を実装するを実現するにあたって、色々ライブラリが増えるけどページのロード時間は増やしたくなかったので React Suspense（以下 Suspense）＋ React.lazy ＋ Dynamic import…","fields":{"slug":"/dynamic-import-tips-for-gatsby/"},"frontmatter":{"date":"May 07, 2019","title":"GatsbyでReactコンポーネントをDynamic importしてCode Splitするwork around","featuredImage":null}}},{"node":{"timeToRead":9,"excerpt":"ブログをGatsbyに移行してからずっとサボっていたサイト内検索機能ですが、ゴールデンウィークで時間があったので実装してみました。 なお、当記事はAlgolia自体の知識がある前提で書いてます。 Algolia自体の説明やMiddleman…","fields":{"slug":"/on-site-search-in-gatsby-with-algolia/"},"frontmatter":{"date":"May 06, 2019","title":"Gatsby製サイトにAlgoliaのサイト内検索を実装する","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='130'%20viewBox='0%200%20400%20130'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2060v35h13l23-1c12%200%2014-1%2011-5-1-2%200-2%2050-2a1654%201654%200%200096-4c0-4-1-4-56-5l-57-1c-16-4-17-26-3-33%204-2%208-2%2063-2a603%20603%200%200023-2c-27%200-31%200-30-1l1-4c-1-2-2-2-29-2H77l1-3-1-4-39-1H0v35m258-6c-2%204%204%2010%207%208s5-6%204-8c-1-3-10-3-11%200m76%205l-2%208-2%204h9c8%200%208%200%209-3l-1-3c-1-2%200-2%209-2h11v-6l-17-1h-16v3'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":3.0925925925925926,"src":"/static/805aa3b7b4b5304126127d01dcd71951/8eab8/featured-image.png","srcSet":"/static/805aa3b7b4b5304126127d01dcd71951/1ec58/featured-image.png 334w,\n/static/805aa3b7b4b5304126127d01dcd71951/ccb4a/featured-image.png 668w,\n/static/805aa3b7b4b5304126127d01dcd71951/8eab8/featured-image.png 1336w,\n/static/805aa3b7b4b5304126127d01dcd71951/85e22/featured-image.png 2004w,\n/static/805aa3b7b4b5304126127d01dcd71951/a9ec1/featured-image.png 2672w,\n/static/805aa3b7b4b5304126127d01dcd71951/b3888/featured-image.png 2878w","srcWebp":"/static/805aa3b7b4b5304126127d01dcd71951/f7e47/featured-image.webp","srcSetWebp":"/static/805aa3b7b4b5304126127d01dcd71951/cd98f/featured-image.webp 334w,\n/static/805aa3b7b4b5304126127d01dcd71951/7535d/featured-image.webp 668w,\n/static/805aa3b7b4b5304126127d01dcd71951/f7e47/featured-image.webp 1336w,\n/static/805aa3b7b4b5304126127d01dcd71951/f6b67/featured-image.webp 2004w,\n/static/805aa3b7b4b5304126127d01dcd71951/f71bf/featured-image.webp 2672w,\n/static/805aa3b7b4b5304126127d01dcd71951/650fc/featured-image.webp 2878w","sizes":"(max-width: 1336px) 100vw, 1336px"}}}}}},{"node":{"timeToRead":7,"excerpt":"（※↑ はただの記事用のサムネイル画像です） 記事の中に URL を書くだけで oEmbed 準拠のコンテンツを埋め込めるようにしました。 oEmbed を聞いたことない方はまずデモを見てみてください。 oEmbed…","fields":{"slug":"/gatsby-remark-discoverable-oembed/"},"frontmatter":{"date":"January 10, 2019","title":"Gatsbyの記事にoEmbed準拠のコンテンツを埋め込めるようにした","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='202'%20viewBox='0%200%20400%20202'%20preserveAspectRatio='none'%3e%3cpath%20d='M357%20145v10h16l17-1c2%200%202-2%202-10v-9h-35v10M20%20162c-2%200-1%209%201%209%207%203%2011-2%208-8-1-2-6-3-9-1m33%2016v5c0%203%201%204%206%204h5v-9l-5-1-6%201m14%2015v5c0%203%201%204%206%204h5v-9l-5-1-6%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.9880952380952381,"src":"/static/e5fd5f0d1c0b43905519a63730f60aa0/7d603/featured-image.png","srcSet":"/static/e5fd5f0d1c0b43905519a63730f60aa0/1ec58/featured-image.png 334w,\n/static/e5fd5f0d1c0b43905519a63730f60aa0/ccb4a/featured-image.png 668w,\n/static/e5fd5f0d1c0b43905519a63730f60aa0/7d603/featured-image.png 992w","srcWebp":"/static/e5fd5f0d1c0b43905519a63730f60aa0/34d2b/featured-image.webp","srcSetWebp":"/static/e5fd5f0d1c0b43905519a63730f60aa0/cd98f/featured-image.webp 334w,\n/static/e5fd5f0d1c0b43905519a63730f60aa0/7535d/featured-image.webp 668w,\n/static/e5fd5f0d1c0b43905519a63730f60aa0/34d2b/featured-image.webp 992w","sizes":"(max-width: 992px) 100vw, 992px"}}}}}},{"node":{"timeToRead":12,"excerpt":"2017年にこのブログはWordpressからMiddleman製に作り変えたのですが、この度MiddlemanからGatsbyへ移行しました。前回の移行の記事はこちらです。 — Wordpressで運用していたブログをMiddleman+Netlifyに変更した | WEB…","fields":{"slug":"/impression-comparison-of-middleman-and-gatsby/"},"frontmatter":{"date":"January 05, 2019","title":"ブログをMiddlemanからGatsbyに乗り換えた雑感","featuredImage":null}}}]}},"pageContext":{"tag":"Gatsby"}},
    "staticQueryHashes": ["2585454260","2954598359"]}