🦄

Gatsby + Notion でブログを作ってみた
2022.01.31

今までは・・・

 中学時代は「ロボカップ日和」、高専時代は「nncbot」、「INPUT」とロボカップに関するブログを書いていたが、最近は日記なんかは全く書いていない。自分の考えを定期的にアウトプットする、また残しておくことは非常に重要であると、最近つくづく感じる。現在の自分にとって当たり前の考えは、未来・過去の自分にとっては、当たり前なことではないのである。他人と比べると更に考えは異なってくる。この違いに気づくことや、知ってもらうことは様々な気づきにつながる。更に、自分の考えをしっかり文章で言語化することで、考えの整理ができるであろう。ということで、このページに雑に書きためておくことにしよう。

 自分の考えを書きためるとき、自分で開発できるのにも関わらず、Noteなどの外部サービスを使うのもアレなので自分で作ってしまお。ブログを開発するときWordPressのCMSは使いやすいとは思うけど、表示速度とか開発のしやすさで使うのはなんだか気がひけるので、最近のWeb開発は、Netlify-CMSを使っていた。ただ、これもこれで、CMSが使いやすいかと言われると、正直使いづらいし、放置しとくとバグったりするので何かいい方法がないかな〜と思っていた。

 最近、メモアプリでNotionをよく使うようになったが、NotionをCMSとしてブログを書けないかな〜と思ってたらNotionはAPIを出しているらしく、Notionで書いた文章を自分のブログなんかにいい感じに乗せられるっぽく、調べてみたら色々いい感じのライブラリも転がっていることに気づいた。

ブログの開発

 Gatsbyで開発しようと思い、色々探してみるとGatsby Source Plugin Notion APIというプラグインがあったのでこれを使って開発した。gatsby-starter-blogをベースにぽちぽち作っていく。Material-UIで見た目をいい感じにしてみた(つもり)。ホスティングはいつもNetlifyを使った。

 Notionに新しい日記を書いても、自動的にデプロイされないので、Netlifyで定期的にデプロイするように工夫が必要。テキトーに調べてみたら、ZapierというサービスでNotionのデータベース追加をトリガーにNetlifyをデプロイしてくれるぽいが、タイミングがなんだか微妙・・・。こんなサービスあるんだね。

 まあでも、とりあえずいい感じにできて嬉しいお気持ち😊

参考にしたページ

https://550am.devomio.work/blog/gatsby-notion-blog


Copyright©2023,Shota Higuchi