素晴らしいです❗️ちなみにごろから映っている"Project"の前にあるdiagramのようなものはどう表示しておりますか?同じものを使いたいです❗️Notionのフォーミュラ関連参考にしておりますので応援しております❗️(00:16:50 - 00:20:03) - 【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!

素晴らしいです❗️ちなみにごろから映っている"Project"の前にあるdiagramのようなものはどう表示しておりますか?同じものを使いたいです❗️Notionのフォーミュラ関連参考にしておりますので応援しております❗️(00:16:50 - 00:20:03)
【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!

チャンネル登録よろしくお願いします ↓
http://www.youtube.com/channel/UCN5QUWj-pTTXLhG6woJSPlA?sub_confirmation=1

この動画では、Notion のデータベースへのプログレスバーの導入方法を紹介しています。プログレスバー内で使用されている formula の関数の詳細説明もしています。

★ 動画内で使用した関数
slice(&...
チャンネル登録よろしくお願いします ↓
http://www.youtube.com/channel/UCN5QUWj-pTTXLhG6woJSPlA?sub_confirmation=1

この動画では、Notion のデータベースへのプログレスバーの導入方法を紹介しています。プログレスバー内で使用されている formula の関数の詳細説明もしています。

★ 動画内で使用した関数
slice("▓▓▓▓▓▓▓▓▓▓", 0, round(prop("進捗率") * 10)) + slice("░░░░░░░░░░", 0, 10 - round(prop("進捗率") * 10)) + " " + format(floor(prop("進捗率") * 100)) + "%"

★ テンプレート
https://kunichan.booth.pm/items/3006619


目次
========================
00:00 はじめに
========================

#Notion
#使い方
#formula
#プログレスバー

#Notion #生産性 #仕事術 #使い方 #タスク管理 #エバーノート #メモアプリ #evernote #活用例 #formula #関数 #テンプレート #くにチャンネル #プログレスバー #Progress bar
はじめに======================== - 【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!

はじめに========================

【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!
2021年05月30日 
00:00:00 - 00:20:03
素晴らしいです❗️ちなみにごろから映っている"Project"の前にあるdiagramのようなものはどう表示しておりますか?同じものを使いたいです❗️Notionのフォーミュラ関連参考にしておりますので応援しております❗️ - 【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!

素晴らしいです❗️ちなみにごろから映っている"Project"の前にあるdiagramのようなものはどう表示しておりますか?同じものを使いたいです❗️Notionのフォーミュラ関連参考にしておりますので応援しております❗️

【Notion】プログレスバーの導入方法。データベースの見た目をアップデート!
2021年05月30日 
00:16:50 - 00:20:03
00:00:00 - 00:00:04: どうも邦ちゃんです今回はノーションでプログレスバーということで 00:00:04 - 00:00:08: 脳症のデータベースにプログレスバーを導入する方法を紹介します 00:00:08 - 00:00:13: プログレスバーの導入といっても実際にはデータベース上の数字を参照してその数値に 00:00:13 - 00:00:17: 沿って挙動が変化する4ミラーを書くだけで実現できます 00:00:17 - 00:00:20: 方面ぬ主義自体は少し長くて複雑に見えま 00:00:20 - 00:00:24: けれども一度作成してしまえばあとはコピペで使いまわせるようになります今回の動画 00:00:24 - 00:00:28: ではこのプログレスバーのフォーミュラーの紹介と自分なりにアレンジできるように 00:00:28 - 00:00:31: 関数の詳細な説明もしていきたいとおもいます 00:00:31 - 00:00:36: プログレスバーを導入するとその名の通りタスクであったりプロジェクトの進捗管理が 00:00:36 - 00:00:38: 直感的に行えるようになります 00:00:38 - 00:00:40: その活用例として過去に 00:00:40 - 00:00:45: 紹介したら読書管理データベースにそれぞれの本のページ数に対して今現在読み終わっ 00:00:45 - 00:00:49: たページ数で読書の進捗度を見える化したり 00:00:49 - 00:00:54: まあこちらまで以前に紹介した日記データベースの中で毎日のいくつかの習慣を 00:00:54 - 00:00:59: チェックボックスで並べていましたがこれらのチェックボックスがチェックされた割合 00:00:59 - 00:01:00: から自動的にイ 00:01:00 - 00:01:06: 日神戸の習慣の達成具合と管理するという習慣トラッカー的な使い方もできます 00:01:06 - 00:01:09: そして最後にはですねまぁこれを一番イメージしやすいと思いますが一つの 00:01:09 - 00:01:14: プロジェクトに複数のタスクが紐付いていてこれらのタスクの完了度合いをプログレス 00:01:14 - 00:01:16: バーで表示させるって言って 00:01:16 - 00:01:20: ような感じの例があります今回の動画ではこれら3つの使用例も紹介します 00:01:20 - 00:01:24: そしてもうひとつの大きな利点としてノーションのデータベースの見た目がさらに 00:01:24 - 00:01:28: アップグレードしますこれは活用例を見ていただきたいと思いますけれども 00:01:28 - 00:01:34: プログレスバーのフォーミュラーに畏怖といった条件式を追加してやることで達成ドア 00:01:34 - 00:01:36: によって絵文字で表示させたり 00:01:36 - 00:01:41: ていったようなアレンジができますでは早速ノーションを開いて説明していきます 00:01:44 - 00:01:47: では見ていきます色々ごちゃごちゃ書いてるんですけども 00:01:47 - 00:01:52: まずはこのプログレスガーと優劣が今回紹介するプログレスバーになります 00:01:52 - 00:01:58: このバーはですね左の列この進捗率と優劣の通知によってこのバーとこちらの数字が 00:01:58 - 00:02:03: 変化するような関数を買いますこちらの進捗率と優劣も中身は 00:02:04 - 00:02:07: んでしてこのように完了済みタスクはる 00:02:07 - 00:02:14: タスク数ということで全体のタスクに対して今完了しているタスクの割合を示してい 00:02:14 - 00:02:16: ます完了済みタスクと 00:02:16 - 00:02:20: た少しだというほどはそれぞれナンバー属性になってまして自分でこのように数値を 00:02:20 - 00:02:22: 入力していくようになっています 00:02:22 - 00:02:24: 例としてこの一番上の 00:02:24 - 00:02:30: ようですと全体の多数部数で100に対して今現在完了が77で進捗率は0.7 00:02:30 - 00:02:35: そしてプログレスバーでは70%っていう風になってますここでですねこの完了済み 00:02:35 - 00:02:38: タスクな数値を変化させると何 00:02:38 - 00:02:41: バーとその横の数字が動いていくような形になっています 00:02:41 - 00:02:48: で達成率が100%になるとこのようにバーが濃く塗りつぶされて数値が100%と 00:02:48 - 00:02:51: いう風に表示されますこの場はですね 00:02:51 - 00:02:56: このような少し長い関数を書いていまして長いのでこちらに同じものを書いていますの 00:02:56 - 00:02:57: でこちらで説明していきます 00:02:58 - 00:03:02: まず関数としては3つのブロックになってまして産業に分けて書いてます 00:03:02 - 00:03:08: まず1つめの業ですけどもここでですねこの恋塗りつぶしの子これちょっと特殊文字に 00:03:08 - 00:03:08: なるんですけど 00:03:08 - 00:03:14: この恋塗りつぶし文字を何文字おくかという関数を書いていますじゃねこれはぬ五ツ星 00:03:14 - 00:03:17: 文字というのはこのような1文字の文字になっているんですけども 00:03:17 - 00:03:23: なまじはですねパソコンの os によって入力方法が異なりますのでこちらの関数 00:03:23 - 00:03:24: 自体はこのまま 00:03:24 - 00:03:27: 概要欄にも貼っておきますのでコピペして使ってください 00:03:27 - 00:03:31: あとですねブースの方でテンプレートの後悔していますのでこのまま使いたい方は 00:03:31 - 00:03:33: そちらもご確認ください 00:03:33 - 00:03:36: では暗数の中身の説明に戻りますまず始め 00:03:36 - 00:03:38: スライス関数と 00:03:38 - 00:03:43: いうものを使っていましてこの関数はまたされた文字列を指定の数でスライス 00:03:43 - 00:03:47: 抜き出すイメージですねちょっと分かり2減するここには襟潰し文字が十文字並んで 00:03:47 - 00:03:52: ましてこれに対して二つ数字を与えますここでは一つ目は0 00:03:52 - 00:03:55: この文字列の0個目から例えば 00:03:55 - 00:04:00: 二つ目の筋が後であれば5個分だけ抜き出して表示させるというような感じになってい 00:04:00 - 00:04:05: ますここで2つ目の数字はこのように関数を書いてましてラウンドプロック進捗率 00:04:05 - 00:04:11: かける10曲のでこちらの新着率の数字20をかけた値になっていますですので例えば 00:04:11 - 00:04:12: こちらの完了 00:04:12 - 00:04:18: 済みタスクがゼロの場合はこちらの進ちょく率はゼロになりますのでこの1行目の関数 00:04:18 - 00:04:24: はこの文字列を0個目から0個目まで抜き出しということで今の恋塗りつぶし文字は一 00:04:24 - 00:04:28: つの使用されずに自分の薄い文字を使用されるというような形になりますちなみですね 00:04:28 - 00:04:32: 9ラウンドという関数は数値の丸め関数でして 00:04:32 - 00:04:38: 機能としてはは出された数字を小数点第一位の数値を四捨五入する案数になってます 00:04:38 - 00:04:44: 例えばこちらで今完了済みタスクが54個だったかいい 00:04:44 - 00:04:49: 進捗率は54 a 100で0.54になりますそしてこの関数の中ではこの進捗率を 00:04:49 - 00:04:52: 10倍しますのでこちらの0.54が10倍されて号店 00:04:52 - 00:04:54: 4という数字が 00:04:54 - 00:04:59: round 関数に渡されますそしてその小数点第1の数字4を四捨五入しますので 00:04:59 - 00:05:01: 結局5.4を四捨五入して 00:05:01 - 00:05:07: 子ということになるのでここではこの文字列をゼロから号まで抜き出すということで 00:05:07 - 00:05:11: この恋文字列を5個使われるっていうような計算がされますこちらのプログレスバーを 00:05:11 - 00:05:12: 確認してみると 00:05:12 - 00:05:14: で真ん中に境界線牡蠣 00:05:14 - 00:05:17: ていることが分かるかと思いますここで55になると 00:05:17 - 00:05:22: 新宿立0.557で10倍して5.5それを四捨五入すると6になるのでこちらなく 00:05:22 - 00:05:26: プログレスバーが濃い文字の割合が増えていることが分かるかと思います 00:05:26 - 00:05:32: そして22行目も同様でして今度はこちらの子芋時に対して薄い文字になっています 00:05:32 - 00:05:34: そしてひとつ目にはた数字は0 00:05:34 - 00:05:37: 同様なんですけども2つ目が今度は10- 00:05:37 - 00:05:42: ラウンドプロップ進捗率かける中ということでこちらに渡して来い文字の数字に対して 00:05:43 - 00:05:48: 今度は逆に中から退くということになりますですのでこの進捗率が号であれば恋文字も 00:05:48 - 00:05:54: 薄い文字もゼロからここまで抜きですということで5文字ずつ使用されるっていう 00:05:54 - 00:05:57: ことになります逆に進捗率が0であれば恋の子は0個 00:05:57 - 00:06:02: して薄い文字の方は10-0で10個使用されるというような形になります 00:06:02 - 00:06:06: ただしにこちらの完了済みタスクを0としてみると 00:06:06 - 00:06:07: 達成率はゼロでこの 00:06:07 - 00:06:11: に恋文字は一つの使われずに薄い文字だけでバーが表示されるようになります 00:06:11 - 00:06:18: そして最後の行は空白文字を一つ入れてその後に進捗率200をかけた数字に 00:06:18 - 00:06:21: %を付けて表示させるような関数になっています 00:06:21 - 00:06:26: このようにもう丸め関数が使われているんですけども先ほどの round 関数とは 00:06:26 - 00:06:27: 異なって今度 00:06:27 - 00:06:30: はこのフォロワーという関数を使っています 00:06:30 - 00:06:36: フォロワー関数が小数点第一位の数字を支持してする丸め関数になりますですので 00:06:36 - 00:06:42: 例えばこの一番下4行目の方を見ていただくと投げでタスク数が10人 00:06:42 - 00:06:46: そして完了済みタスクが中ということで10 r 12で割り切れないのでこちらの 00:06:46 - 00:06:47: 進ちょく率は0点 00:06:47 - 00:06:54: 83333となっていますこの0.8333200をかけるので見せ場83.333と 00:06:54 - 00:06:57: いう数字がこんなフォロワー関数に渡されます 00:06:57 - 00:07:03: そして小数点以下が四捨五入ではなくて切り捨てになるので83ということでこちらに 00:07:03 - 00:07:05: 83%が表示されますここでですね 00:07:05 - 00:07:07: 完了ずに+プスを11と 00:07:07 - 00:07:12: すると数字が0.916ロップという風に変化しますこの数字を100倍すると 00:07:12 - 00:07:15: 91.666ということになりまして 00:07:15 - 00:07:20: それを切り捨てするとこのように91%というふうになります 00:07:20 - 00:07:23: でですねもし floor 関数ではなくてこちらにも round 関数を使って 00:07:23 - 00:07:25: いればこの6 00:07:25 - 00:07:29: が四捨五入されて92%と表示されるようになります 00:07:29 - 00:07:34: なぜ9色だけ round 関数ではなくてフォロワー関数を使っているかといいます 00:07:34 - 00:07:39: とこれは少し細かいこだわりにはなるんですけども例えばこの2行目の列ですね 00:07:40 - 00:07:46: 他のタスク数が1,000個に対して完了済みタスクが995子だった場合 00:07:46 - 00:07:50: 進捗率は990 go girl 戦で0.99神戸なります 00:07:50 - 00:07:53: そしてこの数字を100倍すると99.5 00:07:53 - 00:07:57: という数字がこの丸目関数に渡されるんですけれども 00:07:57 - 00:08:00: ここでこれフロアー関数ではなくて round 関数をし 00:08:00 - 00:08:06: 使用するとこの99点5-5が死者ぼりにされて100という数値に変化してしまい 00:08:06 - 00:08:11: ますつまりタスク数1000に対して完了済みタスク990公ということで5個 00:08:11 - 00:08:16: 斬剣多数があるにも関らずこちらで round 関数を使用してしまうとこのバーの 00:08:16 - 00:08:20: 右に表示される数字が四捨五入されて100%と表示 00:08:20 - 00:08:24: されるようになってしまいますこのプロジェクト全体のタスクがすべて完了している 00:08:24 - 00:08:26: わけではないのに 00:08:26 - 00:08:30: こちらは100%と表示されてしまうのは誤解を招いてしまうと思いますので 00:08:30 - 00:08:34: 9パーセント表示を表示させる関数の部分に関してはフォロー 00:08:34 - 00:08:40: わー関数を使うことをおすすめします以上がこの関数の簡単な説明になります基本的に 00:08:40 - 00:08:46: この関数を媚びてしてこの進捗率というところをご自身の好きな列名にしてもらって 00:08:46 - 00:08:49: 変更してもらうと使用できますここでですね 00:08:49 - 00:08:53: 活用例を紹介して行く前に最後に少し応用として if 関数を組み合わせた 00:08:54 - 00:09:02: バーを紹介します if 文を使うとこちらで条件付きパーという月を作成して同様に 00:09:02 - 00:09:04: フォーミュラ関数を使います 00:09:04 - 00:09:09: こちらだと lawless バーの関数をコピーしておいてこちらの関数を書いて 00:09:09 - 00:09:12: いくんですけども例えばこちらでリフ 00:09:12 - 00:09:14: プロップ新酒 00:09:14 - 00:09:19: クリッツ井工具1進捗率が1の場合こちらのように 00:09:19 - 00:09:24: プログレスバーで100%と表示させるのではなくてこんな感じで絵文字と官僚という 00:09:24 - 00:09:29: 五文字を表示させるっていう風な関数を書くこともできますいったーーーこれで ok 00:09:29 - 00:09:32: を押してみるとこのように進捗率が1 00:09:32 - 00:09:34: つまりタスクがすべて完了している 00:09:34 - 00:09:38: 分だけこのようにチェックボックスと官僚が表示されるようになりますここにですね 00:09:38 - 00:09:45: どんどんこの if 文を追加していくと問えば次は if プロップ進捗率=0 00:09:45 - 00:09:52: つまりタスクがまだ一切処理されていないといった状況の時はこんな感じの絵文字+未 00:09:52 - 00:09:53: 着手という文字を表示させると 00:09:53 - 00:09:58: いうふうに様々な条件で自由に表示させる内容を変化させることができます 00:09:58 - 00:10:03: 新宿ですが1もしくはゼロ以外の時はこちらと同様にプログレスバーを表示させると 00:10:03 - 00:10:08: いうこともできまして先ほどと同じ関数を貼り付けます 00:10:08 - 00:10:13: するとこんな感じで進捗率がゼロとイチ以外の場所は運 s バーが表示されて 00:10:13 - 00:10:20: このようにがも自由に動かせることがわかりますこの中でですね if 文を使って 00:10:20 - 00:10:23: 条件付きの歯を作製することですねより一層 00:10:23 - 00:10:27: 見た目をカスタマイズできるようになりますのでぜひ自分なりにアレンジして 00:13:06 - 00:13:07: いただければと思います 00:10:29 - 00:10:33: 続いて実際の使用例ということでマザーズ目に読書リスト n 00:10:33 - 00:10:37: プログレスバーの導入を紹介していきます 00:10:37 - 00:10:42: こちらは遠く処理嫉妬 with プログレスバーということで以前紹介した 00:10:42 - 00:10:47: 読書管理データシートにこちらのステータスということでプログレスバーを導入した例 00:10:47 - 00:10:49: になります追加した別としてはこちら 00:10:49 - 00:10:53: 全ページ数というのとしょうりと優劣 00:10:53 - 00:10:57: この2つの列はそれぞれナンバー属性で自分で数字を入力するようになる 00:10:57 - 00:11:02: ていますこちらは先ほど紹介したのと同じように慎重古巣と優劣でこちらのしょうり 00:11:02 - 00:11:06: 割る前ページ数という関数にあってますそしてこのステータスというところは 00:11:06 - 00:11:09: プログレスバーを入力しまして先ほど少し紹介した 00:11:09 - 00:11:12: 条件付きの場にしています進捗率が5やれば 00:11:12 - 00:11:17: 読了進捗率が0であれば未読っていう風に表示させてそれ以外の場合はプログです 00:11:17 - 00:11:21: がを表示させるという関数になっていますこちらの全ページ数と優劣に関しては 00:11:21 - 00:11:25: それぞれの本のページ数をはじめに入力します 00:11:25 - 00:11:29: そして四季よりというれずに読み終わったページ数を入力していくというような形で 00:11:29 - 00:11:30: 管理していきます 00:11:30 - 00:11:37: ですので例えばこの一番上の本の本日は330ページまで読んだとするとこのようにし 00:11:37 - 00:11:43: はが変化しますそして読み方ページ数が全ページ数と一致した時で進捗率は1となって 00:11:43 - 00:11:44: 読了という風な 00:11:44 - 00:11:45: 生たちに変化します 00:11:45 - 00:11:51: このデータベース上ではこの前ページ数と優劣と進捗率優劣はまあ表示させる意味は 00:11:51 - 00:11:54: あまりありませんのでこちらのプロパティから 00:11:54 - 00:11:59: 隠しておくと良いかと思いますそして以前このデータベースを照会した時はこちらで 00:11:59 - 00:12:05: ステータスという名前でそれにタグでですね読了未読読書中というのを選択できるよう 00:12:05 - 00:12:10: にしていましたが今回このプログレスバーを導入するともうこの列だけで一目瞭然です 00:12:10 - 00:12:12: のでこちらの聖竜という 00:12:12 - 00:12:14: 列も隠しておいて良いかと思いますえっ 00:12:14 - 00:12:18: そしてですねもちろん的にはこのステータスが未読もしくは 00:12:18 - 00:12:24: バーが表示されている本を読んでいくことになると思いますのでこちらのソートから 00:12:24 - 00:12:30: あっドアソートでステータスの列を昇順に並べ替えるとはこのように青+で数字が低い 00:12:30 - 00:12:33: バーから順番に並んでその後未読なものがついて 00:12:33 - 00:12:34: 読了のもの 00:12:34 - 00:12:39: は下の方にグループとしまとめられるような形になりますこれは同気象リストへの 00:12:39 - 00:12:41: プログレスバーの導入でした 00:12:41 - 00:12:46: 続いて日記データベースでのプログレスバーの導入ということで週間トラッカーを紹介 00:12:46 - 00:12:48: していきます 00:12:48 - 00:12:52: 会では日記データベースへのプログレスバーの導入を紹介していきます 00:12:52 - 00:12:57: 今回はちょっとわかりやすくするためにこの7日間1週間分だけのデータで説明して 00:12:57 - 00:12:57: いきますけども 00:12:57 - 00:13:01: 実車に日記でて別で導入される方は全日程ですね 00:13:01 - 00:13:06: 年間を通したデータベースの方へ行うにプログレスバーの列を追加して使用して 00:13:08 - 00:13:13: さっそく紹介していきますけども今回は先ほどまでの全体のタスク数に対して完了時に 00:13:13 - 00:13:16: タスクというのは数字得ていくわけではなくてですね 00:13:16 - 00:13:21: 二木データベースでこのように習慣づけしたい音をチェックボックスでおいていたと 00:13:21 - 00:13:27: 思います今回は例として週間1から5まで5つの習慣がそれぞれ毎日やったかどうかを 00:13:27 - 00:13:28: チェックしていっている 00:13:28 - 00:13:33: ようなデータ別になっていますここで今回この進捗率というのはこのチェックボックス 00:13:33 - 00:13:38: がチェックされて終わり愛というのを表示させたいと思いますここでチェックボックス 00:13:38 - 00:13:42: がチェックされたかどうかを判断する関数がこの 00:13:42 - 00:13:48: いう形+関数になります格好であればこちらが週間位置をセンター 00:13:48 - 00:13:53: そしてカッコを閉じるとこのように1か0かという数字が表示されますこれは単純に 00:13:53 - 00:13:58: この習慣市のチェックボックスがチェックされているかどうかを数字で表現されてい 00:13:59 - 00:14:04: ですのでこちらのチェックを外すと0改めて作ると市というふうになりますこれをです 00:14:04 - 00:14:06: ね週間市から号希 00:14:06 - 00:14:12: はいこのように習慣1から5個まで全て入力おりましたこの状態で一旦 00:14:12 - 00:14:16: 弾を押すと一番上すべてな習慣にチェックが入ってる日は 00:14:16 - 00:14:21: 後こちら2日目の方は2つチェックが外れているのでさんとこのチェックボックスの数 00:14:21 - 00:14:26: に応じて数字がきちんと表現されていることが分かりますあとですねこちらの進捗率の 00:14:26 - 00:14:29: つまりチェックボックスの終わり愛を表現したいので 00:14:29 - 00:14:35: この関数をさらに編集していきます全体を括弧でくくって 00:14:35 - 00:14:39: 週間の数で終わります今回はですね 00:14:39 - 00:14:42: 中韓が5つですので後で終わります 00:14:42 - 00:14:46: この習慣が例えば7校あるんであればここは710個あるんでは中っていう風に 00:14:46 - 00:14:51: 的にここの数字は変化させてくださいでダウンを押すとはこのようにすべてのチェック 00:14:51 - 00:14:57: がついて日は位置してせレバーの箇所はこのチェックボックスが付いた割合を照射店で 00:14:57 - 00:14:59: 表現されるというような形になります 00:14:59 - 00:15:04: もちろん全てのチェックがついていない日に関してはゼロというふうになります 00:15:04 - 00:15:06: ですのであとはこれまで同様 00:15:06 - 00:15:11: こちらの進捗率の数字をもとにしてこのプログレスバーの関数を入力していきます 00:15:11 - 00:15:15: 先ほど同様進捗率が1の場合は 00:15:15 - 00:15:21: このような絵文字と数字ゼロの場合は同様に m 字と未着手という文字を書いてその 00:15:21 - 00:15:25: 5その他の場合はプログレスバーを公示するっていう関数になっています 00:15:25 - 00:15:28: ずっとこのような形で表現することができます 00:15:28 - 00:15:31: これはですねこのチェックボックスのチェックに応じてブログ 00:15:31 - 00:15:35: s bar が変化していっているのがわかるかと思います 00:15:35 - 00:15:40: まだですねこのような習慣とロッカーに関してはこういうプログレスがひょうきんでは 00:15:40 - 00:15:41: なくてですね 00:15:41 - 00:15:45: こんな感じですねもう絵文字だけで表現するというやり方もあるかと思います 00:15:46 - 00:15:51: これは先ほどの進捗率が1もしくはゼロなだけを絵文字を表現するっていうのに加えて 00:15:51 - 00:15:57: 進捗率の数字に応じてそれぞれ絵文字を割り当てていますというか進捗率1位なんで 00:15:57 - 00:16:01: あればこの花のマークと受け手という文字を表示してそれ以外の場合 00:16:01 - 00:16:06: よ新宿時00ではあれば赤丸進捗率が0.3以下であればオレンジ 00:16:06 - 00:16:11: 0.6以下でば黄色て1一家であれば緑というふうに進捗率の数字によって 00:16:11 - 00:16:16: 表示させる m女変化させるというような使い方の出来るかと思います 00:16:17 - 00:16:21: このようにですねこの日々の習慣のチェック付に応じて 00:16:21 - 00:16:26: 変化する列っていうのが素でもあると毎日習慣づけたいことを達成していく上でエラス 00:16:26 - 00:16:31: 気になるのではないかなと思います以上が日記データベースでのプログレスバーの導入 00:16:31 - 00:16:32: でした 00:16:32 - 00:16:38: 続いてプロジェクトデータベースへのプロジェクトバーの導入を紹介していきます 00:16:38 - 00:16:41: 最後の応用例としてプロジェクトデータベースへの 00:16:41 - 00:16:44: プログレスバーの導入方法について説明していきます今回も 00:16:44 - 00:16:49: 説明用の例としてこのように左側にはプロジェクトというプロジェクトが開いた 00:16:49 - 00:16:53: データベースそして右側にはタスクということでタスクが 00:16:53 - 00:16:58: ずらっと40個でいるデータベースがありますこのプロジェクトと幽霊とベストタスク 00:16:58 - 00:16:59: というとベースは 00:16:59 - 00:17:04: リレーション関連付けしていましてこちらのタスクの一つ一つのタスクはこの 00:17:04 - 00:17:06: プロジェクトというれレーションの列でそれぞれ 00:17:06 - 00:17:11: このプロジェクトのどのプロジェクトに付随する+かということが選択されています逆 00:17:11 - 00:17:13: にこちらプロジェクトの方はこのタスクというのか 00:17:13 - 00:17:17: 2このプロジェクト例えばこのプロジェクトに付随したタスクがズラっと入っている 00:17:17 - 00:17:19: っていうような状態になっています 00:17:19 - 00:17:25: 今回はこちらのプロジェクトのデータベースの方にプログレスバーを表示させてアク 00:17:25 - 00:17:30: プロジェクトに付随するタスクにこの完了のチェックがついている割合でプログレス 00:17:30 - 00:17:32: バーを表示させるような形にしていきます 00:17:32 - 00:17:33: ではまず進捗 00:17:33 - 00:17:37: 立列を作成していきますが今回はですね 00:17:37 - 00:17:40: 4ミラーではなくてこのロールアップを使います 00:17:40 - 00:17:43: そしてセルをクリックするとこのような画面が現れますので 00:17:43 - 00:17:46: まずにレーションということで今回はこのデータベースと 00:17:46 - 00:17:50: リレーション関連付けているデータベースのこちらポスク 00:17:50 - 00:17:53: を選択しますそしてプロパティですけども今回 00:17:53 - 00:17:58: このタスクのこの完了の列のチェックマークを見ていきますのでここでは官僚を選択し 00:17:58 - 00:18:03: そして最後はカールキュレートではそれぞれのチェックがチェックされている割合です 00:18:03 - 00:18:04: よねこのパーセントチェックと 00:18:04 - 00:18:07: を選択しますするとこのようにそれぞれ82 00:18:07 - 00:18:12: 858点差というふうに習字の%からあるんですけどこれは各プロジェクトに付随する 00:18:12 - 00:18:14: タスクの達成割合が 00:18:14 - 00:18:19: パーセント表示されていますですので例えばこちらでプロジェクト a task の 00:18:19 - 00:18:21: 一つをチェックすると 00:18:21 - 00:18:25: このようにこちらの数字が変化したのが分かるかと思いますあとはですねこの 00:18:25 - 00:18:27: 進捗率という数値を参照 00:18:27 - 00:18:33: してう s bar を導入します属性はこれまで同様フォーミュラーでこちらにも 00:18:33 - 00:18:39: 先ほど同様進捗率が1と進捗率がゼロの場合だけこういう絵文字で表示させてそれ以外 00:18:39 - 00:18:43: の場合はプログレスバーで表示させるという形にしていますするとこのような形で 00:18:43 - 00:18:47: こちらの進捗率の数値を参考にしてバーが表示されます 00:18:47 - 00:18:51: ここでこちらのタスクのほうでちょっとわかりやすくするために 00:18:51 - 00:18:57: プロジェクト別でソートしますはいこんな感じでプロジェクトごとに並べられたので 00:18:57 - 00:19:03: 例えばこちらのプロジェクトの映画タスクを全てチェックしてみるとこのように官僚と 00:19:03 - 00:19:03: いうふうに 00:19:03 - 00:19:07: ラーが変化します他なプロジェクトに関しても同様に 00:19:07 - 00:19:12: に関するタスクのチェックボックスを触れば b のプログレスバーが変化数 00:19:12 - 00:19:16: な形になっていますこのプロジェクトデータベースのこのタスクというれっ子で進捗率 00:19:16 - 00:19:22: ルーツはまあ表示させる意味はないかと思いますので今回はですね列を隠すのではなく 00:19:23 - 00:19:29: リストビューを使ってですね明日プロレスバーだけを表示させるということでこんな 00:19:29 - 00:19:30: 感じにすると 00:19:30 - 00:19:35: この各プロジェクトの進捗は流用も発と分かりやすくなるのではないかなと思います 00:19:35 - 00:19:40: 簡単でしたけど以上がプロジェクトデータベースでのプログレスバーの導入方法でした 00:19:40 - 00:19:45: この動画は以上になりますこのチャンネルではうんしょんの使い方や応用例を紹介して 00:19:45 - 00:19:48: いきたいと思っておりますこの動画が参考になったという方ぜひ高評価とチャンネル 00:19:48 - 00:19:50: 登録よろしくお願いしますではまた 00:19:50 - 00:19:55: ばいにー

KuniChannel _ Notion

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Timetable

動画タイムテーブル