【UI革命】新ボタン機能で圧倒的にNotionを使いやすくする方法【神アプデ】
Summary
TLDRこのビデオでは、ノーションの新機能であるボタンプロパティについて解説しています。ボタンプロパティを使うことで、データベースを直感的に操作できるボタンを簡単に作成できるようになります。具体的には、タスク管理、稼働管理、情報共有、ワークフローなど、様々なシーンでの活用法が紹介されています。ビデオの後半では、5つの活用事例を通して、ボタンプロパティの使い方を学ぶことができます。
Takeaways
- 😀 Steamでのノーション新機能の紹介。
- 📚 ノーションの使いづらさを解決する新機能「ボタンプロパティ」。
- 🔧 既存機能「ボタンブロック」と新機能「ボタンプロパティ」の詳細解説。
- 🎯 ボタンを活用する重要ポイントと具体的な活用事例5つの紹介。
- 📈 チームの生産性向上と個人の評価上昇に繋がる効果。
- 💡 直感的に使えるUIの設計の重要性。
- 📋 データベースの操作を簡単にするボタンプロパティの活用例。
- 👥 チームメンバーの作業効率を向上させるノーションの使い方。
- 🚀 ボタンを通じた情報資産管理の効率化。
- 📖 マニュアル不要で直感的に操作可能なノーションの構築方法。
Q & A
ノーションでボタン機能を使うメリットは何ですか?
-ノーションでボタン機能を使う大きなメリットは、データベースやページを使いやすく、直感的に操作できるUIを簡単に作れることです。ボタン1つで複雑な処理をまとめることができるので、チーム全体の生産性向上につながります。
ボタンの名前を考える際のポイントは何でしょうか?
-ボタンの名前を考える際のポイントは、どんな場面でそのボタンを使うべきか、使ってほしいのかを考えることです。チームで利用する場合は特に名前が直感的に使いやすいかが大切です。UIを意識して分かりやすい名前をつけましょう。
ボタンプロパティとボタンブロックの違いは何ですか?
-機能的な違いは、ボタンブロックではブロックの挿入ができるが、ボタンプロパティではできないことです。よく使う機能として、ボタンプロパティの方がそのページやデータベースのプロパティを直感的に編集できるので分かりやすくなっています。
ボタンでページを開く際のTIPSはありますか?
-はい。2つのページを同時に開くことができます。また、開いたページに戻るためのボタンも用意することで、会議が終わった後などにスムーズに元のページに戻れるようになります。
タスク管理でボタン機能を使うメリットは何でしょうか?
-タスクのステータス更新や時間の計測などがボタン1つで簡単にできるようになります。ボタンの名前を直感的に分かりやすくすることで、タスクの進捗管理をスムーズかつ視覚的に行えます。
車内方データベースの使いやすくするTIPSを教えてください。
-まずは閲覧用のボタンを用意し、誰もが簡単に中身を見れるようにします。次にいいねボタンや閲覧者数、評価などの機能を実装すれば、記事の改善に生かせます。要は誰もが見たくなるデータベースを心がけましょう。
ワークフローを構築する際のポイントは何でしょうか?
-申請者用と承認者用で別々のビューを用意することで使い分けがしやすくなります。差し戻しの際はコメントを入力する流れを作ることも大切です。ステータスや日時の変更をボタンで行えるようにすることがポイントです。
スラックと連携するメリットは何ですか?
-ノーションでページの追加などをトリガーに、Slackに自動通知を送信することができます。これにより申請や変更などの漏れを防ぐことができます。リアルタイムで共有も可能になります。
UIを意識してデータベースを設計する理由は何ですか?
-たとえ機能が充実していても、UIが分かりにくければ誰も使おうとしません。デザイン性や操作性などUIをしっかり考えることで、全体の生産性が上がります。使いやすさが成功の鍵となります。
ボタン機能を使いこなすコツはありますか?
-名前、場面、UIの3点に留意しましょう。データベースやページで頻繁に行う操作をボタンでまとめることができます。ステップを複数組み合わせることで更に可能性が広がっていきます。機能を覚えることも大切です。
Outlines
📘 ノーションの基本機能解説
ノーションの基本機能であるボタンブロックについて解説。ボタンはページ内のどこにでも設置でき、アクションを設定することで、ボタンを押した時の処理を指定できる。名前付けに工夫することで直感的に分かりやすくできる。
🔀 ページを追加・開く機能
ボタンブロックを使って、データベース内に新規ページを追加したり、ページを開く処理ができるようになった。これを組み合わせることで、複数のページを同時に表示させるなど、会議録を管理するのに便利な機能を実現できる。
📎 ページ編集機能
既存のページをまとめて編集できる機能について解説。データベースとフィルターを組み合わせることで、条件に合うページを一括で編集できる。間違って押すリスクがあるので、確認メッセージの設定も大切。
💡5つのボタン機能全解説済み
ここまでに、5つのボタンブロックの機能(ブロックの挿入、ページの追加・開く・編集、確認メッセージの表示)の解説が完了した。これらを組み合わせることで、複雑な処理も実現可能。次からは新機能のボタンプロパティについて説明する。
🆕 ボタンプロパティ機能
ボタンブロックをデータベースのプロパティとして設定できる新機能。UIを直感的に作れるのが最大のメリット。データベースの使い勝手が格段に向上し、生産性が高まることが期待できる重要なアップデート。
💡 5つのボタンプロパティ活用事例
ボタンプロパティの具体的な活用事例として、1タスク管理、2時間計測、3記事データベースの運用、4記事の評価、5ワークフローの5つを紹介。簡単な設定で効果的に活用できることを解説した。
Mindmap
Keywords
💡ボタン機能
💡UI
💡プロパティ
💡ステップ
💡確認
💡ページを開く
💡ページを追加
💡ページを編集
💡ボタンプロパティ
💡ワークフロー
Highlights
ノーションを使いやすくする新機能ボタンプロパティを解説
ボタンブロックの名前とUIはチーム利用時に大切
ボタンブロックでページ追加や開くことができる
ボタンでページプロパティを編集できる機能が追加
ボタンプロパティは直感的操作とUI作成に適している
ボタンプロパティでタスクステータスを更新できる
ボタンプロパティでタスクの時間計測ができる
車内方DBのボタンで閲覧管理と評価計測ができる
ワークフローの申請と承認をボタンで実現できる
ビューとオートメーションでワークフローを支援
UIを分かりやすくすることがチーム生産性向上につながる
ボタンプロパティで誰もが使いやすいノーションが作れる
コメント欄で学んだことをアウトプットすることが大切
質問や不明点はコメント欄で質問すること
動画が参考になった方は高評価と感想をお願いします
Transcripts
00:00どうも管理の山田です今日はSteamで
00:01ノーションを使っている皆様に最高の新
00:04機能を紹介しますノーションを全然使って
00:06もらえないマニュアルも全然見てくれない
00:09そんな経験ありませんか挙句の果てにいや
00:11マニュアル見てないやつが悪いじゃん
00:13なんて思ったりしてませんかそれ残念
00:15ながら悪いのは作った方です分かりづらく
00:17て使いづらいからそうなってますでもそれ
00:19を簡単に解決してくれるのが今回の新機能
00:22この機能を使えば頑張ってマニュアル
00:25なんて使わなくても直感的に使える
00:27ノーションが作れるようになってチームの
00:29生産性が爆発上がりしてチームメンバー
00:31から感謝されまくってあなたの評価も爆
00:33上がりしますということで今回は
00:35ノーションを劇的に使いやすくすることが
00:38できる新機能ボタンプロパティを決定解説
00:40していきます流れはこちらの通りで既存
00:43機能のボタンブロックと新機能のボタン
00:45プロパティを解説した後に具体的な活用
00:48事例を5つ紹介します前半の解説でボタン
00:51を活用していく上での大事なポイントを
00:54話していきますので是非飛ばさずに順番に
00:56見ていただくことをお勧めしますこの動画
00:59を見るだけで直感的に使えるノーションが
01:01作れるようになってチームの生産性が一気
01:04に上がって注意からの評価も爆あがりし
01:06ます是非最後までご覧くださいこの
01:08チャンネルではあなたが持つ情報を資産に
01:11変える方法をお届けしています終わらない
01:13タスクや散らばった大量のメモこんな雑多
01:16な情報もまとめてノーションで一元管理
01:18タスクは目標への道しべメモはアイデアの
01:21種や血への厳選に変わりますノーションで
01:24自分だけの情報資産を手に入れたい方は
01:26是非チャンネル登録をお願いしますそれで
01:28は本題に入りましょう
01:30[音楽]
01:33まずは今回アップデートされたボタン
01:35プロパティを説明する前に既存機能の
01:37ボタンブロックについて解説していきます
01:39こいつですねこのボタンブロックの特徴を
01:41しっかり理解しておかないと新機能を使い
01:44こなすことは難しいですすでに使ってる
01:46よっていう方もいるかもしれませんが今回
01:48のアップデートに伴って変更があった点や
01:50便利な小技も紹介しますので是非復習も
01:53兼ねてご覧くださいまずボタンブロックは
01:55ページ内のどこにでも作ることができます
01:58こういった見出しブロックであったり
02:00あるいはコールアウトブロックノーション
02:01にはたくさんのブロックがありますが
02:03ボタンもこれらと同じブロックなんですで
02:05は実際に設置していきましょうスラッシュ
02:08ボタンと入力すると作成することができ
02:10ます作成するとボタンの設定画面が表示さ
02:12れます上からボタンの名前それから
02:15アイコンの設定そしてアクションを追加
02:17することができますこのアクションを追加
02:19欄にボタンを押した実行さえる処理を追加
02:22していきます追加できる要素は5つあって
02:24まずはブロックを挿入よく使うブロックを
02:27ここに入れておくことでワンクリックで
02:28作成できます例えばこんなチェックリスト
02:31を用意しますこれをボタンの中に入れて
02:32おくだけでボタンを押すたびに作成できる
02:35ようになりますここでポイントなのが
02:36ボタンの名前ですどんな時に使うべきか
02:39使って欲しいのかチームで利用する際は
02:41特に名前を考えるのがめちゃめちゃ大事に
02:44なりますこの名前で直感的に使いやすいか
02:46どうかが決まるんです例えばこのボタンは
02:49やることがたくさんありすぎて頭が爆発し
02:52そうになったらとりあえず押してという
02:54ボタンにしてみましょうアイコンも爆弾が
02:56いいですねこちらですねはいこれで完了し
02:59ましょうボタンをクリックするだけで
03:01先ほどのチェックリストが作成されます
03:03ボタンの名前をこれにしたのでチェック
03:05リストのタイトルも変えた方が良さそう
03:07ですねとりあえず書き出そうこんな形にし
03:09てみましょうはいではもう1回作成すると
03:11こんな形ですねやることがたくさんあり
03:13すぎて頭が爆発しそうになったら
03:15とりあえず書き出そういうようなボタンが
03:16できましたボタンを押すと何個も作成され
03:19ますプロジェクトが忙しくなってきたら
03:21よく使うページの先頭にこのボタンを置い
03:23ておくといい効果を発揮しそうですね
03:25こんな感じでボタンって使い方が
03:27めちゃめちゃ大事なんですもう少し
03:28踏み込んで言うとどうやって使ってもらう
03:30かが大事ですこれはチーム利用に限った話
03:33ではなくて個人利用でもそうですいかに
03:35自分に使ってもらえるかが大事なので
03:37どんな場面で使うものか直感的に分かり
03:40やすいかいわゆるUIですねユーザー
03:42インターフェイスボタンはUIを意識して
03:44作っていきましょうでは解説に戻っていき
03:47ます次はページを追加を説明しますただの
03:49ページを追加という意味ではなくて指定し
03:51たデータベースにページを追加するという
03:53機能ですこの機能のすごいところはただ
03:56ページを追加するだけではなくて
03:57プロパティも指定できることです実際にお
04:00見せしたいのでまずはデータベースを用意
04:02しますスDBでインライのデータベースを
04:04作成して名前はボタンで疑似録作成にし
04:07ましょうタグは消してしまってプロパティ
04:09は日付ですね日付を作成してそれから
04:12ユーザーを追加しましょうユーザーは参加
04:15者ですねはい簡易的な疑似6の
04:17データベースを作成しましたここに今日
04:19行う会議の疑似録を追加するボタンを作成
04:22しましょうまずはデータベースを選択で
04:24ボタンで疑似録作成こちらを選択します
04:26そうするとプロパティが表示されます今回
04:28は今日行会議の疑似録を作りたいので
04:31プロパティを日付にしてこちらの内容は
04:33今日を選択しましょうあとは参加者ですね
04:36基本的にこの疑似6を作成する人が参加
04:39すると思いますのでボタンをクリックした
04:41ユーザーを追加しておきましょうはいこれ
04:43でアクションは完成です名前は今日参加
04:45する疑似6の作成アイコンも設置しておき
04:48ましょうはいでは完了をして実際に使って
04:51みましょうボタンをクリックします今日の
04:53日付が入ったページが作成されました
04:55ボタンを押すごとに作成されますでもこれ
04:57だけだとちょっと微妙ですよね実際実際は
05:00疑似6を用意したらページの中身を書いて
05:02いくと思いますので作成したページがその
05:04まま開いて欲しいですなのでそれも設定し
05:06ちゃいましょうボタンを再度設定したい
05:08場合はボタンの右側に出てくるこの歯車を
05:11押しますそうすると設定画面が開くので別
05:14のステップを追加からページを開くこちら
05:16を選択しましょうどのページをどんな形式
05:19で開くかを設定することができます今回は
05:21追加された新規ページこちらですね開く
05:24形式はお好みですがサイドピークに今回は
05:26しておきますはいこれで完了してもう1度
05:28ボタンをクッしてみますそうすると作成し
05:31たページをサイドピークで開いてくれます
05:33これだけでも十分便利なんですが1工夫
05:35するとさらに便利に活用できます皆さん
05:38定例会議ってあると思うんですがあれ前回
05:41何話したっけってなることありませんか
05:43前回の疑似録を横に並べてみたいって思う
05:46こと絶対にあると思うんですねそんな時に
05:48便利に使えるのが2つのページを同時に
05:50開くことです実際に試してみましょう
05:53分かりやすいように疑似6を3つ用意して
05:55おきました今回の疑似録を開いている状態
05:58で前回の疑似録を見ようとすると今回の
06:01疑似録に変わって前回の疑似録が表示され
06:03てしまいますよねこれだと同時に見れない
06:06ので不便ですこれをボタンで解決します
06:08疑似6のページ内にボタンを設定して
06:11アクションを追加します選択肢が増えてい
06:13ますが一旦無視してくださいここは後で
06:16説明しますステップは2つでまずはこの
06:18ページをフルページで開くように設定し
06:20ますさらにもう1つページを開くを設定し
06:23てページはデータベースを選択します開き
06:26方はサイドピークに設定しておきますこれ
06:28で準備完了です名前は他の疑似録を横に
06:31並べるとしておきましょうアイコンは
06:33こんな感じですねでは実際にボタンを押し
06:35てみましょうそうすると左側に今回の疑似
06:38録が表示されて右側にデータベースが表示
06:41されているページに切り替わりましたここ
06:42で前回の疑似録を開きますそうすると
06:45こんな形ですね今回の疑似6が左前回の
06:47疑似6が右側に表示されますさらに前前回
06:50が見たい場合は再度ボタンを押して前前回
06:53の疑似6を開きますちょっとしたことなん
06:55ですがこんなボタンを設置しておくと
06:57めちゃめちゃ便利に使えますあただこの
06:59ボタンを用意するのであればもう1つ
07:01ボタンを用意しておいた方がいいですね元
07:03のページに戻るボタンですもう1つボタン
07:06を作成してアクションを追加ページを開く
07:08でページ
07:09はこちらのボタンブロック解説これをフル
07:13ページで開く設定にします名前はそうです
07:15ね元のページに戻る必要があるのは会議
07:18終了後だと思うので会議終了後に元の
07:21ページに戻るこんな名前にしておき
07:23ましょうアイコンもこれがいいですねこれ
07:25でこの元のページに戻るボタンを押すと
07:27疑似録を開く前のページに戻ることができ
07:29ますページを追加とページを開くも解説し
07:32ましたので次はページを編集の解説をして
07:35いきます再度ボタンを作成します先ほど
07:37説明したページを追加では新規にページを
07:40作成してその新規に作成したページの
07:43プロパティを編集することができましたが
07:45ページを編集の対象は既存のページです
07:47対象のデータベースを選択してフィルター
07:50をかけてそのフィルターに該当するページ
07:52をまとめて編集することができます先ほど
07:55の疑似6データベースで試してみましょう
07:57まずはデータベースにチェックボックスを
07:59追加しますアーカイブとしておきましょう
08:01日付が1週間以上前のページに対してこの
08:04アーカイブにチェックが入るそういった
08:06ボタンを作成していきましょう分かり
08:08やすくするためにページを追加しておき
08:10ましたまずはボタンでデータベースを選択
08:12しますこの全てのページとなっている
08:14ところがフィルターの設定ですここを
08:16クリックすると普段データベースで
08:18フィルター設定をするのと同じポップ
08:20アップが表示されますプロパティを日付に
08:22して条件は以前ですねこちらを1週間前と
08:26しましょうこれでフィルター設定は
08:27オッケーですこの条件に答するデータに
08:30ついてはアーカイブにチェックが入るこれ
08:32で設定はオッケーです名前は1週間前の
08:35疑似録をアーカイブするアイコンはこれで
08:38いいですねはいアイコンも分かりやすく
08:40するための大事なポイントですこれで
08:42オッケーですボタンを押してみるとはい
08:44こちら2つにチェックが入りました今日が
08:462月4日なのでいずれも1週間以上前の
08:49日付となっていますそうしたらせっかくな
08:51のでビューも整えましょうフィルターで
08:53アーカイブにチェックがないものとして
08:55ビューの名前を最近の疑似録にしておき
08:58ますこのビューを複製して今度は
09:00アーカイブにチェックがあるものだけに
09:02フィルターをかけます名前はアーカイブと
09:04しておきましょうこのボタンがあることに
09:06よって最近とは1週間以内であること
09:08アーカイブビューに表示されているのは1
09:11週間以上前の記事なんだなということが
09:13直感的に分かると思いますこれで完成でも
09:15いいんですがまとめてページを編集する
09:17ボタンの場合間違って押してしまうリスク
09:20ヘッジをしておいた方がいいですという
09:21ことで5つ目の機能確認を表示ですボタン
09:24には確認を表示することもできます実際に
09:26追加していきましょう別のステップを追加
09:29から確認を表示こちらをクリックします
09:31確認メッセージや続行ボタンキャンセル
09:33ボタンのテキストを自由に変更することが
09:36できます今回の場合は1週間以上前の録を
09:39アーカイブしてよろしいですか確認
09:41メッセージはこんな形にしてみましょう
09:43続行ボタンはアーカイブするキャンセルは
09:46そのままでも良さそうですねこちらの
09:47メッセージはもちろんお好みなんですが
09:50ここでも大事なのが直感的に分かりやすい
09:52かということだと思ってますああともう1
09:54つとっても大事なことがありましたこの
09:56ステップは上から順番に処理がさされて
09:59いきますつまり下に確認を入れても全く
10:02意味がないんですね実際に試してみます
10:041度ボタンを完了して分かりやすいように
10:06一旦フィルターを外しますねチェックも
10:08外しておきますこの状態でボタンを押すと
10:11確認画面は表示されるんですがすでに
10:13チェックが入ってしまっています処理が
10:16実行された後に確認メッセージが表示され
10:18ているんですねこれだと意味がないです
10:21確認のステップは必ず処理の前に置くよう
10:24にしましょう左上のこちらの6点ブロック
10:26を押すことで簡単に移動させることができ
10:28ますこれでもう1度試してみましょう
10:30チェックを外してボタンをクリックします
10:32そうすると確認が表示された時点ではまだ
10:35チェックが入っていませんここで
10:37キャンセルを押すと処理がキャンセルされ
10:38ますもう1度ボタンをクリックして
10:40アーカイブスるをクリックするとここで
10:42初めて処理が実行されてチェックがつき
10:44ます確認メッセージをつける時には
10:46ステップの処理順番に注意しましょうはい
10:48順番前後しましたが5つの機能について
10:51全て解説してきましたこのステップを複数
10:54組み合わせるとより複雑なこともボタン1
10:56つでできるようになります具体的な活用例
10:59は後ほど説明させていただきますねでは
11:01いよいよボタンプロパティの説明に行く前
11:04に途中で説明を飛ばしたところそこの解説
11:06だけ簡単にしちゃいます疑似録の中に
11:09ボタンを作ったこちらですねこちらの
11:11ステップを追加時に新たに表示されていた
11:14こちらのメニューを解説しますこの
11:15メニューは今回のアップデートに伴って
11:18追加された機能でボタンを設置したページ
11:20がデータベース内のページだった場合に
11:23表示されます今回の場合で言うと疑似6の
11:25データベース内にある疑似6ページに
11:27ボタンを設置しているのでこのプロパティ
11:30が表示されていますこのメニューはボタン
11:32が設置されたページつまりこのページの
11:34プロパティを編集することができる
11:36メニューですこれまではページを編集する
11:38からこのページこれを選択してからでない
11:41とボタンが設置されたページの
11:43プロパティーを編集することができません
11:45でしたがそれがすぐに編集できるように
11:47なりましたま新しいことができるように
11:49なったわけではないんですねなんなら
11:51いきなり表示されていると最初は戸惑うと
11:54思いますこれまで不便を感じていた人は
11:56こちらのメニューを使うと効率化されます
11:58がそもそもボタンあんまり使ってこなかっ
12:00たよという人は初めはそんなに気にしなく
12:03ても問題ないかなと思いますではボタン
12:05ブロックの基本は説明しましたので
12:07いよいよ新機能のボタンプロパティについ
12:09て解説していきます今回の新機能ボタン
12:11プロパティとはここまで解説してきた
12:14ボタンブロックをデータベースの
12:16プロパティーとして設置できるようになっ
12:18たものですまずはこのデータベースに設置
12:20してみましょうプロパティからボタンを
12:22選択しますそうすると先ほどと同じように
12:25アクションを追加ということができるよう
12:27になっています1番上はプロプロパティの
12:29名前でラベルはボタンに表示される名前
12:31です空白の場合はプロパティーの名前が
12:34表示されます試しにアーカイブボタンを
12:36作ってみましょうプロパティの名前は
12:38アーカイブボタンラベルはアーカイブする
12:41としましょうアクションを追加をクリック
12:42するとボタンブロックと同じような
12:44メニューが表示されますここでボタン
12:46ブロックとの違いを2つ解説します1つ目
12:49は機能的な違いこちらのボタンプロパティ
12:52にはブロックの挿入がありませんブロック
12:54を挿入できるのはボタンブロックだけです
12:56まこれは全然問題ないですよね大事なのは
12:592つ目の違いでよく使うメニューが圧倒的
13:02に変わりますそれが下に表示されている
13:04プロパティを編集のゾーンですね先ほどの
13:07ボタンブロックの場合はここまそんなに気
13:09にしなくていいですよという話をさせて
13:11いただきましたがボタンプロパティーの
13:13場合はめちゃめちゃ直感的に分かりやすい
13:16と思います今回で言えばアーカイブに
13:18チェックをするこれだけでオッケーですね
13:20実際にボタンを押してみるとはいチェック
13:22がそれぞれつくようになりました設定する
13:24側も使う側も直感的に分かりやすくする
13:27ことができるこれがボタンプロパティーの
13:29最大の特徴です注意して欲しいのは正直
13:32全く新しいことができるようになったと
13:34いうわけではないです大体のことはボタン
13:37ブロックでも実現できましたただしこの
13:40ボタンプロパティーのすごいところは実現
13:42できることが増えたということではなくて
13:44簡単に使いやすいUIを作れるようになっ
13:47たということなんですせっかく苦労して
13:49構築したのに思ったように使われない
13:51データベース細かいところまで一生懸命
13:54書いたのに誰も読んでくれないマニュアル
13:56そんな悲しみを解消してくれるのがこの
13:58ボタンプロパティです直感的に分かり
14:00やすくしておけば細かい説明もマニュアル
14:03もいらなくなるんですだからチーム利用者
14:05には絶対に知っておいて欲しい機能なん
14:08ですこれから具体的な活用事例を5つ紹介
14:11していきますがこのボタンプロパティを
14:13使う目的は今使っているデータベースを
14:16より使いやすくより分かりやすくすること
14:18です皆さんが使っているデータベースを
14:20思い浮かべてあここに使えそうだなあそこ
14:23を置き換えるともっと分かりやすくでき
14:24そうだなそんな感じでイメージしながら見
14:27てもらえればなと思いますでは具体的な
14:29活用事例を紹介していきます1つ目は
14:31タスクステータスの更新ですまずタスク用
14:34のデータベースを用意しますボタンで
14:36タスク管理プロパティーはまずタグを消し
14:39てえ日付を追加しますあとはステータス
14:42ユーザーも追加しましょうユーザーは担当
14:44者ですね日付は期限としておきましょう
14:46まずはタスクの開始ボタンを作成します
14:49プロパティ作成からボタンを選択して
14:51プロパティの名前はタスク開始ボタンとし
14:53ましょうラベルはタスク開始アクションに
14:56はステータスを進行中に変更してで別の
14:59プロパティを編集から担当者こちらに
15:01ボタンをクリックしたユーザーを追加し
15:03ましょうこれでタスク開始ボタンは完成
15:05です実際に押してみるとステータスが進行
15:07中になって担当者が設定されます同じよう
15:10に完了ボタンも作成しましょうタスク開始
15:12ボタンを複製してこちらを修正していき
15:15ますまずは名前を完了にしていきましょう
15:17タスク完了ステータスを完了にします担当
15:20者はなくても良さそうですねはいこれでオ
15:23ですタスク完了ボタンを押すとステータス
15:25が完了となりますシンプルなボタンですが
15:27これだけでも十分分かりやすくできると
15:30思いますただこれだけだと寂しいので時間
15:32計測もできるようになるとさらに便利です
15:35よねということで活用事例2つ目時間の
15:38計測です期限とは別に開始日時と終了日時
15:41を追加しますこちらは開始日時こちらを
15:44複製して名前を終了日時に変更しますそう
15:47したらタスク開始ボタンにアクションを
15:49追加しましょう別のプロパティを編集から
15:52開始日時こちらを今に設定しましょうそう
15:54するとタスク開始ボタンを押すと開始日時
15:57が設定されました今の時間ですね同じよう
15:59に完了ボタンに終了日時を追加するように
16:02しましょう別のプロパティを編集から終了
16:04日時を選択してこちらも今に設定します
16:07これでタスク完了ボタンを押すと終了日時
16:10が入力されました何分かかったか分かる
16:12ように数式も加えてみましょうプロパティ
16:14追加から数式を追加してかかった時間かこ
16:18分としておきましょう2つの日時の差を
16:20算出したい場合はこちらのデートビトイン
16:23を使用します終了日時から開始日時を引き
16:26ますそして単位としては分なのでミニッツ
16:29こちらでオッケーですはいかかった時間が
16:31表示されるようになりました時間が同じな
16:33のでもう1回タスク完了ボタンを押してみ
16:35ましょうそうすると22分になってかかっ
16:37た時間2分になっています数式に分も
16:40つつけるとより分かりやすくなりそうです
16:41ねはいこんな感じでしょうかそうすると2
16:43分と表示されるようになりましたこの時間
16:45計測はいろんな使い道があります例えば
16:48近体管理こちらの期限を出勤日にして
16:51ボタンの名前も変えましょうこちはま開始
16:53ボタンちゃってこちらを出勤こちらは大金
16:57ですかねはま完了にしておいてラベルを
16:59大金にしますこれで簡易的ですが開始
17:02ボタンで出勤日も入力されるようにすると
17:05良さそうですねこの場合は今が良さそう
17:07ですそうすると出勤このステータスはなく
17:09てもいいかもしれませんが出勤日今日で
17:12開始日時まこれ出勤日時ですかね出勤日時
17:15が何時ですよとで大金する時にはこちらの
17:18大金ボタンを押せば終了日時こちらもま
17:20大金日時ですね大金日時が表示されて
17:23こちらもま勤務時間でしょうかこんな形で
17:26同じ仕組みを使えば簡易的ですが近体管理
17:29もできるようになります今日の趣旨から
17:31外れちゃうんで細かく説明はしませんが
17:33残業時間や休憩時間も計測できますね
17:36アルバイトさんの簡単な近体管理であれば
17:39十分なものが作れると思いますでは次はお
17:41知らせ用のデータベースで解説していき
17:44ます例として3つ記事を用意してみました
17:46この車内法のデータベースを使いやすくし
17:49ていきましょうまず大事なのは皆さんに
17:52中身を見てもらうことですよねなので閲覧
17:54用のボタンを作りましょう活用事例3つ目
17:57ですこれが意外と盲点なんですが
17:59ノーション初心者の方ってどこからページ
18:01を開けばいいか分からないことが多いん
18:03ですというかそもそも開くものだと思わ
18:06ない人もいると思いますなので分かり
18:08やすく閲覧用のボタンを用意しましょう
18:10プロパティからボタンを作成して名前は
18:13閲覧用ボタンとしますラベルはページを
18:15開くにしましょう分かりやすく絵文字も
18:17つけておきましょうはいいいですね
18:19アクションはこのページを開くだけでいい
18:21と思いますページを選択からこのページ
18:24ですね形式はサイドピークにしておき
18:26ましょうはいこれでオですこれを1番左に
18:28置いておけば直感的に分かりやすいですよ
18:30ねこのボタンを押せばページを開くことが
18:32できます次はどれぐらい閲覧されているか
18:35も把握したいので閲覧者が分かるようにし
18:37ていきたいと思いますまずは閲覧者用の
18:39プロパティを作りますユーザーですね
18:41こちらを閲覧者ユーザーにしておき
18:43ましょうそうしたら先ほどのボタンを編集
18:46して別のステップを追加閲覧者ユーザーに
18:48ボタンをクリックしたユーザーを追加さ
18:50れるようにしましょうページを開くと閲覧
18:52者ユーザーに名前が入って誰が閲覧したか
18:55分かるようになりましたそうしたら今度は
18:57どれぐらいの割合で閲覧されているかも
19:00把握したいですよねこれは色々方法がある
19:02と思うんですけども今回は簡易的に数値
19:05プロパティを使って対象者の人数を入力し
19:08ましょうこちらのページを見てもらいたい
19:10対象者の人数ですね例えば5としておき
19:13ます次は閲覧者ユーザーの数も把握できる
19:15ようにしたいですこちらは数式を使います
19:18名前は閲覧者数閲覧者ユーザーの数を
19:21数える時はレングスというこちらですね
19:23この数式を使いますこれで閲覧者の数も
19:26分かるようになりましたユーザーをちょ
19:28ちょっと増やしておきましょうこれで5人
19:30中3人閲覧してくれているということが
19:32分かるようになりましたせっかくなので
19:34数式で割合も出すようにしましょう名前は
19:37閲覧率にしておきましょう数式は簡単で割
19:40算をしておけばオッケーです閲覧者数÷
19:42対象者の人数こちらですねはい0.6と
19:45表示されているのでパーセン表示に変更し
19:48ましょうかパーセにして場表示にすると
19:50これでだいぶ資格的に分かりやすくなり
19:52ましたね次は記事の評価も欲しいのでいい
19:55ねボタンを作りましょうこれが活用事例4
19:57つ目です閲覧者と同じようにイネ用の
20:00ユーザープロパティも作成しますこちらは
20:02ネユーザーとしておきましょうそしてイネ
20:05ユーザーの人数も分かるようにします
20:07こちらは閲覧車数のプロパティを複製して
20:09名前はイネ数に変更します数式の閲覧車
20:13ユーザーのところをEねユーザーに変えれ
20:15ばオッケーですではボタンを作っていき
20:17たいんですがいいねボタンはプロパティ
20:19じゃない方が良いかなと思います理由は
20:21簡単でこれはSNSじゃないのでちゃんと
20:24記事を読んでもらった上でいいねボタンを
20:26押して欲しいからですなのでの1番下に
20:29置いておくのがいいですねボタンブロック
20:31を作成しまして名前はいいねにしましょう
20:33アイコンもいいねのアイコンこちらですね
20:35アクションはいいねユーザーこちらですね
20:37ボタンをクリックしたユーザーにしまして
20:40ここで置き換えと表示されていますが
20:42こちらは置き換え追加削除切り替えといっ
20:45た形でボタンを押した時にどういった動作
20:47をするかを設定することができます今回は
20:50切り替えにしておきましょう実際にこれで
20:52ボタンを押してみますといいねを押すと
20:54ユーザーに追加されてカウントが1になり
20:56ますもう1度押すとユザーから削除されて
20:59いいね数は0になります切り替えという
21:01区分を使うとこういった形でオンオフも
21:03できるようになりますこれでいいねボタン
21:05もOKですそうしたら閲覧率と同じように
21:08いいねの割合も出せるようにしましょうか
21:10こちらの閲覧率を複製してこちらを変更し
21:13ていきましょう名前はイ値率としておいて
21:16数式を今度は分子がe値数そして分母が
21:20閲覧者数こちらですね作成できましたが
21:23少数点以下がちょっと汚くなってしまい
21:25ましたこの場合はちょっとした技を使い
21:27ますラウという数式を使うと少数点以下を
21:30死者購入できるんですがパーセンの場合は
21:33ただラウンドを使うだけだと0になって
21:35しまいますなのでラウンド内で1度
21:381000倍してからその後にラウンドの外
21:40で1000で割るこういった資金すると
21:42少数点の第1位で綺麗に飛車ご入をして
21:45くれるような数式を作ることができます
21:47少数点以下いらないよっていう方は
21:491000を100にしておけばこんな形
21:51ですね少数点以下で飛車購入をしてくれ
21:53ますちょっとした小技ですが意外と使う
21:55機会が多いので覚えておきましょうはいと
21:58いうことで車内方のデータベースが完成し
22:00ましたちょっと綺麗に並べ替えちゃいます
22:02ねはい機能を色々とつけちゃいましたが
22:04やっていることはシンプルです閲覧者は
22:07ボタンを押してページを開く記事を読ん
22:09だら最後にいいねを押すこれだけです管理
22:11者は閲覧率やいいね率を見て運用方法や次
22:15の記事の改善に生かすことができます
22:17ボタンを使わずにやると相当に手間ですし
22:20操作も分かりづらいものになると思います
22:22がボタンを使うことでこれだけシンプルに
22:25できます是非試してみてください活用事例
22:275つ目はワークフローですワークフローと
22:30は業務における一連の流れのことを言い
22:32ます担当者が作成をして上長が承認をする
22:35といった感じですねこれをノーションで
22:37作成していきますまずは同じように
22:39データベースを用意しましょうこんな形で
22:41申請者と承認者申請承認それぞれの日時を
22:45入力できるプロパティを用意しましたあと
22:47はステータスですね4つのステータスを
22:49用意していますではワークフローに沿って
22:51ボタンを用意してみましょうまずは申請
22:53ボタンから作成していきましょうボタンを
22:55選択しては申請ボタンとしますラベルは
22:58申請で良さそうですねアクションはまず
23:00申請者これはボタンをクリックした
23:02ユーザーとしますそして申請日時こちらは
23:05今でいいですねステータスは申請中を選択
23:08しますこれで申請ボタンはOKですね
23:10ボタンを押してみると申請者と申請日
23:13こちらが入力されてステータスが申請中に
23:15変わっています次は承認者側を用意します
23:18同じようにボタンを作成してこちらは承認
23:20ボタンとしますラベルは承認とします
23:23こちらも同じように承認者ボタンを
23:25クリックしたユーザーとして承認日時
23:27こちらを今としますステータスも同じよう
23:29に追加をして承認者の場合は承認完了とし
23:32ますこれで承認ボタンを押せば承認者と
23:35承認日時がそれぞれ入力されてステータス
23:37が承認完了となりますただ修正箇所がある
23:40場合は差し戻しますので承認ボタンと同じ
23:42ように差し戻しボタンも作成します
23:44差し戻しボタンも同じように作成していき
23:47ますプロパティを複製して名前を差し戻し
23:50ボタンラベルも差し戻しとします承認者は
23:52そのままでいいので承認日誌をクリアにし
23:55ておきましょうそしてステータスを
23:57差し戻しにしますはいこれでオッケーです
23:59ね差し戻す場合はボタンを押すと
24:00ステータスが差し戻しになります差し戻す
24:03場合は修正箇所があると思うので差し戻し
24:05コメントも用意しておいた方が良さそう
24:07ですねここに修正箇所を入力してもらうと
24:09いう形ですコメントの入力漏れがあると
24:12良くないので確認を追加しておきましょう
24:14別のステップを追加から確認を表示確認
24:17メッセージは差し戻しコメントを入力し
24:19ましたか続行ボタンのテキストは入力した
24:22ので差し戻すにしましょうキャンセル
24:25ボタンは入力してくるにしましょう
24:28ステップの順番はボタンプロパティも同様
24:30なのでこれを上に移動しましょうそうする
24:32と先に確認が表示されてからこちらの
24:35ステップが処理されるようになります
24:37こちらのページで試してみると確認が表示
24:39されて入力してくるを押すとキャンセルさ
24:41れてここにテスト入力そしてサイドボタン
24:44を押して入力したので差し戻すそうすると
24:46ステータスが差し戻しになって承認者に
24:48名前が入っていますこれでボタンの準備は
24:50完了ですこれだけでもいいんですが申請者
24:52用と承認者用それぞれのビューがあると
24:55より使いやすいのでそれも用意しましょう
24:57ままずは申請者側新規ビューから申請者用
25:01としますプロパティは承認ボタンや
25:03差し戻しボタンは不要ですね承認者の情報
25:06も見えている必要はないので非表示とし
25:08ますコメントもページを開いてから見る
25:10ことを考えるとここでは非表示でも良さ
25:12そうですねはいプロパティ表示はこれで
25:14良さそうですあとはグループをステータス
25:17で分けておくと見やすくなりそうですはい
25:19こんな形ですかね次に承認者側再度新規
25:22ビューを作成して承認者用こちらもまずは
25:24プロパティーの表示から今度はステータス
25:27や申請ボタンは不要ですね承認ボタンと
25:30差し戻しボタンは必要です前の方に持って
25:32きておきましょう誰からの承認かそして
25:34ボタンが表示されていればこちらは良さ
25:36そうですあとはフィルターですね
25:38フィルターでステータスが申請中となって
25:41いるものだけ表示するようにしましょう
25:42はいこれでOKです申請者から申請が来た
25:45場合承認者用に申請が来たものだけ表示さ
25:48れるようになりましたここまででもかなり
25:50便利に使えそうですがさらに使いやすく
25:53できますそれがスラック通知ですスラック
25:55を使っている方限定にはなりますがここに
25:58ページが追加されたらスラックに通知が
26:00飛ぶようになりますこれで抜け漏れも
26:02なくなりますね設定は簡単でまずは右上の
26:05イナズマアイコンをクリックしますこちら
26:07から新規オートメーションクリックして
26:09オートメーションを作成しますこの
26:11オートメーションでは対象のビューと
26:13トリガーを自由に設定することができます
26:16実はボタンにもトリガーという概念はある
26:18んですけれどもボタンの場合はボタンを
26:20押すことがトリガーなので特に触れてい
26:22ませんでしたオートメーションではページ
26:24の追加やプロパティの編集を自由にトガに
26:27に設定することができます今回の場合は
26:29対象のビューを承認者用そしてトリガーは
26:32ページの追加としますこの設定によって
26:35承認者用のビューにページが追加された
26:37場合にアクションが実行されるようになり
26:39ますではアクションも設定しましょうここ
26:41にスラック通知がありますここで1つ注意
26:44点なんですが僕の場合はボタンと同じよう
26:46に色々なアクションの設定ができますが
26:49これは有料プランに入っていないと設定
26:51できません無料プランの場合はスラック
26:54数値しか設定できないので注意しましょう
26:56今回はスラック通知なので無料プランの方
26:58でも大丈夫ですスラック通知を押すと
27:00チャンネルを選択する画面になりますので
27:03こちらからチャンネルを選択します通知を
27:05表示するチャンネルを選択すればこれで
27:07設定完了です名前は承認者用のスラック
27:10通知としておきましょうはいこれで作成を
27:12しますでは実際に試してみましょう新規
27:15作成をして申請テストとしますこちらで
27:18申請ボタンを押しますそうすると承認者用
27:20のビューに申請テストが表示されています
27:22これでスラックに通知されるんですが
27:25トリガーが発生した5分後に通知が送信さ
27:28れるようになっていますおそらく操作ミス
27:30などによる通知を避けるためかと思います
27:31が若干のラグがあるので注意しましょう
27:34スラック側の通知はこんな形で表示され
27:36ます変更点などが完結に書かれているだけ
27:39ですがこちらのオープインノーションを
27:41クリックするとすぐに該当のページを開く
27:43ことができます今回紹介したものは最低限
27:46の機能で用意したシンプル設計ですがより
27:48細かくより便利に設定することも可能です
27:51是非試してみて
27:54ください皆さんお疲れ様でしたどんどんな
27:57にいいものを作っても使われないと意味は
28:00ありませんどんなに細部にこだわっても
28:02分かりづらければ意味はありません是非
28:05今回紹介したボタン機能を使って皆さんの
28:08努力が無駄にならないようにノーションを
28:10使いやすく分かりやすく設計してみて
28:12くださいここまでご覧いただいた皆さんで
28:14あれば必ずできますもっとたくさんの事例
28:17やテンプレートを知りたいという方は
28:19LINE特典で最高のテンプレートセット
28:21も無料で配布していますご利用いただいた
28:23方からはこんなにありがたい感想をいいて
28:26いまして正直近々有料に切り替えることも
28:29検討していますので是非今のうちに概要欄
28:32トップのLINE公式から受け取って
28:34いただければと思いますもう1つお知らせ
28:36ですフリーランス法人向けのサポートを
28:38開始しました案件管理がうまく進められて
28:41いない疑似録や資料をいつも探している
28:43メンバー間の情報共有がうまくいってい
28:45ないそんな方は是非概要欄のリンクからご
28:48連絡くださいあなたが真に注力すべきこと
28:50に時間を使えるように無駄な管理コストを
28:52徹底的に削減いたしますでは最後に今日の
28:55復習です今日はボタン機能機能について
28:58徹底解説しました名前にこだわること
29:00どんな場面で使うか考えること直感的に
29:03分かりやすくすることこの3点を意識し
29:05ながら5つの活用事例を紹介させて
29:08いただきましたボタン機能を活用して誰も
29:10が使いやすいノーションを作って皆さんの
29:12力でチームの生産性を上げていきましょう
29:15今日学んだことは是非コメント欄で
29:17アウトプットしてみてください学んだこと
29:19を自分の言葉で書くことで知識を知恵とし
29:22て定着させることができますご質問やご
29:24不明点などは是非コメント欄でお聞き
29:27ください必ず返信させていただきますと
29:29いうことで今回も最後まで見ていただき
29:31ありがとうございましたもしこの動画が
29:34少しでもためになったと思ってくれた方は
29:36コメント欄への感想や高評価をお願いし
29:38ますそれではまた次の動画でお会いし
29:40ましょう神理の山田でし
29:51た
5.0 / 5 (0 votes)
