ウェブサイトの誕生
自分のウェブサイトを作りたかった。少し昔話をすると、今から15年ほど前の中学生の頃にJUGEMやココログなどのブログ作成サービスでブログを作っていた。その後は家にIBM ThinkPad X40がやってきたので、寝るのを忘れてテキストエディタでHTMLを書き、レンタルサーバーを借りて阿部寛のホームページみたいなのを作ったこともある。この時に視力がガタ落ちし、両眼共2.0 → 0.1以下に下がった。その後はスノーボードなどのアクティビティに熱中した。当然作ったブログやウェブサイトはインターネットの海の藻屑と消え、自身の興味も薄れてしまっていた。
そして2022年。正月にかこつけて餅を貪り肥えていく自堕落な生活を送っていると、突然、デジタル消費の過剰摂取を解消したいという衝動に駆られた。手に持っていた餅を食べきり、PCに向かった私はもう一度インターネットの海に潜ることにした。
作成までの道のり
結論から言うと、Notion + OSS に辿りついた。Notion をヘッドレス CMS として利用し、フロントエンド側で Notion API と繋ぎ込んでブログ化するといったもの。フロントエンド側は無料で利用できるホスティングサービスで、Vercel を使ってみることにした。
なお、下調べの段階では、レンタルサーバー + WordPress をはじめに検討した。ホスティングサービスに従事している身としても、レンタルサーバーと WordPress の組み合わせは馴染み深いのだが、下記の理由により見送った。
- 自由度が高いがゆえ、テンプレート、フレームワーク選びに難儀した
- 記事を書くまで幾つかのステップを踏む必要があり、怠惰な自分としては気軽さに欠ける
私はウェブサイト作成に多くの時間を費やし立ち往生するより、早くこの初期衝動をぶつけたかった。
そして公開
独自ドメイン (shinkai.me) を GoDaddy で取得し (後で自社サービスに移管する予定)、Notion を使ったヘッドレス CMS ブログを運用する環境を整えた。デザインに関しては、ほぼ OSS のソースコードのままなので不恰好な部分もあるが、それは追々アップデートしていく。とにかく仕事でもガシガシ使っている Notion でブログを書けるのは最高であった。
さいごに
勢いのまま書いたらクセの強い文体になってしまいました。継続は得意な方ではないけど、十数年ぶりの自分のウェブサイトなのでしっかり更新していきたい。
月に1本は書くぞ〜。
参考にした先人たちの知恵
Notion API を使って Notion を CMS 化する
Notion API を使ってブログを作る方法を解説します｜円谷 / Notion公式アンバサダー
みなさんこんにちは。Notion アンバサダーの円谷です。 Notion アンバサダーは日本に8名ほどいるのですが、がっつりエンジニアをしてるのはたぶん僕だけ（？）だと思うので、ディープなエンジニアリングの話も沢山していければなと思っている今日このごろです。 1ヶ月ほど前に、Notion API が画像に対応し、ページ内の画像の URL を返してくれるようになりました。これにより、Notion API の活用の幅がぐっと広がり、画像付きのブログの CMS（コンテンツマネジメントシステム）としても使えるようになりました（今まではテキスト周りしか対応していなかった） 🥁 Just
