{
    "componentChunkName": "component---src-templates-tagged-posts-jsx",
    "path": "/tag/React",
    "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":"Reduxの新しいContext APIが発表され、2ヶ月くらいが経過した。 — React’s ⚛️ new Context API – DailyJS – Medium 私は少しバージョンの古いReactを主に使っているため、しばらく情報を追わずにいたが、 — React…","fields":{"slug":"/why-i-need-redux-with-react-new-context/"},"frontmatter":{"date":"April 10, 2018","title":"ReactのNew Context APIは便利だけどreduxを使うのはやめないと思った","featuredImage":null}}},{"node":{"timeToRead":13,"excerpt":"2019/05/06追記 この記事は古いです 当サイトはMiddlemanからGatsbyに移行したため、この記事の内容は古くなっております。 動作デモはありませんが、Middleman…","fields":{"slug":"/implement-site-search-with-algolia/"},"frontmatter":{"date":"August 17, 2017","title":"Algoliaを利用してMiddleman製サイトに検索機能を実装する","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":"こんにちは。 React Nativeで音声の録音機能を実装した時のメモです。 使用するライブラリはAndroidにも対応しているので、iOS/Android両方対応してみます。 つくったもの — Leko/ReactNative-KitchenSink: Kitchen…","fields":{"slug":"/rn-audio-record/"},"frontmatter":{"date":"July 25, 2017","title":"React nativeで音声を録音する","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='165'%20viewBox='0%200%20400%20165'%20preserveAspectRatio='none'%3e%3cpath%20d='M206%206v6h194V0H206v6M95%2020c0%201-1%202-2%201-3%200-3%200-3%202s3%204%204%202h17c2%201%206%201%206-1%200-3%202-2%202%200%201%204%205%203%205-1s-1-5-2-3l-8%201-8%201h-1l-3-1c-1%201-2%200-2-1h-5M48%20145c0%202%200%202-1%201%200-2-1-2-1-1l-1-1c-1-1-1-1-1%201s-1%203-4%201c-1-2-3-2-3-1l-2-1c-3-1-3-1-4%201h-7l-1-2-1%201h-7l2%201%201%203c0%202%200%202%201%201l5-1h5l2-1%201-1c0%202%202%202%209%202h5c3%200%203-1%203-3%200-4-1-4-1%200'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.420289855072464,"src":"/static/1d908d149b3ad712f8636d800bf063bf/8eab8/featured-image.png","srcSet":"/static/1d908d149b3ad712f8636d800bf063bf/1ec58/featured-image.png 334w,\n/static/1d908d149b3ad712f8636d800bf063bf/ccb4a/featured-image.png 668w,\n/static/1d908d149b3ad712f8636d800bf063bf/8eab8/featured-image.png 1336w,\n/static/1d908d149b3ad712f8636d800bf063bf/85e22/featured-image.png 2004w,\n/static/1d908d149b3ad712f8636d800bf063bf/ebefb/featured-image.png 2058w","srcWebp":"/static/1d908d149b3ad712f8636d800bf063bf/f7e47/featured-image.webp","srcSetWebp":"/static/1d908d149b3ad712f8636d800bf063bf/cd98f/featured-image.webp 334w,\n/static/1d908d149b3ad712f8636d800bf063bf/7535d/featured-image.webp 668w,\n/static/1d908d149b3ad712f8636d800bf063bf/f7e47/featured-image.webp 1336w,\n/static/1d908d149b3ad712f8636d800bf063bf/f6b67/featured-image.webp 2004w,\n/static/1d908d149b3ad712f8636d800bf063bf/8aa9d/featured-image.webp 2058w","sizes":"(max-width: 1336px) 100vw, 1336px"}}}}}},{"node":{"timeToRead":5,"excerpt":"この記事は12/8 クソアプリ Advent Calendarの記事です。 表題のとおりです。 はい。 はいじゃないが。ということでアプリの紹介と内部で使用した技術の紹介をしようと思います。 アプリの概要 URLはこちらです。 なお、 PC版Chrome…","fields":{"slug":"/create-cheap-apps-about-girlish-number/"},"frontmatter":{"date":"December 08, 2016","title":"難波社長と「勝ったな ガハハ」できるクソアプリ作った","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='544'%20viewBox='0%200%20400%20544'%20preserveAspectRatio='none'%3e%3cpath%20d='M198%2013c-3%200-9%203-13%206l-8%204h-11c-11%200-11%200-19%204l-12%205c-5%202-41%2039-44%2045-1%202-4%205-9%208a55%2055%200%2000-16%2015l-3%203v43l-3%203c-5%205-11%204-14-2l-3-4c-4%206%204%2020%2011%2020%204%200%203%205-3%2012-2%203-3%203-8%203-6%200-7%202-2%206%207%205%2016%208%2025%206%208-1%2012-3%2016-11%204-9%204-9%207-2%203%205%205%208%205%205l-5-11c-2-1%200-8%203-11l1-2%203-5c5-5%2011-7%2020-7l7-1c0-1-2-3-4-3l-7-3c-7-3-11-1-18%209l-2%204%201-3v-17l1-13%204-3c7-6%209-8%2015-8%205-1%205-1%205-3-1-2%200-2%205-2l6-1%206-1c4%201%206%200%2011-3l7-3%205-2%206-3%2011-4c8-4%208-4%2019-4s20%202%2030%206l6%203h-4c-5%201-5%202%201%205s10%206%2010%208l7%207c9%208%2010%2010%207%2010s-3%202%201%205l8%2013v8c4%2016%202%2034-3%2038-3%202-9%200-14-4-4-4-6-3-3%202a149%20149%200%200026%2034c0%201%200%202%201%201%203-1%2011-12%2011-14s0-2%203%200c3%203%203%204-1%209-3%204-3%205-2%205%202%200%202%201%200%203-3%204-4%2011-2%2011l3-5c1-3%203-5%207-8%2013-10%2016-15%2011-23-3-5-6-4-3%202%202%206%201%209-6%2015-6%205-9%206-5%202%205-7%206-8%202-12l-4-5c0-4%209-19%2011-19l4%203c4%205%204%205%206%204%201-2%201-1%202%202%202%208%201%2012-3%2020l-8%2018c-6%2013-6%2013-13%2013l-8-1c-3-1-4%202-3%208l3%2021%201%2016-3%204c-1%203-4%205-6%207l-7%205-18%2010-1-42c-1-46%200-44-9-46-7-3-21-4-21-2l4%203c6%202%2010%205%2011%2011%201%207%201%207-3%204s-4-3-6-2c-4%202-16%203-30%202l-17%201-2%202c9%201%2044%200%2050-2%203-1%203%202-1%204s-7%203-24%205l-27%205c-11%202-28%208-23%208%204%200%201%203-3%203-12%201-7-8%2011-16%204-2%205-4%204-4-3-4-32%2018-32%2024%200%202%200%202%202%202%202-1%205%202%208%2010%205%2011%208%2017%2010%2018%203%203%203%201%201-5-3-5-3-7%200-3%203%203%206%204%2015%204%2013%200%2027-4%2046-15%207-5%208-4%202%203-5%205-16%2011-26%2014l-24%205c-3%200-5%202-2%203%205%202%2028-4%2039-10%2016-8%2028-26%2032-47%201-4%202%2030%201%2037v8l-9%207c-13%2011-36%2025-42%2025s-7-5-1-7c5-2%204-3-2-3l-10%202c-9%200-11%201-11%203l6%201%204%201c0%202-5%209-7%2010-4%201-16%200-22-1-7-2-10-3-10-7l-2-6-6-40v-12l4-9%203-10c-2-1-14%2012-14%2016s-3-4-4-13l-4-18c-3-13-4-19-2-33%201-10%201-13-1-11-1%200-2%206-2%2013l-1%2013v7c4%2015-2%2022-11%2013-6-6-7-4-3%205%205%2011%2017%2026%2023%2028l5%2048v15l6%204%2016%209%2015%207%206%203-1%208c0%209%200%209%206%206%204-4%206-4%208-1%201%203%201%203-12%2014l-5%205a829%20829%200%2001-45%2049c3-3%203-2%207%203l8%209%204%204-1%206-2%206c3%202%2013-10%2020-24%205-9%206-9%207-4l4%207c2%204%202%204%200%209-2%2011-1%2011%2016%205%209-3%2010-3%207-9l-2-3%2010-10c9-9%209-9%2010-7%202%203%203%200%201-3l-3-5c-1-5-11-22-16-30-4-6-4-6%204-13a504%20504%200%2001133-72c-3-2-3-2-12%202a512%20512%200%2000-71%2035c-20%2010-36%2020-49%2030-7%206-7%206-7%202l-3-6c-3-4-3-4-1-6%201-2%204-3%204-1s3%201%2010-6c7-6%2017-13%2019-13l10-6%2025-14c18-10%2017-10%2033-21%208-5%2013-10%2013-14a427%20427%200%2000-4-41l4%201c3%200%203%200%203%205%200%2012%209%2051%2012%2051l3-5c3-3%204-4%205-3%206%202%2015%203%2018%201%201-2%201-2-2-3-4-2-5-5-2-4%204%201%2011-1%2017-5s15-12%2015-14l4-6c4-5%206-11%206-16-1-5-3-6-3-2-1%205-17%2014-24%2014-4%200-4%200%201-5%206-6%205-10-1-6-6%203-16%200-18-6a54%2054%200%200110-32l8-12c7-13%208-14%207-7%200%204%200%204%201%203%206-6%209-27%205-43-3-15-18-44-25-51-4-3-4-4%201-3%205%200%205-2%200-3-7-2-15-9-17-14l-3-7v-3l-4-6-12-14a92%2092%200%2000-53-32l-12-2c-8-2-12-2-19%200m-70%2028c-10%209-13%2018-10%2028l14%2021-3-18c-3-10-1-22%204-32%203-5%201-5-5%201m90%200c-16%201-25%204-40%2014-12%208-12%209%200%204%2029-12%2062-10%2095%208l23%2014c6%205%2011%209%2011%207l-1-1-19-18c-16-16-19-19-24-21l-8-3c-3-3-23-5-37-4m-46%2069l-11%209c-11%2011-9%2013%204%205%2015-10%2025-11%2042-4%205%202%206%201%203-2-8-6-29-10-38-8m10%2037l-12%209%201%202c2%202%202%202%207-1%209-6%2022-8%2028-5%204%202%206%202%205%201-1-3-14-8-21-8l-8%202m103%2022c-4%203-7%209-7%2017v8l3-6%207-10%204-4%203%202%205%205c2%203%202%203%202%201s-7-12-10-14c-3-1-4-1-7%201m-178%201c-5%202-8%207-8%2012%200%207%201%207%205%202%205-7%2011-9%2019-7h3c0-5-12-9-19-7m25%2012l-2%207-5%2012c-4%207-4%208%200%2012%205%206%2022%2014%2022%2011l-11-7c-10-5-11-7-7-15%203-6%206-18%205-20h-2m166%20131a450%20450%200%2000-109%20116c1%202%200%204-2%207-3%206-3%208%202%204a398%20398%200%200078-81%201474%201474%200%200031-46m-140%2060c-5%204-5%205%200%207%203%201%204%203%205%2011l3%201c4%200%204%200%200-6-5-6-5-6-2-8%202-2%202-3%201-5-2-4-3-4-7%200m-10%208l-2%206-5%2010c-4%207-4%2010-1%206l8-6c4-3%205-4%205-8l3-4c3%200%202-2-1-3-4-2-5-2-7-1m-12%2030c0%204-6%2021-13%2033-4%208-4%2013%200%206a287%20287%200%200113-21l3-6-1-8c-2-7-2-8-2-4M11%20476l-1%2029c0%2027%200%2028%202%2029h377l3-1v-28l-1-29c-2-2-378-2-380%200m43%2019l-1%202%202%201-1%201-1%204v5c-1%201%200%201%201%202l1%201-2%202c0%202%201%202%203%200h7l-1-2v-1l2%202c0%203%200%203%205%202%205%200%208-2%204-3-2%200-3-2%200-2l1-2-1-1-2-1%202-1c1%200%201-2-1-3l1-2v-2l-1-2c0-3-2-3-3%200l-1%202v-2c0-2-2-3-3%200%200%201-1%201-3-1h-4c0-2-2-1-4%201m35-1v1H78c-1%201%203%204%204%203l1%205c0%205%200%205-2%204-1-1-1-2-3%203-2%204%200%207%202%203%201-2%201-2%201%200%201%202%204%202%208%200h5c2%202%202%202%203%201v-2c-3-1-4-3-3-6l3-9-3-1-3-1c0-2-2-3-2-1m14%201c1%201%200%201-1%202-3%200-2%202%202%203l2%201-3%202c-3%203-4%205-1%205l1%202c0%204%201%204%202%205l1-4c0-4%200-4%202-3%203%200%203-2%200-4v-2h1l2%201c2-1%202%200%202%204%200%203%200%204-3%204-5%201-2%203%205%203l7-1-3-2c-4%200-4-8%200-8l2-1-2-2c-3%200-3%200-3-3l-1-4c-2%200-2%201-2%204%200%202%200%203-2%203l-2-1-1-2-2-3-2-1-1%202m24%203c0%204%200%205-2%205-2%201-2%203%201%203l1%203-1%203-2%202c0%201%204%201%209-2%203-1%203-1%207%201l4%201c2-1%201-2-2-3-2-1-2-1-1-3l3-2c2%200%201-2-1-3l-1-5%201-4h-16v4m50-2c0%201-1%202-3%202-3%200-2%202%201%203%203%200%203%202%200%204-4%203-4%206-1%208%204%202%206%200%206-4%200-2%201-3%203-4%203%200%206%202%205%204-1%203-3%202-4%200%200-3-3-3-3%200%200%204%204%206%208%203%205-3-1-12-7-9l-2-1%202-2%202-2-2-1c-1%201-2%200-2-1l-1-2-2%202m95%200c0%202%200%202-2%202-3-1-3%201-1%202%203%201%203%203%200%203l-2%201%202%202%202%203c0%205%208%207%2012%203s2-9-5-9h-4c0-2%201-2%203-2l3-1c0-1-1-2-3-2s-2%200-2-2c1-1%200-2-1-2l-2%202m-48%201c-4%200-5%201-5%202h5c5%200%205%200%204%202-4%204-3%209%203%2012%204%201%204%201%204-1%200%200-1-2-3-2-6-2-2-11%204-11l2-1c0-2-1-2-14-1m24%200c-4%200-5%201-5%202h10l-2%203c-4%205-1%209%206%2012%202%200%202%200%202-2l-3-2c-6-1-4-8%203-10l3-3h-14m45%203v8l2-1c1-1%207-2%208-1%205%201%200%205-6%204-4%200-5%201-2%203%206%203%2015-2%2013-8-1-2-6-3-10-2-3%201-3%201-2-2%200-4-2-4-3-1m44-1c-2%202-1%205%202%209l4%205%206-11c0-2-3-4-5-3h-7'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.73568281938326,"src":"/static/69f469dd761d7cab7592cf205d75a602/c5e32/featured-image.png","srcSet":"/static/69f469dd761d7cab7592cf205d75a602/1ec58/featured-image.png 334w,\n/static/69f469dd761d7cab7592cf205d75a602/c5e32/featured-image.png 488w","srcWebp":"/static/69f469dd761d7cab7592cf205d75a602/753a5/featured-image.webp","srcSetWebp":"/static/69f469dd761d7cab7592cf205d75a602/cd98f/featured-image.webp 334w,\n/static/69f469dd761d7cab7592cf205d75a602/753a5/featured-image.webp 488w","sizes":"(max-width: 488px) 100vw, 488px"}}}}}}]}},"pageContext":{"tag":"React"}},
    "staticQueryHashes": ["2585454260","2954598359"]}