🏠引きこもりエンジニアの徒然ログ

😎 Daily

[Daily Log] Vercel連携への挑戦:Notionテンプレート複製で意外な落とし穴


🏗 Vercel連携への第一歩


前回の記事で決めた通り、ブログをWebサイトとして公開するために Notion + Vercel の連携作業を開始しました。利用するのは、エンジニアに人気のテンプレート「Morethan-log」です。

GitHubのリポジトリを自分のアカウントにForkし、READMEの手順に従って進めていきましたが、思わぬところで足踏みをすることになりました。

😵 「複製(Duplicate)」ボタンはどこ?

READMEにある「Duplicate this Notion template」というリンクを踏んだものの、開いたNotionページでどうすれば自分のスペースにコピーできるのかが分かりませんでした。

  • テンプレートのページは開ける。
  • でも、自分のNotionのサイドバーには現れない。
  • GitHubには慣れていても、Notionの「テンプレート共有」の挙動に慣れていなかったのが原因でした。

Geminiに相談しながら画面をよく見ると、画面右上の「複製(Duplicate)」ボタンを見つけることができました。ログイン状態によって表示が微妙に変わるため、初見では見落としがちなポイントです。

🔍 Database IDの特定に一苦労

次に必要だったのが、Vercelの環境変数に設定するための Database ID です。

NotionのURLから特定の文字列を抜き出す必要があるのですが、自分のユーザー名が含まれない形式のURL(https://www.notion.so/3065...)だったため、「本当にこれで合っているのか?」と少し不安になりました。

結果的に、スラッシュの直後にある 32桁の英数字 が正解だと分かり、無事にメモすることができました。

🛠 現在の進捗

  • GitHubリポジトリのFork
  • Notionテンプレートの複製完了
  • Database IDの特定
  • Vercelでの環境変数設定とデプロイ(←次!)

📝 振り返り

「ボタン一つで複製」という言葉に油断していましたが、プラットフォームごとの作法(NotionのWeb版とアプリ版の違いなど)を理解するのも、立派な技術習得の一環だと感じました。

次はついに、このNotionの内容をVercel経由で世界に公開します!