Notionをつかって15分でWebサイトをつくる方法

はじめに

用意するもの

1. 好きなドメイン

Google Domainsで好きなドメインを取得しよう。ちなみに今回取った shinyawatanabe.info は¥1,400 / 年だった。

https://domains.google/intl/ja_jp/

2. Notionの公開ページ

無料でも使えるがお好きなプランでどうぞ。いまなら Personal Pro でも年間契約で$4 / 月で格安ですね。いまのところ学生や教職員は無料だぞすごくない？

https://www.notion.so/pricing

3. Superのアカウント

ちょっと前まで$4 / 月だったが最近強気の値上げをして$12 / 月になったぞ！

https://super.so/pricing

手順

• Google Domains でお気に入りのドメインを見つけたらカートに入れて購入手続き進めてカード情報入れてポチッとして終了。だいたい45秒で終わる。

• WorkspaceにPageを作成
• Page右上メニューの Share > Share to web をアクティブにする以上終了！5秒で終わる。

• Superにsign in したらメニュー Sites > New site + をクリック

• Site Methodは好きな方を選択する。レコメンドされるのはSuper Staticだ。

• Site Settingsは下記項目を埋める。

1. Site name：気の利いたサイトのタイトルを適当につける（あとで変更できる）
2. Custom domain：買ったドメインを入れる
3. Public Notion URL：さっきNotionでつくった公開ページのURLを入れる
• Pretty URLsはサブディレクトリを好きにつくれるので必要があれば設定する（あとから追加できる）

• DNS Recordsでドメインとサイトを繋げる。

1. Google Domains を選択する

2. Record typeで2つ出てくるのでどちらかをGoogle Domains側に設定する cf. Google 経由で登録したドメインにウェブサイトを接続する
• Super Optionsでそのほかいろいろ設定する

1. Custom fonts：お好みのWebフォントを指定できるぞ
2. Site image：OGP Imageを設定できるぞ（1200px*630px）
3. Custom favicon：ファビコンを設定できるぞ（32px*32px）
4. Snippet injection：GAのトラッキングコードとかCSSを仕込めるぞ 今後いろいろ拡充されるっぽい cf. How to change the colors on your Super site
• Google Analyticsのアカウント登録は2秒で終わる cf. アカウントを追加する
• トラッキングコードの発行は2秒で終わる
• Google Analyticsの管理画面から 管理 > プロパティ列のデータストリーム > ウェブ を選択
• タグ設定手順 > 新しいページ上のタグを追加する > グローバル サイトタグ（gtag.js） をSuper側にコピペする
5. Site description：気の利いたdescriptionを書こう
6. Enable or disable site search：好きな方を選ぼう
7. Show or hide page properties：好きな方を選ぼう

• サイト公開までにかかった時間　15分
• このブログを書いた時間　10分
• かかった初期費用　だいたいドメイン取得の¥1,540だけ（ただしサイト公開してから1週間後には+¥1,200ちょっとかかる）
• ドメイン取得　¥1,400+消費税¥140=¥1,540　
• Notion　とりあえずPersonal Planで無料
• Super　7日間無料トライアル / その後$12=¥1,246.08（1月17日 9:52 UTC時点）

Shinya Watanabe

Based in tokyo.

shinyawatanabe.info