個人からチームまで、情報・タスク管理の一元化はNotionにお任せ！

　 Notion
個人からチームまで

情報・タスク管理の一元化は

にお任せ！

View Slide

自己紹介
Designer Programmer Director WordPress

Core Contributer
Ruby on Rails

Contributor
React

Contributor
Vue CLI

Contributor
Kite
KITERETZ inc. CEO & Founder
kite.koga / ixkaito

View Slide

自己紹介 / Wocker
https://wocker.dev/
Docker ベース WordPress 開発環境

★ Star 481

View Slide

自己紹介 / Bathe
https://ixkaito.github.io/bathe/
Sass、Webpack などが設定済みの超シ
ンプル WordPress スターターテーマ

View Slide

自己紹介 / KTRZ Font
https://ixkaito.github.io/ktrz-font/
超ミニマルな幾何学フォント

View Slide

自己紹介 / Japanese Dummy Text
https://www.figma.com/community/
plugin/884977600755027488/Japan
ese-Dummy-Text
日本語ダミーテキストを生成する Figma
プラグイン

View Slide

自己紹介 / 世界一わかりやすい WordPress 導入とサイト制作の教科書

View Slide

Notion とは
What’s Notion?

View Slide

Notion とは
オールインワン情報管理ツール
All-in-one workspace
One tool for your whole team. Write, plan, and get organized.

View Slide

Notion とは / ドキュメント・ノートツール
Google Docs Dropbox Paper Evernote Confluence
OneNote esa Scrapbox HackMD

View Slide

Notion とは / タスク管理ツール
Trello Asana Jira
Backlog Redmine

View Slide

Notion とは / スプレッドシート・データベース
Google Sheets Excel Airtable

View Slide

Notion とは / その他の使い方
Pocket Pinterest

View Slide

具体的な利活用方法
Use Cases

View Slide

具体的な利活用方法 / キテレツの利用ツール
Notion Slack Figma GitLab

View Slide

具体的な利活用方法 / チーム理念の共有

View Slide

具体的な利活用方法 / オフィス情報
オフィスの住所、Wi-Fi・郵便受け・自転
車の暗証番号などをこのページにまとめ
ています。

View Slide

具体的な利活用方法 / メンバー管理

View Slide

具体的な利活用方法 / メンバー管理 / 個別ページ
メンバーの個別ページにはフルネーム、
カナ、スペル、ハンドルネーム、メールア
ドレス、電話番号などを記載。

メンバー同士でこれらの情報が必要に
なったときはここを参照します。

View Slide

具体的な利活用方法 / プロジェクト管理

View Slide

具体的な利活用方法 / プロジェクト管理 / プロジェクト個別ページ

View Slide

具体的な利活用方法 / プロジェクト管理 / プロジェクト個別ページ
ガントチャート
上記タスクを同じ画面で
でも表示します。
フィルタリングカンバンで表示
プロジェクトに関するタスクをこのペー
ジにして
します。
プロジェクトに関するドキュメントはす
べてこのページにまとめます。

クライアントから提供された外部ドキュ
メントはここにリンクを張ります。

ドキュメントが増えれば、サブページな
どを作って整理します。

View Slide

具体的な利活用方法 / タスク管理
したすべてのタスク
を一括管理します。
プロジェクトを横断
1つのデータベース
全タスクはに入
れます。プロジェクトページには
フィルタリングして表示します。

View Slide

カンバン表示ガントチャート
表示
タスクを、
などで切り替えることができます。

View Slide

のタスクのみを表示したペー
ジも簡単に作ることができます。
自分が担当

View Slide

自分が担当のタスク
ガントチャート表示
プロジェクトごとのタスク
カンバン表示
、でタスクを編
集しても、ほかの場所にも
で反映されます。
どのページどの表示方法
リアルタイム

View Slide

具体的な利活用方法 / 議事録管理
プロジェクトと
関連付ける
全議事録を一括管理し、
ことで、プロジェクトページ
からも簡単にアクセスできます。

View Slide

具体的な利活用方法 / 経費精算
未精算金額合計
各自に経費を入力してもらい、メンバー
ごとのを表示できます。

View Slide

具体的な利活用方法 / ブックマーク・後で読む
(Chrome / Firefox
拡張機能) を使えば、気になった記事やサ
イトを簡単に保存・管理できます。
Notion Web Clipper

View Slide

具体的な利活用方法 / 自分だけのデザインギャラリー
などで整理すれば、自分だけのデザ
インギャラリーも作れます。
タグ

View Slide

操作方法 / 基本
Basics

View Slide

操作方法 / 基本 / 全体像
Private
▼
　 ▶
▼
　 ▼
　　 ▶
▼
　 ▶
▶
▼
　 ▼
　　 ▶
▶
Workspace
▼
　 ▶
▼
　 ▼
　　 ▶
▼
　 ▶
Private
▼
　 ▶
▶
Workspace
▼
　 ▶
▼
　 ▼
　　 ▶
▼
　 ▶
Private
▼
　 ▶
▶
Workspace
▼
　 ▶
▼
　 ▼
　　 ▶
▼
　 ▶
Private
▼
　 ▶
▶
Account

View Slide

操作方法 / 基本 / サイドバー
Favorites
お気に入り。よく利用するページにアクセスしやすくできます。
Workspace
ワークスペースの全員がアクセスできるページ。
Shared
ワークスペース内で個別に自分に共有されたページ。
Private
自分しかアクセスできないページ。

View Slide

操作方法 / 基本 / ページとデータベース
(通常の) ページデータベース
コンテンツの最大単位はか
Page Database

View Slide

操作方法 / 基本 / ページ
ブロック
見出し、テキスト、リスト、画像など、
さまざまなコンテンツを記述で
きます。

View Slide

操作方法 / 基本 / データベース
プロパティ
同様な (メタデータ) を持った
ページの集まり。テーブル、カンバン、
カード、ガントチャートなどの表示形式
を切り替えられる。

View Slide

操作方法 / 基本 / ページ作成
第一階層
何もない状態でページを作成するとワー
クスペースのに作成されます。

第一階層には何ページでも作成できる
が、第一階層のページを一覧できるペー
ジは存在しない (サイドバーからしか確認
できない) ため、ページが増えたときはそ
れらをまとめるページの作成をおすすめ
します。

View Slide

操作方法 / 基本 / ページ作成
リンク
サイドバー
サブページを作成すると、ページ内のど
こかに必ずが表示されます。

サブページはにも表示されま
す。

View Slide

操作方法 / 基本 / ブロック
Heading
見出し
Text
テキスト
To-do list
チェックリスト
Bulleted list
箇条書きリスト
Numbered list
順序付きリスト

View Slide

操作方法 / 基本 / ブロック
Toggle list
アコーディオン
Quote
引用
Callout
アイコン・背景付きブロック
Code
コードブロック

View Slide

操作方法 / 基本 / データベース作成
view
データベースは種類がたくさんあるよう
に見えますが、どれを選んでも (表
示方法) を変更することで最終的には同じ
ものができます。

View Slide

操作方法 / 基本 / Table (表)
データベースの操作に何かと便利なの
で、とりあえずここからスタート、もし
くは view に追加しておいてもいいかも。

View Slide

操作方法 / 基本 / Board (カンバン)
view に追加するとき、グループ化できる
プロパティがない場合はセレクトプロパ
ティが自動的に作成されます。

View Slide

操作方法 / 基本 / Calendar (カレンダー)
view に追加するとき、日付プロパティが
ない場合は自動的に作成されます。

View Slide

操作方法 / 基本 / Gallery (ギャラリー)
カバー画像本
文なし
最初の画像
カードのプレビューは、
、から選択できます。

本文にした場合、本文中に画像があれば
が適用されます。

View Slide

操作方法 / 基本 / Timeline (ガントチャート)
view に追加したとき、日付プロパティが
ない場合は自動的に作成されます。

View Slide

操作方法 / 基本 / ️ プロパティ
データベースの子ページのメタデータ。

View Slide

Table view ではプロパティはカラムとし
て表示されます。
Title プロパティは削除や非表示に
できません。

View Slide

Select
単一選択タグ
Multi-select
複数選択タグ
Person
ワークスペース内の Notion ユーザ
Checkbox
真偽値
Formula
関数
Relation
関係データベース
Rollup
関係データベースのプロパティへの参照

View Slide

操作方法 / 応用
Hands-on

View Slide

操作方法 / 応用 / ホームページを作成
プロジェクトやタスクをまとめるページ
を作成しておきます。

View Slide

操作方法 / 応用 / プロジェクト用データベースを作成
「Tags」プロパティは削除しても大丈夫
です。

View Slide

操作方法 / 応用 / タスク用データベースを作成
、、
などの必要なプロパティを
作っておきます。
ステータス (Select) 日程 (Date) 担
当 (Person)
カッコ内はプロパティタイプ

View Slide

操作方法 / 応用 / ↗ ️タスクとプロジェクトを関連付ける
Project
Relation
「 (任意) 」という名前のプロパ
ティを追加し、プロパティタイプを
にします。

View Slide

操作方法 / 応用 / ↗ タスクとプロジェクトを関連付ける
Project
Relation の対象に「」データ
ベースを選択し、「Create relation」を
押します。

View Slide

これでタスクとプロジェクトを関連付け
ることができました。

ついでに見やすいよう「Project」プロパ
ティを一番左側に移動しておきます。

View Slide

Related
to Tasks (Project)
Tasks
プロジェクト側では自動的に「
」プロパティが作成さ
れます。

プロパティ名は変更できるの
で「」に変更しておきます。

View Slide

また、この画面でプロジェクトごとのタ
スクを見ることは基本的にはないと思い
ますので、非表示にしておいてもいいで
しょう。

今回はタスクデータベース側から
Relation を作りましたが、プロジェクト
側から作ってもまったく同じ結果になり
ます。

View Slide

操作方法 / 応用 / カンバンでタスクを表示
を押してを選択し
て表示方法を追加します。
+ Add a view Board

View Slide

操作方法 / 応用 / カンバンでタスクを表示
を押してを選択し、
チームに応じてステータスを追加しま
す。
Group by … Status
ス
テータスなし
No Status = Todo
Trello と違って、Notion では
状態がありえるの
で、キテレツでは Todo ステータ
スは作らずに
としています。

ほかに Review (Doing と Done
の間)、Pending、Wontfix を
作っています。

View Slide

操作方法 / 応用 / ガントチャートでタスクを表示
を押してを選択
して表示方法を追加します。
+ Add a view Timeline

View Slide

を押してテーブル側の
を表示させておきます。

ほかはお好みで。
Properties
Project

View Slide

プロパティタイプがない場合は自動
的にプロパティが作成されます。

1つの場合は自動的にそれが利用されま
す。

複数ある場合はからで
選択できます。
Date
･･･ Timeline by

View Slide

Sort
見やすいようでプロジェクト→日程
順にしておきます。

View Slide

操作方法 / 応用 / 日付表示変更
Date format &
timezone Date format
Year/Month/Day
デフォルトの日付表示は日本人には読み
にくいと思いますので、タスクをどれか
開き、日付を押して
→ から
を選ぶと読みやすくな
ります。

View Slide

操作方法 / 応用 / ホームページでタスク一覧を確認できるようにする
･･･ Turn into inline
Tasks のからを押
します。

View Slide

Turn into page
これでホームページからチーム全体の進
行状況やスケジュールを確認できるよう
になりました。

でいつでもインライン表
示からリンクに戻すこともできます。

View Slide

･･･
Full width
カンバンやガントチャートなどをインラ
イン表示するにはページ幅が狭すぎるの
で、文章を書くことがないホームのよう
なページでは、ページ右上のから
にしてもよいでしょう。

View Slide

操作方法 / 応用 / プロジェクトページで関連タスクのみを表示
ボタン横のから
を押します。
New  + New template

View Slide

New project
･･･ Customize page
Always hide
テンプレート名を「」にし
ます。

タイトル下にプロパティの Tasks があり
ますが、特に見やすくはないので、ペー
ジ右上のからを押
して Tasks プロパティをに
しておきます。

View Slide

見出しなどをつけて、ドキュメントをま
とめるエリアとタスクを表示するエリア
を用意しておきます。

View Slide

/linked
Create linked database
タスクエリアでと入力して
が表示されたら
エンターを押します。

View Slide

データベースを選択します。
Tasks
データベースが多い場合はそのま
ま検索できます。

View Slide

を追加して、 Table view は
削除してもいいでしょう。

データベース右側のからを押
します。
Board view
･･･ Filter

View Slide

で
Where「」「」「
」フィルタを設定します。
+ Add a filter
Project Contains New
project
New project
「」はこのテンプ
レート自身という意味。このテン
プレートで作成したプロジェクト
は自動的にフィルタとしてそのプ
ロジェクトが利用されます。

View Slide

Timeline view
ガントチャートも表示したいので、さき
ほどの Linked Database に view を追加
してもいいんですが、見るときいちいち切
り替えないといけません。

Linked Database は何個でも作れますの
で、同様な手順での
Linked Database をもう1つ作れば、カ
ンバンとガントチャートを1つの画面で確
認できます。

View Slide

And Status Is
not Done
ガントチャートではタスクが増えるとど
んどん縦が長くなるので、フィルタに
「」「」「
」「」を入れておくといいで
しょう。

View Slide

New
project
既存のプロジェクトを開いて、中身がま
だなにもない状態であれば、
テンプレートを適用できます。

View Slide

を押すとテンプレートが適
用されて、それぞれのプロジェクトのタ
スクのみが表示されます。
New project

View Slide

プロジェ
クトが入力された状態
プロジェクトページでタスクを作成すれ
ば、自動的にプロパティにその
で作成されます。

View Slide

操作方法 / 応用 / その他
自分だけのタスク
議事録クライアント
タスクの親子関係
同様な手順でをフィル
タリングしたり、や
データベースを作成してプロジェクトと
関連付けたり、タスクデータベースを自
分自身と関連付けて、
を作ったりすることができます。

View Slide

Thank You!
https://twitter.com/ixkaito/
https://kiteretz.webflow.io https://kiteretz.studio.site/

View Slide

個人からチームまで、情報・タスク管理の一元化はNotionにお任せ！

個人からチームまで、情報・タスク管理の一元化はNotionにお任せ！

Kite

More Decks by Kite

Other Decks in Business

Featured

Transcript