{"version":3,"file":"component---src-pages-about-tsx-3a8e8e305a45c5ba544f.js","mappings":"qMAmFA,UAlEoC,SAAC,GAAkB,IAC/CA,EAD8C,EAAfC,SACbC,SAExB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEC,MAAM,YACNH,SAAUA,EACVI,YAAY,oDAGd,gBAAC,IAAD,CACEC,UAAU,cAGZ,uBAAKC,UAAWC,EAAAA,IACd,gBAAC,IAAD,CAAiBC,KAAMC,EAAAA,IAAQH,UAAWC,EAAAA,KAD5C,OAGE,wBAAMD,UAAWC,EAAAA,IAAjB,eAGF,wBAAMD,UAAWC,EAAAA,IACf,+BACE,sBAAID,UAAWC,EAAAA,IAAf,cACA,kCAAS,qBAAGG,KAAK,qCAAR,KAAT,aACA,wEAA+C,qBAAGA,KAAK,+CAA+CC,OAAO,UAA9D,cAA/C,OAEA,sBAAIL,UAAWC,EAAAA,IAAf,gBACA,uFAEA,sBAAID,UAAWC,EAAAA,IAAf,wBACA,+GAGF,+BACE,sBAAID,UAAWC,EAAAA,IAAf,cACA,sBAAID,UAAWC,EAAAA,IAAf,WACA,+DACA,+HACA,gKAEA,sBAAID,UAAWC,EAAAA,IAAf,qBACA,2EAEA,sBAAID,UAAWC,EAAAA,IAAf,uBACA,wJACA,iEAEA,sBAAID,UAAWC,EAAAA,IACb,qFACA,4DACA,oEAGF,sDAEA,sBAAID,UAAWC,EAAAA,IAAf,cACA,oEACA,gKACA,uCAAc,sCAAd,iF,sMC3EH,IAAIK,EAAW,gCACXJ,EAAO,2BACPK,EAAO,2BACPC,EAAO,2BACPC,EAAU,+BACVC,EAAU,+BACVC,EAAO","sources":["webpack://toriwatari-blog/./src/pages/about.tsx","webpack://toriwatari-blog/./src/styles/404.module.css"],"sourcesContent":["import * as React from \"react\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport Header from \"../components/header\"\r\nimport Seo from \"../components/seo\"\r\n\r\nimport * as Styles from \"../styles/404.module.css\"\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\r\nimport { faUndo } from \"@fortawesome/free-solid-svg-icons\"\r\n\r\ntype Props = {\r\n  location: {\r\n    pathname: string\r\n  }\r\n}\r\n\r\nconst AboutPage: React.VFC<Props> = ({ location }) => {\r\n  const pagepath=location.pathname\r\n\r\n  return (\r\n    <Layout>\r\n      <Seo\r\n        title=\"このブログについて\"\r\n        pagepath={pagepath}\r\n        description=\"このブログは私の個人ブログです。GatsbyというWebフレームワークを使用して作成しました。\"\r\n      />\r\n\r\n      <Header\r\n        pageTitle=\"このブログについて\"\r\n      />\r\n\r\n      <div className={Styles.dateInfo}>\r\n        <FontAwesomeIcon icon={faUndo} className={Styles.icon}/>\r\n        更新日時\r\n        <time className={Styles.time}>2021.12.22</time>\r\n      </div>\r\n\r\n      <main className={Styles.main}>\r\n        <section>\r\n          <h2 className={Styles.h2Title}>このブログは何なのか</h2>\r\n          <p>このブログは<a href=\"https://github.com/kento-yoshidu/\">私</a>の個人ブログです。</p>\r\n          <p>GatsbyというWebフレームワークを使用して作成しました。Githubのリポジトリは<a href=\"https://github.com/kento-yoshidu/GatsbyBlog/\" target=\"_blink\">こちら(外部リンク)</a>です。</p>\r\n\r\n          <h3 className={Styles.h3Title}>📝 何を書いているのか</h3>\r\n          <p>基本的にIT、プログラミングに関することを書いています。あと、技術には全然関係ない日記代わりにも使いたいと思います。</p>\r\n\r\n          <h3 className={Styles.h3Title}>🔖 記事をシリーズ・タグ分けしています</h3>\r\n          <p>単発で終わるような記事ではなくシリーズ化した一連の記事をたくさん書きたいと思っています。そのため、記事ごとにシリーズ分類を設けました。また、タグも付与しています。</p>\r\n        </section>\r\n\r\n        <section>\r\n          <h2 className={Styles.h2Title}>このブログのモットー</h2>\r\n          <h3 className={Styles.h3Title}>⚙️ 最小構成</h3>\r\n          <p>技術を説明するにあたり、その環境はできる限りの最小構成を目指します。</p>\r\n          <p>「Node.jsからMongoDBへの接続方法を紹介します」という解説ページがあったとして、「MongoDBはDockerで用意します」だとDockerがわからない人はその時点で躓きますよね🙀。</p>\r\n          <p>私自身そういうことに多く遭遇したので、私はできるだけシンプルな環境で「とにかく一つのことだけに集中して理解する」場を作りたいです。その結果、記事数が多くなったり1ページの分量が長くなったりするかもしれませんが、メリットや分かりやすさの向上も大きいと思っています。</p>\r\n\r\n          <h3 className={Styles.h3Title}>👞 スモールステップでハンズオン</h3>\r\n          <p>目標は細かく、小さく設定します。そしてハンズオン形式で手を動かし、その都度結果を確認します。</p>\r\n\r\n          <h3 className={Styles.h3Title}>🥇 世界一「参考」の多い記事を目指す</h3>\r\n          <p>このブログ上に、私が生み出したオリジナルの考えやテクニック、私しか知らない知識は一つもありません。全てはインターネットや書籍から拾い上げた情報です。記事を書く上で参考にしたページや書籍は出来る限り「参考」としてリンクを貼って紹介したいと思います。</p>\r\n          <p>参考としてリンクを張ることには以下のようなメリットがあると考えています。</p>\r\n\r\n          <ul className={Styles.list}>\r\n            <li>1️⃣ 情報を発信してくれた先人・巨人への感謝を伝え、読者に紹介する（リンク先のSEO的にも多少有利になる？）</li>\r\n            <li>2️⃣ 「もっと詳しい情報が欲しい」と思う読者への道標になる</li>\r\n            <li>3️⃣ どの情報を参照したかを整理することで、筆者自身のデータベースになる</li>\r\n          </ul>\r\n\r\n          <p>世界一は言い過ぎでした、上位10%位を目指します。</p>\r\n\r\n          <h3 className={Styles.h3Title}>📅 日時情報は大事</h3>\r\n          <p>当ブログのほとんど全てのページには、「投稿日時」「更新日時」を記載しています。</p>\r\n          <p>個人的な感覚ですが、「投稿日」や「更新日時」が記載されていないページはあまり参考にする気が起きません。これは技術情報だけではなくて、商品のレビューをしているものや、個人の日記のようなものも含めです。私はページを訪れた際、タイトルの次に自然と日時情報を確認します。</p>\r\n          <p>「SEOに有利だから」<strong>ではなく</strong>、ユーザーに日時情報を伝えるため、「更新されている」ないし「更新されていない」ことを知らせるため、日時情報は多くのページで必須だと思っています。</p>\r\n        </section>\r\n      </main>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default AboutPage\r\n","// extracted by mini-css-extract-plugin\nexport var dateInfo = \"_404-module--date-info--3jQro\";\nexport var icon = \"_404-module--icon--2QF7d\";\nexport var time = \"_404-module--time--zlZ0i\";\nexport var main = \"_404-module--main--gNRB-\";\nexport var h2Title = \"_404-module--h2-title--2Z_a1\";\nexport var h3Title = \"_404-module--h3-title--8HKJg\";\nexport var list = \"_404-module--list--1J81D\";"],"names":["pagepath","location","pathname","title","description","pageTitle","className","Styles","icon","faUndo","href","target","dateInfo","time","main","h2Title","h3Title","list"],"sourceRoot":""}