herohoroブログ

【まとめ】Notion座談会で紹介されたformula2.0



🔄   2023-09-09

Notionのformulaが大きく変わり、

Xでは大盛りあがり。

ちょっと久しぶりに勉強したくなってきたので

Notion座談会を視聴しながらまとめ記事を書くことにしてみました✌

いつでも見返せるように座談会で特に取り上げられていた関数をまとめています。

該当の資料リンクや解説がはじまる動画の切り抜きリンクも添えてますので

「全編見る時間がない〜」って方は是非ご活用くださいw

Notion公式:

image block

https://www.notion.so/help/guides/new-formulas-whats-changed

Notionアンバサダーのhkobさんによる解説「逆引きFormula 2.0」:

image block

https://hkob.notion.site/Formula-2-0-fbafcd96e1cc4f3982d914931af4969b


以下、座談会で取り上げられた関数を紹介しています☆

1:新たな日付関数:parseDate()

💁‍♀️
切り抜き(ここから解説がはじまってます):

https://youtube.com/clip/Ugkx7kZhoBnK9u9Ww83RVAAuFWXd_-gzCL6W?si=ydTMHI2fOglLWmrB

image block

https://hkob.notion.site/parseDate-15f80223eed4410a918120876e5997e7

この他にも新たに追加された関数があるので逆引きformula2.0を要チェックデスっ!!!!

2:2.0で変更された関数は自動で変換される

2-1:slice()→substring()
💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/Ugkxmmga7H1tzy-tqU60fk_gf-ZZ-mEWHqy5?si=ZKDc_-zaENbBu63M
image block

https://hkob.notion.site/slice-a982aaa173294f03ae1a3ea45b9799fb

image block

https://hkob.notion.site/slice-6472a40751f443bcb0b3c18bf7c1816c

2-2:day() 1からはじまる

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/Ugkxopib3rTlpiCviGEpyF1wCD4Oc4gjV5NL?si=uaCswWze2bQKZOlp
image block

https://hkob.notion.site/day-a88f739dbb794895a0076c19487f3732

image block

https://hkob.notion.site/day-0a6216ca6ef24a39b988fc86ed5fdff7

2-3:month() 1からはじまる

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxJMlEUzdNt7f9qBbSVtCIrpt_ILxvp4di?si=ecwzjtX_AvcAveW7
image block

https://hkob.notion.site/month-38922e5f17124acaa9e1e83bdcd7ba76

image block

https://hkob.notion.site/month-99ca7e9377364181b8ff71ea62bbcd0d


💁‍♀️
他にも自動変換される関数が気になる方はこちら:
https://hkob.notion.site/01ba3a67c2c54d13b89a326172251191?v=65550ab7aed9482491639e5fa95ddfbb

3:もっと知りたいなら英語でBenさんの解説を視聴しよう

↓以下スレッド

image block

https://notionmastery.com/everything-new-in-notion-formulas-2-0/

4:こんなの作れるよ

4-1:外れ値を除いた平均値

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/Ugkx4ihXjnOA8mpSXZuP5h4UCXLp-ba4c6On?si=aXxII7dY0M-weiAc

image block

https://hkob.notion.site/trimmean-594febd69af6424fa0d4cef8a95d813c

🧑‍💻
切り抜き(実況解説)_実際にNotionを動かしながらの説明はこちら:
https://youtube.com/clip/Ugkx0SMhX5fChV9yHDt_UpaV2hF5nIQmakk3?si=livCGjbGsiuzYr6q


メソッドがいろいろ出てきて混乱….

プログラミングの基礎を学びたい方にオススメしたいのが「mosya」という学習サービスです!

🥰
PR:

※ 以下に添付したmosyaのリンクは有料会員限定ページとなりますm(__)m


4-1-1:let()

image block

https://mosya.dev/lessons/js-vars

let(レット)は書き換え可能な変数を宣言するときに使う変数

Notionのformulaと同じ書き方ではありませんが、

letの意味を理解した上でlet(mid, prop(”子一覧”).map()….., mid.sum()/mid.length()) を見ると「midはメソッド名ではなく変数名なんだな💡」ということが分かります🥰

image block

https://hkob.notion.site/let-9d8b7dc54f9040859d0f10bdd77a16a8

4-1-2:map()

image block

https://mosya.dev/lessons/js-array-method

青い色の四角をオレンジ色の四角に変換するのがmapメソッド

座談会で解説されていたprop(”子一覧”).map(current.prop(”点数”)) を置き換えて考えてみるとわかりやすくなります💡

青色の四角:prop(”子一覧”)はページ名(名前)なのでA-1、A-2、A-3、、、といった部分

オレンジ色の四角:現在(current)の点数(prop(”点数”))である80、90、70、、、といった部分

image block

4-1-3:sort()

image block

https://hkob.notion.site/sort-4c5add2b36d1422f909baf0adb495d67

4-1-4:四則演算( / , .sum() )

image block
image block

https://mosya.dev/lessons/js-calc

image block

https://hkob.notion.site/sum-733bdaa67ec44a6c9aabedd422ab36da

4-1-5:length()

image block

https://hkob.notion.site/length-b52f9d9d9d9c4e109bbc30b600428677

4-2:letをたくさん使って日付間隔を表示

image block

😶‍🌫️

image block

https://hkob.notion.site/f020312996b44901a81e57f2d6a690c1

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxWs5JcZjGkU1qPVKqm3eO3HAYIej2enKB?si=aW17LurweiLkrmnW

4-3:カテゴリー集計

image block

https://hkob.notion.site/29d25973236a4f56ae04228ae3013aae

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxDqN2gkTyW9tWRP-PYbUNF7XH8mgBhWW2?si=UY0jCd1y_PPQYo0S

image block

4-3-1:filter()

image block

https://mosya.dev/lessons/js-array-method

青色の四角だけを取り出すメソッドがfilter()

座談会で解説されていたprop(”個別会計一覧”).filter(current.prop(”種別”=="食費")) を置き換えて考えてみるとわかりやすくなります💡

青色の四角:現在(current)の種別(prop(”種別”))が”食費”になってる項目(外食、食費、外食)

オレンジ色の四角:食費以外の種別になっている項目

image block

4-4:開始時刻・終了時刻が別のプロパティの時にカレンダービューを使う

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxXM7CORQoA_gn9C2boq9C1Kte4L_O2-Pd?si=T1HicEfOf-xxsapS

image block

https://hkob.notion.site/88d5b81f014d4c3f871d3710daf49dd5

4-4-1:dateRange()

image block

https://hkob.notion.site/dateRange-817eb6108bc34c16a981e5ebbdc38042

4-5:タグを整理する

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxbK5THn0oDbfbvL0gh9xsTdJzTvzZrEF5?si=XKA2qPXQ3KPj8ecz

4-5-1:style()

image block

https://hkob.notion.site/style-f956f59da4894cab83522557a8e4aa5b

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxCr-h18TGoUrA1MtcYNV3wcB8xKmRjr-K?si=rsqQKWxwoXcRj8Xg

背景色+文字色も一緒に設定できる….らしいです👀

image block

4-5-2:join()

image block

https://hkob.notion.site/join-0fe33ad437a04da69566b6d570132be4

5:他の便利なメソッド

5-1:ifs()

image block

https://hkob.notion.site/ifs-f5ca5dac487e4f01ba4e12c49b3b9704

事例:経費精算

image block

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxIkiLbaWjIKypFs2F9_BX7zmu5bipk4CW?si=aKB8A3Ld4oGqLo_S

5-2:repeat()

image block

https://hkob.notion.site/repeat-c8fbbd16b18041559b2a2b109bbb600b

事例:プログレスバー

image block

https://hkob.notion.site/d24865feccba49f0a18976ab40da7c99

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxjycG_FF0mAVo8MxksDPTcuYzz1AvqV62?si=lgpo5zlV1A5geKU7

5-3:match()

image block

https://hkob.notion.site/match-5214df1eaf3a4264a5cc57a4e1031b7c

事例:タイトルから日付作成

image block

https://hkob.notion.site/f06a95d8925b43d783ccfc36d37888af

💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxkbIrL7Ylk53TakYDCXHpBhwaecsOxEWd?si=0uQaI5JgV_N7MfEJ

5-4:findIndex

image block
💁‍♀️
切り抜き(ここから解説がはじまってます):
https://youtube.com/clip/UgkxykRLWnjt1iUDT73CXGPmsJlpTgavWkfw?si=_fsgTQlH1KzdyjCV

まとめ

内容濃すぎて整理するのに5時間かかった\(^o^)/wwww

できることから使ってみて

ちょっと楽しいなって思ったらXに投稿していきたいな〜って思いました☆

いろんなメソッドが追加されたので

プログラミングの基礎をしっかり理解しておかないと….という焦りと

Notionテンプレが今後益々解読不能な実装をされていくんだろうな…というわくわくが混じり合う金曜日でした

o͡͡͡͡͡͡╮(。>口<。)╭o͡͡͡͡͡͡ ᵑ৹!o͡͡͡͡͡͡╮(。>口<。)╭o͡͡͡͡͡͡ ᵑ৹!

Twitterでは更新のお知らせを随時行っています

興味ある方はLet'sフォロー★

▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね

Buy Me A Coffee

新着記事を通知したい??


RSSリーダーにatomのリンクを登録すると通知が行くよ🐌

https://herohoro.com/atom

やってみてね(*´ω`*)(*´ω`*)

Twitter Timeline


フォロー大歓迎\(^o^)/