Notionで作った読書メーター（現状報告）

前回の読書記録のためのメーターの作り方で、沢山の方読んでいただいてありがとうございます。

この間とあるブログを発見して、メーターのデザインをさらにパワーアップさせた。

【Notion教學】範例 | 用Notion Formula製作進度條progress bar - Muren 木人

内容がよりわかりやすくなるように訳しました〜

現在自分の読書記録ページこのようになっています。

左側は毎日に読んだ分をチェックイン、右側は本棚にショートカット、メーターと読んだ日数を表示させる。

並び順の設定

最初は残りページ数が前にあって、並び順が綺麗になれなかった。バーを前に持ってきたら、すっきりになった〜

コードの説明

コードはこのようになっている。

if(round(prop("Read pgs") / prop("Pages") * 100) > 10, slice("▓▓▓▓▓▓▓▓▓▓", 0, prop("Read pgs") / prop("Pages") * 10) + slice("░░░░░░░░░░", 0, (1 - prop("Read pgs") / prop("Pages")) * 10 + 0.99999999) + " " + format(round(prop("Read pgs") / prop("Pages") * 100)) + "%" + " " + format(prop("Pages") - prop("Read pgs")) + "頁 ", "▓░░░░░░░░░" + " " + format(round(prop("Read pgs") / prop("Pages") * 100)) + "%" + " " + format(prop("Pages") - prop("Read pgs")) + "頁 ")

簡単に説明をする〜

この二つの数字で計算する

porp("pages") == 全ページ数
prop("Read pgs") == 読んだページ数

読んだページ数の
rollupの設定は「こちら」へ

コードは大まかに三つのパーツに分けられる

緑色のslice()のところをちょっと説明する〜

バーは「濃いブロック」と「浅いブロック」が合わさった物。濃いブロックは前回のnoteで説明したのと同じ物、浅いブロックは複雑に見えるが、数字を入れればわかりやすい。

slice("▓▓▓▓▓▓▓▓▓▓", 0, prop("Read pgs") / prop("Pages") * 10)

slice("░░░░░░░░░░", 0, (1 - prop("Read pgs") / prop("Pages")) * 10 + 0.99999999) 

​２４％読んだ場合

slice("▓▓▓▓▓▓▓▓▓▓", 0, 0.24 * 10) == ▓▓ ２つ
slice("░░░░░░░░░░", 0, (1 - 0.24 * 10 + 0.99999999) == ░░░░░░░░　８つ

２４％を読んだので、７6％を浅いブロックに表示させる。

1 - 0.24 = 0.76　

かける１０にして、slice()に７を認識させる。

0.76 x 10 = 7.6

でも、本当は８つのブロックを表示させたいから、端数を切り上げるために0.9を足す、念のために9の数を適当に増やした。

7.6 + 0.99999999 = 8.69999999

👏良くここまで読んで下さった👏

もっと詳しい説明を見たい方、
 ifは「こちら」へ、sliceは「こちら」へ。

フィルターの設定

本当は「Status」が「Reading」になっている物を表示させればいいが、今は昔一度読み終わった本をまた読み直して、メモを整理しているから、このように設定した。

黄色の矢印は「And」にしないと、両方の条件を同時に満足していないと表示されてしまう。

フィルターの設定はまだ使いこなしていなくて、自分が思っている「Or」と「And」と違って、いつも困っている💦

層の分け方も自分が違いが分かったら、紹介します〜（勉強中）

check in のタイトル

まだ試行錯誤している、ページ内でもカレンダーで日付けを選んでいるから、情報が重複してしまう。

本棚の方ではこのように、表示される。

その日読んだ感想を絵文字に表示させるのもありかな？

いいアイデアがあったら、是非教えてください〜〜

終わりに

いつも寝る前に、その日の気分に合わせて本を選んでいるから、バラバラになっている💦

チェックインするページに、その日で読んだ感想を記録したら、次を読む前に、ちょっと前に読んだ物を復習することができる。

読み終わってから、ちょっとづつのメモを全部まとめて、本棚の方に書き込むようにしている。

以上〜
前回Formulaの使い方を覚えてから、今までの報告でした〜

最後まで読んでいただいて
ありがとうございます

👇その他notionのまとめnote👇

まとめてみた - Notion｜日本語ポンコツ🇹🇼｜note