background picture

弊サイトは otoyo/astro-notion-blog をforkして作成しました

Featured image of the post

はじめまして!
私は普段フロントエンジニアとしてお仕事しています。夢は自分のカフェを持つことです☕

「なんか、ブログほしくなってきたな〜〜〜」と雑な動機でこのブログが立ち上がりましたよろしくお願いします

表題の通り、otoyo/astro-notion-blog をforkして弊ブログは作られました。
感謝の意を込めて最初の記事はこのリポジトリ・使用技術の紹介としようと思います!

使用技術

  • Astro
    • MPA(↔SPA)を主軸としたコンテンツ系のサイトに適したWEBフレームワーク
  • Cloudflare
    • CDNサービス。弊ブログのデプロイ先。

otoyo/astro-notion-blog をforkした理由

・NotionDBをそのままブログ化できるサービスを探していた

まず、私はNotion Loveです! ❤️
仕事でもよく使いますし、プライベートでもしっかり課金して使い倒しています。

IT関係の知見を始め、何でもかんでもNotionに書き留めるのは既に習慣化されているのですが、それを改めてQiitaやZennなどのナレッジ共有プラットフォーム的なものにアウトプットしようとすると途端にやる気が削がれてしまいます。

なぜかというと

  • Notion上ではキレイに表示できるcalloutやtable、database等のブロックを他サービス向けに落とし込むのが大変
  • ストック情報置き場はNotionだけに統一したい

と言う点があるからですね

ならNotionで書いた内容をそのままブログができればアウトプットが継続できるんではないかとひらめいたため、そのようなサービスを探してました。

世の中にはすでにそのようなサービスはいくつかあります。

ですが、私はフロントエンドエンジニアの端くれとして時分でサイトをフルカスタマイズしたいという希望がありましたので採用に乗り気になれませんでした。

そして ijjk/notion-blog を見つけて「これ良さそうやん」と一瞬トライしました

が、メンテナンスされている様子はなく…手元でなんとか動くようになりましたが画像が読みこまれないことを筆頭に色々問題が噴出し断念しました
(Notion公式APIがなかった頃のリポジトリのようで、色々だめだったんでしょうね)

ijjk/notion-blog であれこれしてるタイミングでアルパカログさん(今回forkしたotoyo/astro-notion-blogの作者さん)を見つけ、リポジトリに辿り着いた次第でした。

💡
長いので要約
  • Notion LoveなのでNotionに書いただけでブログ記事になってほしいな〜
  • でも普通にそういうサービス使うより自分のリポジトリでちゃんと管理したサイト立ち上げたいな〜
  • otoyo/astro-notion-blogさんええやん!

・自分のリポジトリで自由にコードを改変できる

前述の通り、私はフロントエンドエンジニアなので自分で自由にコードをいじって改変したかったんですね。なのでそれも大きな要件の1つでした。

それを満たすサービスあるのかな? たぶんこういうリポジトリからforkするしか手段はないと思うんですよね(未調査)

・フレームワークがAstro

Astroが内部で使用されています。詳しい説明は公式サイトに…

otoyo/astro-notion-blog の前身(?)である otoyo/easy-notion-blog はNext.jsを使用していたので個人的にはNext.jsの学習にもなるこちらが気になっていたのですが、

  • ブログをSPAで作る旨味はあまり無いだろう…(表示速度とか懸念)
  • otoyo/easy-notion-blogの方は更新も止まってる(README内で otoyo/astro-notion-blog を勧められていた

ことからAstroを使って納得のブログ構築ができそうなこちらを選びました。

Thank you! 🤝

otoyoさん、素晴らしいリポジトリをありがとうございます!