') 0 0 100% repeat;border-image:url('data:image/svg+xml;charset=utf-8,') 0 0 100% repeat;border-style:solid;border-width:0 0 8px;margin:60px auto;width:432px}& ol{padding:10px 20px}& ol li{line-height:1.5;margin-bottom:10px}& ul{list-style:none;padding:10px 20px}& ul li{line-height:1.5;margin-bottom:10px}& blockquote{background-color:#eee;border-radius:2px;box-shadow:0 0 1.5px 1.5px #ddd;margin-bottom:20px;margin-left:1rem;margin-top:12px;padding:18px 30px 18px 60px;position:relative;width:85%;& p{line-height:1.6;margin:0}&:before{color:#999;content:"❝";font-size:4rem;margin-left:-50px;position:absolute;top:50%;-webkit-transform:translateY(-40%);transform:translateY(-40%)}}.post-module--blog-post--1yMd- table{margin:40px 0}}.post-module--blog-post--1yMd- th{background:var(--post-link-color);border:1px solid #bbb;color:#fff;font-weight:400;line-height:1.3;padding:10px 15px;vertical-align:middle}.post-module--blog-post--1yMd- td{border:1px solid #bbb;line-height:1.3;padding:10px 20px}.post-module--blog-post--1yMd- aside{background-color:rgba(57,106,252,.15);border-radius:3px;box-shadow:0 0 1.5px 1.5px rgba(57,106,252,.25);margin-bottom:20px;padding:18px 30px 18px 60px;position:relative;width:85%}.post-module--blog-post--1yMd- aside p{font-size:.95rem;line-height:1.6;margin:0}.post-module--blog-post--1yMd- aside:before{background-color:rgba(57,106,252,.4);border-radius:100%;content:"💡";font-size:clamp(1.05rem,1.8vw,1.3rem);margin-left:-50px;padding:8px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.post-module--blog-post--1yMd- details{border-radius:5px;box-shadow:0 0 2px 3px #eee;margin:20px 0;padding:15px 0 15px 25px;width:90%}.post-module--blog-post--1yMd- summary{cursor:pointer}.post-module--blog-post--1yMd- details[open]{padding:15px 0 5px 25px}.post-module--blog-post--1yMd- details[open] summary{margin-bottom:15px}.post-module--blog-post--1yMd- img{max-width:90%}@media (max-width:768px){.post-module--blog-post--1yMd-{margin:0 auto 50px}.post-module--blog-post--1yMd- h1{margin:30px 0 20px;width:100%}.post-module--blog-post--1yMd- h2{margin:45px 0 20px;padding:4px 0 4px 1.2rem}.post-module--blog-post--1yMd- h3{margin-bottom:10px;padding:3px 0}.post-module--blog-post--1yMd- p{margin-bottom:10px}.post-module--blog-post--1yMd- hr{width:216px}.post-module--blog-post--1yMd- ul{padding:5px 15px}.post-module--blog-post--1yMd- blockquote{border-left:6px solid #bbb;border-radius:0;padding:10px 12px;width:80%}.post-module--blog-post--1yMd- blockquote:before{display:none}.post-module--blog-post--1yMd- table{-webkit-overflow-scrolling:touch;display:block;margin:25px auto;overflow-x:scroll;white-space:nowrap}.post-module--blog-post--1yMd- td,.post-module--blog-post--1yMd- th{padding:5px 8px}.post-module--blog-post--1yMd- aside{padding:10px 15px 0 50px;width:85%}.post-module--blog-post--1yMd- aside p{line-height:1.5}.post-module--blog-post--1yMd- aside:before{font-size:1.5rem;height:2.5rem;margin-left:-40px;width:2.5rem}}.post-module--before-and-after--3GGAL{margin-left:13vw;margin-top:50px;width:max(50%,324px)}.post-module--before--znotA{margin-bottom:30px}.post-module--after--KI6Da,.post-module--before--znotA{border:2px solid #bbb;border-radius:3px;color:var(--text-color);display:block;padding:15px 19px 5px;text-decoration:none;transition:.25s}.post-module--after--KI6Da:hover,.post-module--before--znotA:hover{background:hsla(0,0%,86%,.4)}.post-module--title--4X1pO{border-bottom:3px dotted var(--heading-bar-color);color:var(--text-color);font-size:var(--body);letter-spacing:1px;margin-bottom:15px;padding-bottom:7px}.post-module--post-title--2Jbij{line-height:1.5;margin-bottom:10px}@media (max-width:768px){.post-module--before-and-after--3GGAL{margin:0 auto}.post-module--after--KI6Da,.post-module--before--znotA{padding:10px 15px}.post-module--title--4X1pO{margin-bottom:10px}.post-module--before--znotA{margin-bottom:15px}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.pageinfo-module--count-info--QzzSK{font-size:clamp(1.15rem,1.8vw,1.5rem);margin:0 auto 50px;text-align:center}.pageinfo-module--page--17lBI{margin:10px 0 20px}.pageinfo-module--page--17lBI span{font-size:clamp(1.75rem,2vw,2.8rem)}.postList-module--post-list--1lvaU{list-style:none;width:clamp(400px,65vw,1000px)}.postList-module--post-item--RwSCk{border-bottom:1px solid #bbb;display:block;margin:0 auto;padding:30px 50px 30px 40px;text-decoration:none;transition-duration:.2s;width:clamp(280px,85%,920px)}.postList-module--post-item--RwSCk:first-of-type{border-top:1px solid #bbb}.postList-module--post-title--1oKUA{margin-bottom:10px}.postList-module--post-link--2kULN{color:var(--link-color);font-size:clamp(1.2rem,2vw,2rem);font-weight:500;line-height:1.5}.postList-module--post-link--2kULN:hover{-webkit-text-fill-color:hsla(0,0%,100%,0);background:linear-gradient(135deg,var(--main-color) 10%,var(--sub-color) 90%);-webkit-background-clip:text;background-clip:text}.postList-module--svg--2J7Vv{margin-right:8px}.postList-module--date--3Rvd9,.postList-module--description--2jMnd,.postList-module--series--1TOHc,.postList-module--tags--1_paP{font-size:clamp(.9rem,1.5vw,1rem)}.postList-module--date--3Rvd9{display:flex;list-style:none;margin-bottom:5px}.postList-module--post--2maDi,.postList-module--update--DS7rJ{margin-right:20px;padding:3px 7px 3px 0;text-decoration:none}.postList-module--description--2jMnd,.postList-module--series--1TOHc,.postList-module--tags--1_paP{line-height:1.5;margin-bottom:5px;padding:3px 7px 3px 0;text-decoration:none}.postList-module--series--1TOHc a,.postList-module--tags--1_paP a{color:var(--link-color);line-height:1.5;margin-right:9px;transition-duration:.1s}.postList-module--series--1TOHc a:hover,.postList-module--tags--1_paP a:hover{-webkit-text-fill-color:hsla(0,0%,100%,0);background:linear-gradient(135deg,var(--main-color) 10%,var(--sub-color) 90%);-webkit-background-clip:text;background-clip:text}.postList-module--tags--1_paP{display:flex;list-style:none}@media (max-width:768px){.postList-module--post-item--RwSCk{margin-bottom:20px;padding:8px 15px}.postList-module--description--2jMnd,.postList-module--post--2maDi,.postList-module--series--1TOHc,.postList-module--tags--1_paP,.postList-module--update--DS7rJ{margin-bottom:5px;padding:0}.postList-module--series--1TOHc a,.postList-module--tags--1_paP a{margin:0 5px}}.pagination-module--pagination--3tdZ1{margin:100px auto 80px;min-height:1px;position:relative;width:50%}.pagination-module--prev--2HIcg{left:0;& svg{margin-right:8px}}.pagination-module--next--mkD9b{right:0;& svg{margin-left:8px}}.pagination-module--next--mkD9b,.pagination-module--prev--2HIcg{border:2px solid var(--heading-bar-color);border-radius:50px;color:var(--heading-bar-color);display:inline-block;font-weight:500;padding:5px 20px;position:absolute;text-decoration:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.1s;&:hover{background:var(--heading-bar-color);color:#fff}}.pagination-module--nation-links--NIzon{font-size:1.45rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pagination-module--items--34Hk1{list-style:none;margin:0 10px;.pagination-module--text--1t83q{background-color:var(--heading-bar-color);color:#fff;padding:.7rem 1rem}.pagination-module--link--2yfly{& a{background-color:#888;color:#fff;display:block;padding:.7rem 1rem;text-decoration:none}&:hover a{background-color:var(--heading-bar-color)}}}@media (max-width:768px){.pagination-module--pagination--3tdZ1{display:none}}.mobilePagination-module--mobile-pagination--hC0Ii{font-size:1.5rem;font-weight:100;height:43px;margin:20px auto 50px;position:relative;width:93%}.mobilePagination-module--lastButton--2pmZS,.mobilePagination-module--nextButton--u3eU5,.mobilePagination-module--prevButton--1B2s2,.mobilePagination-module--topButton--h21CT{background-image:linear-gradient(180deg,#eee,#ddd);border:1px solid #ccc;border-radius:2px;color:#444;padding:8px 0;position:absolute;text-align:center;width:20%}.mobilePagination-module--topButton--h21CT{left:2.2%}.mobilePagination-module--prevButton--1B2s2{left:27%}.mobilePagination-module--nextButton--u3eU5{right:27%}.mobilePagination-module--lastButton--2pmZS{right:2.2%}@media (min-width:768px){.mobilePagination-module--mobile-pagination--hC0Ii{display:none}}
このブログについて | 鳥に生まれることができなかった人へこのブログは何なのか
このブログは私の個人ブログです。
GatsbyというWebフレームワークを使用して作成しました。Githubのリポジトリはこちら(外部リンク)です。
📝 何を書いているのか
基本的にIT、プログラミングに関することを書いています。あと、技術には全然関係ない日記代わりにも使いたいと思います。
🔖 記事をシリーズ・タグ分けしています
単発で終わるような記事ではなくシリーズ化した一連の記事をたくさん書きたいと思っています。そのため、記事ごとにシリーズ分類を設けました。また、タグも付与しています。
このブログのモットー
⚙️ 最小構成
技術を説明するにあたり、その環境はできる限りの最小構成を目指します。
「Node.jsからMongoDBへの接続方法を紹介します」という解説ページがあったとして、「MongoDBはDockerで用意します」だとDockerがわからない人はその時点で躓きますよね🙀。
私自身そういうことに多く遭遇したので、私はできるだけシンプルな環境で「とにかく一つのことだけに集中して理解する」場を作りたいです。その結果、記事数が多くなったり1ページの分量が長くなったりするかもしれませんが、メリットや分かりやすさの向上も大きいと思っています。
👞 スモールステップでハンズオン
目標は細かく、小さく設定します。そしてハンズオン形式で手を動かし、その都度結果を確認します。
🥇 世界一「参考」の多い記事を目指す
このブログ上に、私が生み出したオリジナルの考えやテクニック、私しか知らない知識は一つもありません。全てはインターネットや書籍から拾い上げた情報です。記事を書く上で参考にしたページや書籍は出来る限り「参考」としてリンクを貼って紹介したいと思います。
参考としてリンクを張ることには以下のようなメリットがあると考えています。
- 1️⃣ 情報を発信してくれた先人・巨人への感謝を伝え、読者に紹介する(リンク先のSEO的にも多少有利になる?)
- 2️⃣ 「もっと詳しい情報が欲しい」と思う読者への道標になる
- 3️⃣ どの情報を参照したかを整理することで、筆者自身のデータベースになる
世界一は言い過ぎでした、上位10%位を目指します。
📅 日時情報は大事
当ブログのほとんど全てのページには、「投稿日時」「更新日時」を記載しています。
個人的な感覚ですが、「投稿日」や「更新日時」が記載されていないページはあまり参考にする気が起きません。これは技術情報だけではなくて、商品のレビューをしているものや、個人の日記のようなものも含めです。私はページを訪れた際、タイトルの次に自然と日時情報を確認します。
「SEOに有利だから」ではなく、ユーザーに日時情報を伝えるため、「更新されている」ないし「更新されていない」ことを知らせるため、日時情報は多くのページで必須だと思っています。