【入門】Notionによるブログの始め方ガイド
公開日:2022年8月20日 更新日:2022年8月20日
記事概要
この記事は「Notionによるブログの始め方」を紹介いたします。
Notionは、プログラミングが一切不要でかなり簡単にブログを始めることができる優れものです。「Notionに興味あるけど、まだ使っていない」という方がいましたら、ブログ作成をキッカケに試してみてはいかがでしょうか。
なぜブログ作成をオススメするのか
学習においてアウトプットが重要だからです。
学習内容をブログ記事にアウトプットすることで学習効率をアップさせることができます。
以下、コロンビア大学の研究では、インプットとアウトプットの黄金比は「7:3」とのことです。
- 何かニュースを読んだり、技術を学んだりすることが「インプット」
- 上記学んだ内容をブログにすることが「アウトプット」
Notionでブログ作成する手順の概要
以下、Notionでブログを作成する手順です。
ブログ作成の手順
- h2, h3を使って目次(アウトライン)を作成する
- アウトラインに沿ってコンテンツ追加する
- コンテンツのデザインを整える
- Webで公開する
上記手順に沿ってサンプルブログを完成させることでコツをつかんでいただければです。
■ サンプルブログ
【サンプル完成版】ロサンゼルスにおけるメキシコ料理についてそれでは取り組んでいきましょう!
ブログ作成手順の詳細
手順1. h2, h3を使って目次(アウトライン)を作成する
■ ゴール
【手順1の完成版】ロサンゼルスにおけるメキシコ料理について■ 手順
- 新規ページを作成する。
- タイトルに「ロサンゼルスにおけるメキシコ料理について」と入力する
- h2セクションの作成
「記事概要」「メキシコ料理の役割と料理をどのように広めるか質問してみました」をで作成する![h2セクションの作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/a4266fb0-58ff-4511-92b1-0d009a8f4652/b1aea14d2660edcee55ba6d0726cd9b5.png)
h2セクションの作成
![h2セクションの作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/a4266fb0-58ff-4511-92b1-0d009a8f4652/b1aea14d2660edcee55ba6d0726cd9b5.png)
- h3セクションの作成
「Q1. 自分を芸術家だと思いますか」「Q2. どのような種類のラテンアメリカ料理や他の地域の料理が好きですか」「Q3. 初心者にメキシコ系アメリカ料理のをひとつお勧めできるとしたら、何をお勧めしますか」をで作成する
![h3セクションの作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/bb3de4b9-f7d7-4533-917e-3892997e5fb5/3a2effc3fa9e9b602a926244b1869de2.png)
- h2セクションに区切り線を引く
「記事概要」「メキシコ料理の役割と料理をどのように広めるか質問してみました」の下に で区切り線を作成する![区切り線の作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/4e46e88e-fff0-4840-9a73-a94a204b88b4/10989a61cf0c54184c044691a505eef2.png)
区切り線の作成
![区切り線の作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/4e46e88e-fff0-4840-9a73-a94a204b88b4/10989a61cf0c54184c044691a505eef2.png)
- 「目次」を追加する
で目次を追加する![目次の作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/f5453bbf-e41d-4ca5-9f00-da56a57c6d99/31241b7064c36bcbb1ec614d595c8e56.png)
目次の作成
![目次の作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/f5453bbf-e41d-4ca5-9f00-da56a57c6d99/31241b7064c36bcbb1ec614d595c8e56.png)
- 「目次」を「コールアウト」で目立たせる
- でコールアウトを作成する
- コールアウトに「目次」と入力し、コールアウトに目次を中に入れる
![コールアウトの作成](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/9e8fa581-f5b9-468f-a569-1a4cbf77c404/4707272fc7337f557813528acc43212e.png)
![コールアウトの子要素として目次を入れる](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/18b590f6-a34e-449f-b419-2dd51b392200/909c41cdae8baab80c713205403934b1.png)
手順2. アウトラインに沿ってコンテンツ追加する
■ ゴール
【手順2の完成版】ロサンゼルスにおけるメキシコ料理について■ 手順
以下文章(1. 記事概要など)をコピペしてコンテンツ作成します。
* 書式無しで貼り付けるのがポイントです。
* Macの場合だと「⇧ + ⌘ + v」です。
![文章をコピペしてコンテンツ作成する](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/ee9b95d6-db59-4333-8f4f-4623e617a956/2e6e64b0f19f1f99833cf0fbef33c85e.gif)
- 記事概要
- メキシコ料理の役割と料理をどのように広めるか質問してみました
- Q1. 自分を芸術家だと思いますか
「昨日の「There Will Be Food」パネルに参加したGetty Centerの講堂にて。」を画像のキャプションにしてください。
![画像キャプションの入力](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/e418c68c-32c7-4bbf-bd2b-5fc7479172ef/1ceb9e13c9610207478307331bc93708.png)
- Q2. どのような種類のラテンアメリカ料理や他の地域の料理が好きですか
「ペピタス入りタマーレTaco María(コスタ・メサ)」を上記同様に、画像のキャプションにしてください。
- Q3. 初心者にメキシコ系アメリカ料理のをひとつお勧めできるとしたら、何をお勧めしますか
「Broken Spanishの料理(LAダウンタウン)」を上記同様、画像キャプションにしてください。
手順3. コンテンツのデザインを整える
一つ一つ、デザインを整えていきます。
■ ゴール
【サンプル完成版】ロサンゼルスにおけるメキシコ料理について■ 手順
- アイコンとカバー画像(メインビジュアル)を追加する
- タイトルの上あたりにマウスを持っていくと「アイコンを追加」と「カバー画像を追加」が表示される
- アイコンを追加 > 絵文字 > 「pencil」を追加する
- カバー画像を追加 > URLリンク > 「以下画像URL」を追加する
![アイコンとカバー画像(メインビジュアル)の追加](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/975d60a7-9787-4c92-9f66-18e3212ffb0f/e91c9e1448b061a58a5abaa7bd98fd70.gif)
![「pencil」の入力](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/c812e52c-478e-4591-aae0-66986dd3ce2b/37ae8aa49f63ea56d7db571d9e5120a2.png)
- Q1からQ3を2カラムレイアウトにする
![Q1からQ3を2カラムレイアウトにする](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/7aaded37-59d0-406b-9e54-998e0600f9db/ca22ce32e5778fc49514f1010ce952cf.gif)
- 人名を太字(Bold)に変更する
![人名を太字(Bold)に変更する](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/e143c121-c3ae-4922-b171-3d86fc883d6e/daff6c3f1533015e2fa3be23b0203c3c.gif)
手順4. Webで公開する
- トップメニュー > 共有 > Webで公開 > ONにする
![ウェブ公開ONにして公開リンクをコピーする](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/wywy/c1f976c7-6a74-435c-8b68-081790acea86/dd391d6fc0dbc502c19f4da24e29d01b.png)
*Google検索OKであれば「ネット検索を許可」をONにしてください。
まとめ
ブログ作成の手順
- h2, h3を使って目次(アウトライン)を作成する
- アウトラインに沿ってコンテンツ追加する
- コンテンツのデザインを整える
- Webで公開する
Notionをうまく活用すれば、①アウトラインの作成 ②コンテンツ追加 ③デザインを整える ④Webで公開する、というブログ手順を直感的に実現することができます。
インプットとアウトプットの黄金比「7:3」を目指し、効率的な学習を実現してみてはいかがでしょうか。
以上Notionによるブログの始め方ガイドでした。
最後までご閲覧いただきありがとうございました。
[宣伝] GASプログラミング入門の教材 - Udemy
- 2023年11月時点で、約3,000人の受講生を獲得し、「Udemy Business」に選定されてます。
- 「Udemy Business」とは、Udemyが「企業研修」向けに提供しているサービスのことです。
- Udemyで販売している全ての講座の中から、「企業研修」に提供できる高品質な講座をレビューや内容を加味して厳選していることが特徴のサービスです。
- その「Udemy Business」で、このGAS講座は採用されております。
- 教材の詳細は、以下のUdemyに記載しておりますので内容ご確認ください
- 以下のバナーから購入すると、通常、定価27,800円が1,500円に割引される特別クーポンが適用されます!
- 有効期限は、です。