{"version":3,"sources":["webpack:///./src/components/headline.js","webpack:///./src/components/tag.js","webpack:///./src/components/thumb.js","webpack:///./src/components/cassette.js","webpack:///./src/components/tags.js","webpack:///./src/components/recent-articles.js","webpack:///./src/components/ad-article-under-rect.js","webpack:///./src/components/ad-article-inner-mini.js","webpack:///./src/components/related-articles.js","webpack:///./src/templates/blog-post.js"],"names":["Headline","str","style","paddingLeft","paddingBottom","paddingTop","paddingRight","backgroundColor","marginBottom","dangerouslySetInnerHTML","__html","Tag","tag","trim","to","value","borderWidth","margin","padding","borderRadius","Thumb","hero","src","alt","width","height","objectFit","objectPosition","Cassette","node","link","title","frontmatter","fields","slug","key","href","boxShadow","textDecoration","color","display","fontSize","date","rhythm","borderLeft","tags","description","flex","alignSelf","position","excerpt","Tags","split","map","RecentArticles","posts","useStaticQuery","allMarkdownRemark","edges","substring","AdArticleUnderRect","slot","id","marginTop","AdArticleInnerMini","RlatedArticles","reg","RegExp","cassets","filter","n","match","slice","BlogPostTemplate","data","pageContext","location","post","markdownRemark","siteTitle","site","siteMetadata","siteDescription","previous","next","img","html"],"mappings":"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","file":"component---src-templates-blog-post-js-1f9eda2b2de1fe0accd2.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 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","import React from \"react\"\n\nconst AdArticleUnderRect = ({slot, id}) => {\n  return (\n    <div style={{marginTop: 20, marginBottom: 20}} dangerouslySetInnerHTML={{ __html: `</script><!-- ${slot} --><div id=\"${id}\" style=\"width: 336px; height: 280px;\"><script>googletag.cmd.push(function() { googletag.display('${id}'); });</script></div>` }} />\n  )\n}\n\nexport default AdArticleUnderRect\n","import React from \"react\"\n\nconst AdArticleInnerMini = ({slot, id}) => {\n  return (\n    <div style={{marginTop: 20, marginBottom: 20}} dangerouslySetInnerHTML={{ __html: `</script><!-- ${slot} --><div id=\"${id}\" style=\"width: 336px; height: 75px;\"><script>googletag.cmd.push(function() { googletag.display('${id}'); });</script></div>` }} />\n  )\n}\n\nexport default AdArticleInnerMini\n","import React, {Fragment} from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Cassette from \"../components/cassette\"\nimport Headline from \"../components/headline\"\nimport RecentArticles from  \"../components/recent-articles\"\n\nfunction RlatedArticles({description}){\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  const str = description ?  description : \"\";\n\n  if(str === \"\" ){\n    return (\n      <RecentArticles />\n    );\n  } else {\n    const tag = str.split(',')[0];\n    const reg = new RegExp(tag);\n    const title = `${tag} カテゴリーの最新記事`;\n    const cassets = posts.filter(n => { return n.node.frontmatter.description != null &&  n.node.frontmatter.description.match(reg)}).map(({ node }) => {\n      return(<Cassette node={node} link={node.fields.slug.substring(1)} key={node.fields.slug} />);\n    });\n\n    return (\n      <Fragment>\n        <Headline str={title}/>\n          {cassets.slice(0, 4)}\n      </Fragment>\n    );\n  }\n}\n\nexport default RlatedArticles\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 AdArticleUnderRect from \"../components/ad-article-under-rect\"\nimport AdArticleInnerMini from \"../components/ad-article-inner-mini\"\nimport RelatedArticles from \"../components/related-articles\"\nimport Tags from \"../components/tags\"\nimport { rhythm } from \"../utils/typography\"\n\nconst BlogPostTemplate = ({ data, pageContext, location }) => {\n  const post = data.markdownRemark\n  const siteTitle = data.site.siteMetadata.title\n  const siteDescription = data.site.siteMetadata.description\n  const { previous, next } = pageContext\n\n  return (\n    <Layout location={location} title={siteTitle} description={siteDescription}>\n      <SEO\n        title={post.frontmatter.title}\n        img={post.frontmatter.hero}\n        description={post.frontmatter.description || post.excerpt}\n        slug={post.fields.slug}\n      />\n      <article>\n        <header>\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          >\n            {post.frontmatter.date}\n          </section>\n          <h2\n            style={{\n              marginBottom: 10,\n              backgroundColor: \"#eee\",\n              borderLeft: \"10px solid #111\",\n              paddingLeft: '10px',\n              paddingBottom: '10px',\n              paddingTop: '10px',\n            }}\n          >\n            {post.frontmatter.title}\n          </h2>\n        </header>\n        <Tags tags={ post.frontmatter.description }/>\n        <AdArticleInnerMini slot={\"/22116655052/h-article-inner-1\"} id={\"div-gpt-ad-1601181081263-0\"} />\n        <section dangerouslySetInnerHTML={{ __html: post.html }} />\n        <hr\n          style={{\n            marginBottom: rhythm(1),\n          }}\n        />\n        <AdArticleUnderRect slot={\"/22116655052/h-article-under-1\"} id={\"div-gpt-ad-1601184917895-0\"} />\n        <footer>\n          <RelatedArticles description={ post.frontmatter.description } />\n          <Bio />\n        </footer>\n      </article>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      fields {\n        slug\n      }\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n      }\n    }\n  }\n`\n"],"sourceRoot":""}