仕事でNotionを使ってみよう

## はじめに

前職ではネットワークをほぼ切断されていたため、エクセルでタスク管理してきました。今後転職したら便利なアプリケーションを使って効率よく仕事したいなあ…と考えていました。

その中で、<font color="blue">Notion便利！</font>という情報を耳にし、ニート期間中使用してみることにしました。実際便利だったので、この記事で紹介いたします。

「Notionを使ってみたいけど、使い方がいまいちわからない」「複雑そう」といった方がNotionを使うきっかけになれば幸いです:sunny:

## 目次
[1.基本的な機能](#1基本的な機能) <br>
[2.タスク管理](#2タスク管理)<br>
[3.デザインストック](#3デザインストック)

## 1.基本的な機能
### `Notionとは`
一言でまとめると **『多機能メモアプリ』**　です。
ブラウザでもアプリでも無料で使用可能です。

<font color="#939393">個人で使う分には無料版で十分ですね^^</font>
|機能 |無料版 |有料版
|---|---|---|
|1ファイルのアップロードサイズ  |5MBまで |無制限  |
|招待ゲスト  |5名まで  |無制限  |
|NotionAI |20回まで  |無制限  |

### `Notionにできること`
メモの作成 / タスクの管理 / チームWiki※ / ガンチャートの作成 / カレンダー表示 / NotionAI etc...

<font color="#939393">※Wiki…不特定のユーザーが共同してウェブブラウザから直接コンテンツを編集するシステム</font>

### `Notionの基本知識`
全て自動保存で使用できます！
①メールでログイン可能
<font color="#939393">アカウント複数持つことができるので、仕事とプライベートの使い分けなども用途別で使用することもできる。</font>
②用途によってページを作成できる。下層ページも作成可能
③メモ機能など使い方色々
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f31623963366137332d613937662d663865362d653334642d6337346333323961646365382e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/f3fc32fe-1926-9348-aae4-ed9fe28d9ede.jpeg)


### `Notionの強み`
Notionはデータベースを使用できます。種類は下記の6つ。
テーブル / ボード / タイムライン / カレンダー / リスト / ギャラリー
![Group 8.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/43e9dbd5-02fc-78a5-602c-576fd4d1a7fd.jpeg)

### `基本操作①`
①ページを追加し、②タイトルを決め、③内容を入力する。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f62633266353634302d353663632d636166332d333334382d3162303430313265366561352e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/1bf04953-6d5b-4e6b-8e55-390311da6806.jpeg)


### `基本操作②`
上記の『基本操作①の③-2にある』テンプレートを選ぶと、既存のテンプレートを読み込んで使用できます。時間がない方やめんどくさい方にオススメな機能です。
![スクリーンショット 2023-08-18 9.39 1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/aa0ede84-2433-8c82-0b53-ddc0d69c83e1.jpeg)

### `基本操作③`
ページ作成後、各ページ内で使用できる機能の紹介です。
データベース（上記の強みで紹介済み）や画像を読み込んだり、フォントのスタイルなど自由度は高めです。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f63663062356130312d306138322d313865642d336439322d6637333736643564303462302e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/a3c0383f-a70d-41bd-38d1-bfa0c6caa059.jpeg)


## 2.タスク管理
上記の強みで紹介した、データベースを用いたタスク管理方法を2種類紹介いたします。
|機能 |テーブル |ボード
|---|---|---|
|作成難易度 |難しい |簡単  |
|カスタマイズ |できる  |しずらい  |
|便利度  | ★★★ |★☆☆  |

### `テーブルを使用したタスク管理`
テーブルを使用したタスク管理は、2ページから構成されています（ここではTODOリストとやることの2ページ）。テーブルのページとテーブルを呼び出すページです。

・各ジャンルでタスクを自動洗い出し
・表示順を変更できる（優先度やステータスなど）
・追加したタスクをカレンダー表示にすることもできる
【呼び出しページ】
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f64383963326565632d393430632d666636662d303239382d3564646130373239393061352e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/302e02b7-624a-1148-5b77-24a7db41d433.jpeg)

【呼び出し元ページ】
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f61313738663863612d616232332d646563312d653139392d6437333732616163613539302e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/8b7e4a73-bb30-a1ac-6610-9e664d315ae6.jpeg)




【作成手順】
![Slide 4_3 - 7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/c313f8af-5961-c7e2-24be-2542854caeea.jpeg)
![Slide 4_3 - 14.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/d58029d1-72cb-a8a0-2b57-695adb3428ee.jpeg)
![Slide 4_3 - 15.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/9ecce7ba-61af-55c0-3bf4-4a8851c6a205.jpeg)
![Slide 4_3 - 16.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/8c8a2889-c129-fa9d-e0e8-b043a858c15c.jpeg)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f34386165386132662d303261642d323230632d613764372d6238383463656335303831322e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/a0a2fa3a-fe92-c077-438c-7df81cb10e60.jpeg)

![Slide 4_3 - 21.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/64ad9cf9-6df1-0925-9a57-3b60631f408c.jpeg)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f63326462363335392d643935382d643465322d643563382d3261393634326466663033352e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/7a86aba5-3ce4-5c7a-69b9-42be74b0fe4f.jpeg)

![Slide 4_3 - 19.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/77e278b4-7ab3-a157-78af-c29d5964447e.jpeg)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f34323165306331352d383539352d386336362d383639302d6265663534663430653461612e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/8e3deb26-b029-185e-c428-ec3011a808fc.jpeg)

![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f62303762643963662d653336392d626163382d633962332d3634623136306264666663382e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/c8ae56c3-db30-6aac-27eb-c49b833f7d9f.jpeg)

![Slide 4_3 - 23.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/37f033ef-8194-bae4-6f85-77286dc0d831.jpeg)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f33646131636234662d336336392d623261612d636138332d6665393663363235636230642e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/e882ec44-673b-c428-cb7e-a8b4f6b425af.jpeg)


【おまけ】
単純にメモしたり、リストビューを追加してメモの追加、カレンダー表示など、1ページにたくさんの要素を盛り込めます。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333632353236302f33343162323630372d313061622d316332622d626337362d3665303866346638376636612e6a706567.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/f1858384-5149-1d53-8884-4ff09484dc4d.jpeg)



### `ボートを使用したタスク管理`
ボードを使用したタスク管理は、1ページで完結します。ボードビューを呼び出して作成すればよいだけなので、簡単に作成が可能です。ただ、手動なので便利さには少し欠けるかもしれません。

・ドラッグで移動できるので簡単
・見やすい
![スクリーンショット 2023-08-29 16.23 1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/3c816a13-54df-d5ff-becc-4d66d8075239.jpeg)

【作成手順】
![Slide 4_3 - 26.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/d90f681d-0656-25a7-1809-1af4fce8b3f2.jpeg)
![Slide 4_3 - 27.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/ec34e278-24ec-d275-b815-bfc0dabb8701.jpeg)
![Slide 4_3 - 28.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/130dcf36-fe16-014f-d3d5-a4ac99bdb12d.jpeg)

## 3.デザインストック
ここでもデータベースを使用すると、簡単にデザインをストックできます。デザインに限らず、サイトなどもストックできます。

ただ、データベースのギャラリーを使用すれば、ページを開いたときに画像が見えるので、デザインのストックに向いているということです。

**ストックする方法は2通りあります。**
1.PCなど自分のフォルダ画像をアップロードする方法
2.サイトの画像をそのままNotionに持ってくる方法
|機能 |アップロード |サイト画像
|---|---|---|
|難易度  |簡単 |少しむずかしい  |
|保存快適度  |★★☆  |★★★  |
|保守性 |消えない  |<font color="red">サイトが削除されると画像は消える</font>|


### `画像をアップロードするストック方法`

サイトなどから画像を保存してアップロードする手間はあるものの、『消えない』『アップロードするだけなので簡単』といったメリットがあります。

【完成イメージ】表示されている画像が、アップロードしたものです。
![スクリーンショット 2023-08-30 16.11 1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/076023a9-c2a4-21a9-dc1d-a8a3ce592081.jpeg)

【作成手順】
![Slide 4_3 - 31.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/3a3bd3e3-7478-717f-a9cb-f955656c672d.jpeg)
![Slide 4_3 - 32.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/622a6d61-6a83-f679-b51b-4d639e9d9b77.jpeg)
![Slide 4_3 - 33.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/250188bb-f544-9b69-8827-31f3787ea0ac.jpeg)
![Slide 4_3 - 34.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/a30f906d-c444-e9b7-4511-6de51a3d7172.jpeg)
![Slide 4_3 - 35.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/5f20fe73-4e6b-a10c-5011-78a6dbf688b4.jpeg)

### `サイトから画像をストック方法`

Google Chromeの拡張機能を使用するので、最初の手間と操作になれる必要はあるものの、1回画像をローカルに保存する手間なくNotionにストックできます。画像ファイルの大きさを気にしなくて済むのもいいですね。

ただ、ストックしているサイトが消えると画像も消えるので、デメリットも大きいです。

【完成イメージ】表示されている画像は、サイトのものです。拡張機能使用時に、サイト内のどの画像をストックするか選ぶことができます。
![スクリーンショット 2023-08-30 16.18 2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/ca4fb342-b829-11f8-767f-251ec819321a.jpeg)

【作成手順】
![Slide 4_3 - 37.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/209e61e7-e0db-675e-bee4-4d2f0c598b33.jpeg)![Slide 4_3 - 38.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/c95fd363-61de-30b9-b7d5-84f9aea60f1a.jpeg)

【おまけ（Save to Notion）】Google Chromeの拡張機能です。
![Slide 4_3 - 39.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/0c027c98-9be1-99e4-1ff9-1371527a1a15.jpeg)
![Slide 4_3 - 40.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/4f0464fc-6a26-06a6-461e-bf14021a6b52.jpeg)
![Slide 4_3 - 41.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625260/2b4a0539-fee4-ae32-18fc-637f28957105.jpeg)

## 最後に

普段使用している機能を中心に紹介しました。

NotionAIなどチャットGPTのような便利な機能もまだまだあります。

知らない機能もたくさんあると思いますが、いじっていると便利な機能が結構あるので触ってみるだけでもいかがでしょうか:information_desk_person: