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