{"version":3,"sources":["webpack:///./src/components/headline.js","webpack:///./src/components/tag.js","webpack:///./src/components/most-viewed-articles.js","webpack:///./src/components/all-tags.js","webpack:///./src/pages/index.tsx","webpack:///./src/components/read-more-button.js","webpack:///./src/components/thumb.js","webpack:///./src/components/cassette.js","webpack:///./src/components/tags.js","webpack:///./src/components/recent-articles.js"],"names":["Headline","str","style","paddingLeft","paddingBottom","paddingTop","paddingRight","backgroundColor","marginBottom","dangerouslySetInnerHTML","__html","Tag","tag","trim","to","value","borderWidth","margin","padding","borderRadius","MostViewedArticles","posts","useStaticQuery","allMarkdownRemark","edges","node1","find","post","node","fields","slug","node2","node3","node4","link","substring","key","AllTags","forEach","frontmatter","description","tag_arr","split","map","tags","Array","from","Set","filter","n","BlogIndex","data","location","siteTitle","site","siteMetadata","title","siteDescription","ReadMoreButton","textAlign","type","border","width","color","textDecoration","display","Thumb","hero","src","alt","height","objectFit","objectPosition","Cassette","href","boxShadow","fontSize","date","rhythm","borderLeft","flex","alignSelf","position","excerpt","Tags","RecentArticles"],"mappings":"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","file":"component---src-pages-index-tsx-9fb10fcf7bc6c506a7e4.js","sourcesContent":["import React from \"react\"\n\nconst Headline = ({str}) => {\n\n  return (\n    <h2\n      style={{\n        paddingLeft: '10px',\n        paddingBottom: '10px',\n        paddingTop: '10px',\n        paddingRight: '10px',\n        backgroundColor: '#eee',\n        marginBottom: 10,\n      }}\n      dangerouslySetInnerHTML={{__html: str}}\n    />\n  )\n}\n\nexport default Headline\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Tag = ({tag}) => {\n  tag = tag.trim( )\n\n  return (\n    <Link to={`/tag/${tag}`}>\n      <button\n        value={tag}\n        style={{\n          backgroundColor: \"#eeeeee\",\n          borderWidth: 0,\n          margin: 1,\n          padding: 1,\n          borderRadius: 2,\n        }}\n      >\n        {tag}\n      </button>\n    </Link>\n  )\n}\n\nexport default Tag\n","import React, {Fragment} from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Cassette from \"../components/cassette\"\nimport Headline from \"../components/headline\"\n\nconst MostViewedArticles = () => {\n  const data = useStaticQuery(graphql`\n  query {\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC } ) {\n      edges {\n        node {\n          excerpt(truncate: true)\n          fields {\n            slug\n          }\n          html\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            description\n            hero\n          }\n        }\n      }\n    }\n  }\n  `\n)\n  const posts = data.allMarkdownRemark.edges;\n\n  const node1 = posts.find(post => post.node.fields.slug === '/2016/06/05/180312/');\n  const node2 = posts.find(post => post.node.fields.slug === '/2020/09/20/144916/');\n  const node3 = posts.find(post => post.node.fields.slug === '/2016/10/17/235220/');\n  const node4 = posts.find(post => post.node.fields.slug === '/2017/02/05/160910/');\n\n  return (\n    <Fragment>\n      <Headline str=\"よく読まれている記事\"/>\n        <Cassette node={node1.node} link={node1.node.fields.slug.substring(1)} key={node1.node.fields.slug} />\n        <Cassette node={node2.node} link={node2.node.fields.slug.substring(1)} key={node2.node.fields.slug} />\n        <Cassette node={node3.node} link={node3.node.fields.slug.substring(1)} key={node3.node.fields.slug} />\n        <Cassette node={node4.node} link={node4.node.fields.slug.substring(1)} key={node4.node.fields.slug} />\n    </Fragment>\n  )\n}\n\nexport default MostViewedArticles\n","import React, {Fragment} from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Tag from \"./tag\"\nimport Headline from \"./headline\"\n\nfunction AllTags(){\n  const data = useStaticQuery(graphql`\n    query {\n      allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n        edges {\n          node {\n            excerpt(truncate: true)\n            fields {\n              slug\n            }\n            html\n            frontmatter {\n              date(formatString: \"MMMM DD, YYYY\")\n              title\n              description\n              hero\n            }\n          }\n        }\n      }\n    }\n    `)\n\n  const posts = data.allMarkdownRemark.edges;\n  let str = \"\";\n  posts.forEach((post) => {\n    if (post.node.frontmatter.description){\n      str = str + \",\" + post.node.frontmatter.description\n    }\n  });\n\n  let tag_arr = str.split(\",\");\n  tag_arr = tag_arr.map((tag) => {return tag.trim()});\n  const tags = Array.from(new Set(tag_arr));\n\n  return (\n    <Fragment>\n      <Headline str={'記事カテゴリ一覧'} />\n      {tags.filter(n => n !== \"\").map((tag) => {return(<Tag tag={tag} />) })}\n    </Fragment>\n  );\n}\n\nexport default AllTags\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport RecentArticles from \"../components/recent-articles\"\nimport MostViewedArticles from \"../components/most-viewed-articles\"\nimport ReadMoreButton from \"../components/read-more-button\"\nimport AllTags from \"../components/all-tags\"\nimport { BlogIndexQuery } from '../../types/graphql-types'\n\ninterface IBlogIndexProps {\n  data: BlogIndexQuery;\n  location: Location;\n}\n\n\nconst BlogIndex: React.FC<IBlogIndexProps> = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata.title\n  const siteDescription = data.site.siteMetadata.description\n\n  return (\n    <Layout location={location} title={siteTitle} description={siteDescription}>\n      <SEO title = \"top\" />\n      <RecentArticles />\n      <ReadMoreButton />\n      <MostViewedArticles />\n      <ReadMoreButton />\n      <AllTags />\n      <Bio />\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query BlogIndex {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }, limit: 4) {\n      edges {\n        node {\n          excerpt(truncate: true)\n          fields {\n            slug\n          }\n          html\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            description\n            hero\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport {Link} from \"gatsby\"\n\nconst ReadMoreButton = () => {\n\n  return (\n    <div style={{textAlign: \"center\"}}>\n      <button type={\"button\"} style={{border: 0, margin: 20, padding: 10, width: \"90%\", color: \"#eb6317\"}}>\n        <Link style={{textDecoration: \"none\"}} to={'/entry'}>\n          <span style={{display: \"block\"}}>すべての記事</span>\n        </Link>\n      </button>\n    </div>\n  )\n}\n\nexport default ReadMoreButton\n","import React from \"react\"\n\nconst Thumb = ({ hero }) => {\n\n  if ( hero ){\n    return(\n      <img src={ hero } alt={ \"blog thumbnail\" } style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'top'}} />\n    )\n  }else{\n    return(\n      <img src={\"/mustang.jpg\"} alt={ \"blog thumbnail\" }  style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'top'}} />\n    )\n  }\n\n}\n\nexport default Thumb\n","import React from \"react\"\n\nimport { rhythm } from \"../utils/typography\"\nimport Tags from \"./tags\"\nimport Thumb from \"./thumb\"\n\nconst Cassette = ({ node, link }) => {\n\n  const title = node.frontmatter.title || node.fields.slug\n  return(\n    <article key={node.fields.slug} style={{ padding: \"10px 0px\", margin: \"10px 0px\" }}>\n      <header>\n        <a href={`/entry/${link}`} style={{ boxShadow: `none`, textDecoration: `none`, color: `#000` }}>\n          <div>\n            <section\n              style={{\n                marginBottom: 5,\n                display: \"inline-block\",\n                paddingLeft: 4,\n                paddingRight: 4,\n                backgroundColor: \"#000\",\n                color: \"#fff\",\n                fontSize: 10,\n              }}\n              dangerouslySetInnerHTML={{__html: node.frontmatter.date}}\n            />\n            <h3\n              style={{\n                marginBottom: rhythm(1 / 4),\n                paddingLeft: '10px',\n                paddingBottom: '10px',\n                paddingTop: '10px',\n                backgroundColor: '#eee',\n                borderLeft: \"10px solid #111\",\n              }}\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n          </div>\n        </a>\n        <Tags tags={ node.frontmatter.description } />\n      </header>\n      <section style={{margin: \"5px 0px 0px 0px\"}}>\n        <a href={`/entry/${link}`} style={{ boxShadow: `none`, textDecoration: `none`, color: `#000` }}>\n          <div\n            style={{\n              display: 'flex',\n            }}\n          >\n            <div\n              style={{\n                flex: 1,\n                display: 'inline-flex',\n                alignSelf: 'flex-start',\n                position: 'relative',\n                paddingTop: 5\n              }}\n            >\n              <Thumb hero={ node.frontmatter.hero } />\n            </div>\n            <div\n              style={{\n                flex: 2,\n                display: 'inline-flex',\n                alignSelf: 'flex-start',\n                paddingLeft: 10,\n                paddingRight: 10\n              }}\n              dangerouslySetInnerHTML={{__html: node.excerpt}}\n            />\n          </div>\n        </a>\n      </section>\n\n  </article>\n  )\n}\n\nexport default Cassette\n","import React from \"react\"\nimport Tag from \"./tag\"\n\nconst Tags = ({tags}) => {\n  const str = tags ?  tags : \"\";\n\n  if (str === \"\"  ) {\n    return(\n      <small></small>\n    )\n  } else {\n    return(\n      <small>\n        {str === \"\" ? \"\" : \"カテゴリー: \"}\n        { str.split(',').map( (tag) => {return ( <Tag tag={tag} key={tag} /> )} ) }\n      </small>\n    )\n  }\n}\n\nexport default Tags\n","import React, {Fragment} from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Cassette from \"../components/cassette\"\nimport Headline from \"../components/headline\"\n\nconst RecentArticles = () => {\n  const data = useStaticQuery(graphql`\n  query {\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }, limit: 4) {\n      edges {\n        node {\n          excerpt(truncate: true)\n          fields {\n            slug\n          }\n          html\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            description\n            hero\n          }\n        }\n      }\n    }\n  }\n  `\n)\nconst posts = data.allMarkdownRemark.edges\n\n  return (\n    <Fragment>\n      <Headline str=\"最新記事\"/>\n      {posts.map(({ node }) => {\n        return(<Cassette node={node} link={node.fields.slug.substring(1)} key={node.fields.slug} />)\n      })}\n    </Fragment>\n  )\n}\n\nexport default RecentArticles\n"],"sourceRoot":""}