GatsbyJSで爆速ブログ構築

December 01, 2020

祝!新ブログ建立

この度、GatsbyJS を使って新しいブログが構築できました 👏

ブログ構築までの所要時間はおよそ 3 分程度でした。

特にまとまりのない経緯

2020 年になって早 11 ヶ月が経過しました。

何度もブログに書き起こそうとするたびにブログのデザインを作っては捨てを繰り返していたら今年がもう終わりそうです。すごい!

毎回デザインだの記事の分類機能だのを作り込んでいるうちに飽きて記事自体を書かずに終わってます。不思議ですね?

今回も例に漏れずそんな感じでしたが、最近培ったプロダクトマネジメント思考をもとに考えた結果とりあえず周辺環境とかどうでも良いのでとりあえず記事だけ出そうとなりました。

賑やかし程度の技術トピック

ブログ建立初日はとりあえず使っている技術の話をするという ブログ界隈鉄の掟 に従って、本ブログの構築手順について解説していきます

※やってみた系記事です。

gatsby-starter-blogでテンプレートを作成

今回は GatsbyJS を使って雑にブログを始められる gatsby-starter-blog というテンプレートを利用してブログを構築しました。 事前に gatsby-cli を手元にインストールしておきましょう。

CLI ツールを使うたびに毎回思いますが、プロジェクトないで必要になるパッケージをわざわざグローバルインストールして使わせようとするのやめてほしいですね。

gatsby new my-blog-starter https://github.com/gatsbyjs/gatsby-starter-blog

上のコマンドを叩くと、 my-blog-starter という名前でプロジェクトのディレクトリができています。 名前は自分の好きなものに変えましょう。

ディレクトリ直下に gatsby-config.js というファイルがあるので崇高なる製作者様の情報を消しながら自分のものに書き換えていきましょう。 content/assets/profile-pic.jpg は製作者様の自画像になっているので適当に自分の画像に差し替えます。

npm run develop で問題なく動作していることが確認できたらビルドして GitHub Pages に公開しましょう。

おわりに

近年、SSG の市場拡大によって多くの洗練されたツールが世に出回り、ブログ作ってみた系記事が段々とクソ記事化するようになってきました。 自作ブログへの障壁が低くなり、誰でも簡単にオレオレオリジナルブログを作れるようになったことに対して人類の進化を感じると同時に、 この記事のような クソ記事が量産されることによりノイズが増加していかないか気が気ではありません。

この記事を読んでくれた未来ある若者の皆さんは是非、世界に誇れるような記事を発信してくれることを願います。