Primary About Development

Gatsby.jsとNetlifyを使ったブログ作成

2020-10-17

ブログを作ろうと数年前から思っていたのですが、めんどくさくて行動に移せてませんでした。 少し前にGatsbyとNetlifyで静的なサイトを作成する仕事をしたので、この構成でブログを作ろうとはなんとなく思ってました。 こういうのは三日坊主になりがちなのでブログが公開できるところまで作ったら、即公開するというルールで作りました。

Gatsbyとは

Gatsby.jsはReactベースで静的なサイトを作成するためのフレームワークです。 公式サイトには、Gatsbyを使う利点は

  1. 2000以上のプラグインを使用して素早くWebサイトを構築することができる
  2. Gatsbyがいい感じにパフォーマンス最適化してくれる
  3. 他の静的フレームワークよりビルドが早い

の3点が挙げられていました。

手軽で速いということなので、とりあえず公式サイトのチュートリアルをやってみました。 英語ですがGoogle翻訳すると大体読めるので、興味がある人はやってみるといいかもしれません。

このブログは今の所、チュートリアルにシンプルなブログっぽいCSSを適当に当てただけです。 なので記事一覧と詳細があるだけのブログですが、とりあえず公開しました。(2020/10/17現在)

一覧にページネーションもないしょぼブログなんですが、なるべくシンプルに必要なものだけ作っていくつもりです。

Netlifyとは

Netlifyは静的サイトのホスティングサービスです。Githubと連携して、masterブランチにプッシュすると勝手に更新してくれます。 Gatsbyを使うとマークダウンを書くだけで、記事を作成することができるので、記事を書いてプッシュするだけでブログを更新できちゃいます。便利。

それ以外特に言うことはないです...

終わり

これからはこのブログに機能を追加しつつ、なんかブログを書いていきたいです。

プロフィール写真

Soraef

ソフトウェアエンジニア。趣味は競馬、写真、ゲーム。

お問い合わせはTwitterのDMでお願いします。