Notion ブログ化を試す

Notionは、オールインワンの情報整理ツールです。 筆者は以下の用途で使い始めました。 GTD (Getting Thing Done) の実践 毎日のTODO管理 個人用プロジェクト用のカンバン管理 このように、さまざまな使い方に対応しているため、他サービスで行っていたプラクティスはすべて、Notionに移行してしまいました。 ついでに個人用のブログもNotionで管理してしまえばよいのではないか、と思いつき、方法を探してみたらNotion Blogというツールを見つけました。 今回は、Notion Blogで個人用のブログを構築する手順をご紹介します。 Notion のサインアップとアプリのインストールなどは、以下のページから行えます。 Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

2021/04/12 書いてある情報が全体的に古くなってきてしまっていたので、 note にリライトした記事をアップ しました（本記事の情報は現在と異なっている可能性が高いのでご注意ください） 2020/06/25 デプロイに失敗した場合について追記しました 2020/06/21 環境変数のセットの方法を追記しました 2020/06/20 Vercel の UI 変更に伴い、スクリーンショットの差し替えを行いました 2020/06/13 エラーに関して追記しました。 Notion Blog の素晴らしさを日本に広めるために、今日から Notion Blog 徹底解説 というテーマで記事を書いていきたいと思います。Notion の個人プランの無料枠が拡張されたので、 ドメイン代以外は無料で ブログを開設することができるようになりました。 Notion Blog を使えば、Notion 上で書いた文章がブログとして自動で公開することができます。note 、はてなブログ、WordPress、Medium などと違い、ブログツールで提供されたブラウザ上のエディタを使う必要はありません。Notion 上でブログ執筆の全てが完結します。 また、コードも オープンソース で公開されているので、コードを編集することで自由にカスタマイズすることができます。Notion Blog のコア部分だけ使用し、デザインやその他のカスタマイズは自由自在です。独自ドメインを当てて、自分のメディアにすることなんかも可能です。 そんな便利な Notion Blog ですが、 ドキュメントが英語 GitHub 連携が必要 ちゃんとカスタマイズしようとするとコードを書かなければならない などといった理由で、非エンジニアの方には少し開設までのハードルが高さがあるなと、僕自身感じています。 ということで、僕が Notion Blog

Vercel で公開している Web サイトに、お名前.com で取得した独自ドメインを割り当てる方法を説明します。 Vercel 上での Next.js アプリ公開までの手順は、下記の記事を参考にしてください。 参考: Next.js アプリを Vercel で公開する ここでは、独自ドメインを「お名前.com」で取得済みだと仮定しますが、別のレジストラで取得している場合もほぼ同様に設定できるはずです。 大きく分けて、次の 2 種類の設定方法があります。 Vercel の DNS サーバーを使う方法 Vercel 以外の DNS サーバーを使う方法 独自ドメインの「レジストラ」と「DNS サーバー」の関係を理解できていない場合は、下記の記事で簡単にまとめていますので参考にしてください。 後述の設定で何をしているのかが分かりやすくなると思います。 参考リンク ドメイン管理と DNS 管理の違いを理解する Vercel の DNS サーバーを使う方法 お名前.com などのレジストラで独自ドメインを取得すると、そのドメインをどの DNS サーバーで運用するかという設定を行えるはずです。 次のように Vercel 側の DNS サーバー設定を行うと、お名前.com 側に設定すべき DNS サーバー名を確認できます。 (1) Vercel のサイト から対象アプリのページを開き、Settings → Domains と選択し、取得済みの独自ドメイン名を入力して Add ボタンを押してください。ここでは、例として example.com というドメインを管理するとします（ドメイン自体は「お名前.com」で取得したものです）。 図: Vercel に独自ドメインを設定する (2) example.