毎日ジャーナルを書いてたけどNotionでやりたかってん
このブログはNotionで書かれています。
私は毎日Notionでジャーナルを書いているんですが、ふと思ったんですよ……。
これをブログとして投稿できたら楽だろうなぁ━━って。
その方法を調べたらいくつかあったので、備忘録ついでに所感をまとめました。
Next.jsでNotionをブログ化する方法
検索するとチュートリアルが多い順かも
- Notion-blog-nextjs
- astro-notion-blog
- easy-notion-blog
- nextjs-notion-starter-kit
Notion-blog-nextjs
NotionでヘッドレスCMS化なら王道の手段。
検索すれば導入方法もウェブと動画で多くあるし、ふだんコードにまったく触れない初心者でも、真似すれば導入できる。
でもそれは、「Notionをブログの体でウェブ公開するなら━━」の前提。
他でもいえるけど、ウェブページ部分のカスタマイズは、CSSなりフロントエンドの知識は欲しいけど、今は生成AIでなんとか出来る強みも。
Next.jsの勉強がてらに触るのもアリ。
astro-notion-blog
上記より簡単かつ軽快に表示できるリポジトリ。
「ページのカスタマイズとか興味ないから━━」な人にうってつけ。
VSCodeやらGitHub環境が整っているなら、数分で公開までいけるタイプ。
easy-notion-blog
上記よりも更に簡単かつ、日本語Readmeもあるので安心。
カスタム性は微妙だけど、テキストベースのブログを淡々と投稿していくならアリ。
あの阿部寛HPと同じくらい速く表示できるので、投稿内容もシンプルであればあるほど良い。
メモツールの代わりとか、速報的な使い方ができるかも。
nextjs-notion-starter-kit
サンプルページがすごくシンプルで好みだったから、私はコレにしました。
導入するだけなら、PageIDを入力するだけで済むし、デフォルトで「読者に優しいブログの形態」がほぼ完成しているのが良い。
日本語紹介ページがほぼないけど、導入方法を翻訳でもすればOK。
ただし、他より機能が多いだけあって表示は遅いかも。
GitHub初心者が詰まったポイント
- フォーク？クローン？何それ美味しいの？
- クローン先のローカルフォルダがOneDriveになっててメモリ食いすぎて草
- WindowsにGitが入ってなかった（yarnできねぇ）
- Notionのインテグレーション（API）がいうこときかねぇ
フォークとクローン
フォークはGitHubの他ユーザーが公開しているリポジトリを、自分のアカウントに移す作業。
クローンは自分のアカウントにあるリポジトリを、自分のPCにインストールする作業。
概念がわかれば簡単だけど、面倒だったのが「インストールフォルダの指定」だった。
OneDriveの共有がウザすぎた
リポジトリは全部で1000ファイル以上もザラなので、共有フォルダに入れると、都度更新でかなりメモリと帯域を食うことになる。
私はマイドキュメントが共有フォルダになっていて、そこにGitHubのクローンが放り込まれる設定になっていたから、メモリ消費がすんごいことになっていた。
Chromeでタブ30個くらい開きつつ、別ブラウザで動画とストリーミング流してWP作業していても、メモリ使用量はせいぜい80%くらいだったのに、デプロイ作業していると90%超えるのでおかしいなぁと思ったわけです。
GitHubのフォルダを変更するのもなかなか面倒。
コマンドで連携を解除して、解除したら新しいフォルダを指定して━━の流れ。
WinにGitがなかった件
新しく作業フォルダを移してから、クローンができなくなってしまった。
コマンドラインでコミットしても、GitHubと接続できないようなので、もうめんどくせぇからGitをインストールして、GUIからフォルダ指定をゴリ押しした話。
ウェブで情報を探せば解決方法はたいていあるけど、エンジニアの環境と非エンジニアの環境はまさに「おま環」。
言語に対応したSDKは、Windowsに意外と入ってないものです。
Notionのインテグレーションが息をしてない
Notionページをウェブ公開する場合、インテグレーションしてAPI値を知る必要があるんだけど、これを入力してもウンともスンともならなかった。
この解決に気づいたのは、Notionのページが「プライベート」になっていたことだった。
テンプレート配布しているページは、一般公開として誰でも見れるようになっている。
もともとNotionには、ページを一般公開してウェブサイト化する機能があるので、ブログとして公開するページは「Web公開」することで解決した。
公開しないと500吐いて、公開するとローカルでも表示可能に。
そんなわけで今後ともお付き合いください
毎日22時に「ジャーナル書く時間だよ！」とNotionから通知が来るので、ここの更新はそのタイミングになることが多くなるでしょう。
他にも書きたいことがあれば、サクッとメモしながら公開まで行けるし、WPより楽に感じます。
なによりエディタがシンプルで楽だし、使い慣れているところもデカい。
もし3日以上更新が途絶えたら、体調エグいか飽きて辞めたかネタがないか旅立ったかのどれかになるでしょう。