- Notionが気になるけど、難しそう
- 触ってみたけどいまいちよく分からなかった…
Notionはさまざまな機能を持つメモアプリですが、あまりの機能の多さにはじめは困惑してしまうこともあるかもしれません。
この記事では、勉強や仕事の効率化に役立つNotionの基本的な使い方を、具体例で解説します。
便利に使える場面ごとに紹介するので、ぜひ手を動かしながらあなたのワークスペースを作ってみてください!
メモを取る
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
「Notionで何ができるの?」という方は、まずこちらの記事をどうぞ。
まずはNotoinでメモ用のページを作ってみましょう。
![新規ページ作成](https://riwastudy.com/wp-content/uploads/2024/06/image-1.png)
![新規ページ作成](https://riwastudy.com/wp-content/uploads/2024/06/image-1.png)
タイトルはページを作るとすぐに入力できます。
![メモ](https://riwastudy.com/wp-content/uploads/2024/06/image-2.png)
![メモ](https://riwastudy.com/wp-content/uploads/2024/06/image-2.png)
+ボタンと点6個、案内文が現れます。
これがNotionにおける「ブロック」と呼ばれるもので、Notionの構成要素の最小単位になります。
![ブロック出現](https://riwastudy.com/wp-content/uploads/2024/06/image-3.png)
![ブロック出現](https://riwastudy.com/wp-content/uploads/2024/06/image-3.png)
デフォルトではブロックタイプが「テキスト」になっているので、そのまま文字を入力できます。
![メモです](https://riwastudy.com/wp-content/uploads/2024/06/image-4.png)
![メモです](https://riwastudy.com/wp-content/uploads/2024/06/image-4.png)
「ブロック」「ページ」「ワークスペース」の関係性
「ブロック」や「ページ」という言葉が出てきました。
ここで、Notionの仕組みを解説します。
![Notionの階層構造図解](https://riwastudy.com/wp-content/uploads/2024/06/ab6237d1548e5a3e8939f41554c0a015-1024x538.png)
![Notionの階層構造図解](https://riwastudy.com/wp-content/uploads/2024/06/ab6237d1548e5a3e8939f41554c0a015-1024x538.png)
「ワークスペース」は「ページ」でできており、「ページ」は「ブロック」でできているという風に、階層構造になっています。
この構造を覚えると、自分でワークスペースをカスタマイズしていくことができます。
買い物リストを作る
買い物リストを作って、ブロックのカスタマイズ方法を見てみましょう。
先ほどの「メモ」ページの作り方と同じです。
![かいものリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-5.png)
![かいものリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-5.png)
カーソルを合わせると下のように表示されます。
![ブロック](https://riwastudy.com/wp-content/uploads/2024/06/6fecb1084bc2e88c13cfbc47c7930371.png)
![ブロック](https://riwastudy.com/wp-content/uploads/2024/06/6fecb1084bc2e88c13cfbc47c7930371.png)
クリックするとメニューが出てきます。
![ブロックメニュー](https://riwastudy.com/wp-content/uploads/2024/06/e8ddcbdd822859d1cc7e136b96bb87df.png)
![ブロックメニュー](https://riwastudy.com/wp-content/uploads/2024/06/e8ddcbdd822859d1cc7e136b96bb87df.png)
チェックボックスが現れます。
![ToDoリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-6.png)
![ToDoリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-6.png)
チェックボックスは改行で増やせます。
![買い物リスト例](https://riwastudy.com/wp-content/uploads/2024/06/image-7.png)
![買い物リスト例](https://riwastudy.com/wp-content/uploads/2024/06/image-7.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
チェックボックスはクリックでチェックを入れられます。
スマホアプリ版を入れておけば、外出先で確認できますね!
ブロックの種類を変えれば、さまざまな形に応用ができます。
好きなブロックを組み合わせれば、自分だけのページが作れます。
「リーディングリスト」テンプレートを使って読書記録を付ける
ここまでは自分でページを作る方法を見てきましたが、Notionにはたくさんの「テンプレート」が用意されています。
テンプレートとは、Notion公式やユーザーが公開している、あらかじめブロックが配置されたページのことです。
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
テンプレートを使うと、自分の知らない便利な機能を知ることができ勉強になります。
「リーディングリスト」を例に、テンプレートとデータベースを使う方法を見ていきます。
「テンプレート」はサイドバーにあります。
![テンプレート](https://riwastudy.com/wp-content/uploads/2024/06/image-8.png)
![テンプレート](https://riwastudy.com/wp-content/uploads/2024/06/image-8.png)
今回使う「読書リスト」は「ライフWiki」というテンプレートの中に含まれています。
左上のドロップダウンリストで「パーソナル」を選び、「ライフWiki」を選択します。
![パーソナル](https://riwastudy.com/wp-content/uploads/2024/06/image-11.png)
![パーソナル](https://riwastudy.com/wp-content/uploads/2024/06/image-11.png)
右下の「テンプレートを入手」をクリックします。
![テンプレートを入手](https://riwastudy.com/wp-content/uploads/2024/06/image-12.png)
![テンプレートを入手](https://riwastudy.com/wp-content/uploads/2024/06/image-12.png)
ワークスペースに「ライフWiki」が追加されました。
![ライフWiki](https://riwastudy.com/wp-content/uploads/2024/06/image-13.png)
![ライフWiki](https://riwastudy.com/wp-content/uploads/2024/06/image-13.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
このテンプレートは「ライフWiki」というページの中に「シンプルメモ」「リーディングリスト」などのページがある、という構造になっています。
下層にあるページは「子ページ」と呼ばれます。
![ライフWiki](https://riwastudy.com/wp-content/uploads/2024/06/image-14-1024x434.png)
![ライフWiki](https://riwastudy.com/wp-content/uploads/2024/06/image-14-1024x434.png)
「リーディングリスト」をクリックするとリーディングリストのページが開きます。
![リーディングリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-15-1024x369.png)
![リーディングリスト](https://riwastudy.com/wp-content/uploads/2024/06/image-15-1024x369.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
この表のようなブロックは「データベース」と呼ばれます。
横軸の1項目ごとがページで、縦軸は「プロパティ」といいます。
デフォルトのデータは、選択し削除してしまいましょう。
![選択して](https://riwastudy.com/wp-content/uploads/2024/06/5ab690b836bf98ae16c81ceb85eb5c0a.png)
![選択して](https://riwastudy.com/wp-content/uploads/2024/06/5ab690b836bf98ae16c81ceb85eb5c0a.png)
![削除](https://riwastudy.com/wp-content/uploads/2024/06/35f543db4840c39ca2bee8b1d4cdbfc7.png)
![削除](https://riwastudy.com/wp-content/uploads/2024/06/35f543db4840c39ca2bee8b1d4cdbfc7.png)
行を追加して、新しい項目を作ります。
![データベース](https://riwastudy.com/wp-content/uploads/2024/06/image-18.png)
![データベース](https://riwastudy.com/wp-content/uploads/2024/06/image-18.png)
本のタイトルを入力して、Enterを押します。
![](https://riwastudy.com/wp-content/uploads/2024/06/image-19.png)
![](https://riwastudy.com/wp-content/uploads/2024/06/image-19.png)
プロパティを設定すると、データの分類がとても便利にできるようになります。
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9780-150x150.png)
プロパティにもさまざまな種類があります。
ぜひ触ってみてください。
選択式のプロパティは、枠内をクリックすると選択肢が出てきます。
![プロパティ](https://riwastudy.com/wp-content/uploads/2024/06/image-20.png)
![プロパティ](https://riwastudy.com/wp-content/uploads/2024/06/image-20.png)
自分でプロパティを編集したり、削除したりすることもできます。
プロパティ名を左クリックで下のようなポップアップが出ます。
![プロパティ編集](https://riwastudy.com/wp-content/uploads/2024/06/image-21.png)
![プロパティ編集](https://riwastudy.com/wp-content/uploads/2024/06/image-21.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9781-150x150.png)
変更や削除はテンプレートの元データには影響しないので安心してカスタマイズしましょう!
もう一度「テンプレートを入手」から追加すれば最初からやり直せます。
入力するとこんな感じです。
![読書リスト例](https://riwastudy.com/wp-content/uploads/2024/06/image-22.png)
![読書リスト例](https://riwastudy.com/wp-content/uploads/2024/06/image-22.png)
1行ごとがページになっているので、本のメモを残すことができます。
タイトルにカーソルを合わせると出てくる「開く」をクリックします。
![開く](https://riwastudy.com/wp-content/uploads/2024/06/image-23.png)
![開く](https://riwastudy.com/wp-content/uploads/2024/06/image-23.png)
画面の半分でページが開きます。
![](https://riwastudy.com/wp-content/uploads/2024/06/image-24-1024x593.png)
![](https://riwastudy.com/wp-content/uploads/2024/06/image-24-1024x593.png)
使い方は通常のページと同じです。
メモにもテンプレートが用意されているので、選択して使ってもよいでしょう。
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9783-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9783-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9783-150x150.png)
データベースは非常に奥が深いです。
テンプレートをカスタマイズして、便利なページを作っていきましょう。
ポートフォリオを作って公開する
Notionのページはデフォルトで非公開ですが、設定するとWebページとして公開することができます。
クリエイターの方に必要なポートフォリオも、Notionで作ることができます。
見た目の良いページを作るには、カラムを設置するのがおすすめです。
コンテンツを横並びにすることができます。
![カラム](https://riwastudy.com/wp-content/uploads/2024/06/0069aa7eadfbb8f79ef5bccd4559df82.png)
![カラム](https://riwastudy.com/wp-content/uploads/2024/06/0069aa7eadfbb8f79ef5bccd4559df82.png)
![カラム完成](https://riwastudy.com/wp-content/uploads/2024/06/c94ffa963b41b89a3cf1b257fb64ab10.png)
![カラム完成](https://riwastudy.com/wp-content/uploads/2024/06/c94ffa963b41b89a3cf1b257fb64ab10.png)
右上のメニューをクリックして、「左右の余白を縮小」をオンにするのもおすすめです。
![右上メニュー](https://riwastudy.com/wp-content/uploads/2024/06/image-25.png)
![右上メニュー](https://riwastudy.com/wp-content/uploads/2024/06/image-25.png)
ページができたらすぐに公開できますが、URLのドメイン部分(「○○.notion.site」の○○)をカスタマイズすることができます。
サイドバーの「設定」→ポップアップの「設定」の「パブリック設定」のところにドメインの欄があります。
「自分で設定する」をクリックします。
![自分で設定する](https://riwastudy.com/wp-content/uploads/2024/06/image-26.png)
![自分で設定する](https://riwastudy.com/wp-content/uploads/2024/06/image-26.png)
任意の文字列を入力して、保存します。
ページ右上の「共有」をクリックします。
![共有](https://riwastudy.com/wp-content/uploads/2024/06/image-27.png)
![共有](https://riwastudy.com/wp-content/uploads/2024/06/image-27.png)
ポップアップの「Web公開」を選択し、「公開」ボタンをクリックします。
![公開](https://riwastudy.com/wp-content/uploads/2024/06/image-28.png)
![公開](https://riwastudy.com/wp-content/uploads/2024/06/image-28.png)
これで、ページがWebサイトとして公開されます。
公開後に検索などの設定ができます。
「公開停止」をクリックで非公開に戻せます。
![公開設定](https://riwastudy.com/wp-content/uploads/2024/06/image-29.png)
![公開設定](https://riwastudy.com/wp-content/uploads/2024/06/image-29.png)
公開したページが子ページを含む場合は、子ページもすべて公開されます。
公開設定には十分注意しましょう。
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/04/IMG_9782-150x150.png)
ポートフォリオに画像や動画を載せると、フリープランでは容量を超えてしまうことがあります。
画像を圧縮したり、YouTubeに投稿して埋め込みブロックを使ったりするのがおすすめです。
Notionを使いこなして仕事や勉強を効率化!
Notionの基本的な使い方を見てきました。
この解説を実践すると、以下のことができるようになっているはずです。
- ページを作る
- ブロックを配置する
- テンプレートを使う
- データベースを使う
- Webページとして公開する
![](https://riwastudy.com/wp-content/uploads/2024/05/IMG_0379-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/05/IMG_0379-150x150.png)
![](https://riwastudy.com/wp-content/uploads/2024/05/IMG_0379-150x150.png)
失敗しても、Ctrl+Zで元に戻せば大丈夫です。
ぜひNotionを使って、仕事や勉強など日々の生活を効率化していきましょう!