![見出し画像](https://assets.st-note.com/production/uploads/images/117804412/rectangle_large_type_2_1c69a76bb2b538e3a2dc67ea6679ab0a.jpeg?width=800)
Velo 第22回 コレクションの計算フィールドとは
コレクションのフィールドは、通常フィールド、プライマリーフィールド、システムフィールド、計算フィールドの4種類に分類されます。
今回は計算フィールドについてのお話です。
計算フィールドと言うとエクセルのように「コレクションにも計算式が書けるのかな?」と思ったりしますが、そうではありません。
ここでの計算とは動的ページのURLを算出することを指します。
つまりアイテムを表示する動的ページの URLフィールドのことで、動的ページを作成すればシステムが自動的に作成してくれます。
次のコレクション(Friends) をご覧下さい。
![](https://assets.st-note.com/img/1694490761890-yURMbRfI6v.png?width=800)
このコレクションの動的アイテムページを作成します。
するとページ情報からURLが … /friends/{name} となっていることが分かります。
![](https://assets.st-note.com/img/1694491215054-SfCwICGn3i.png?width=800)
一方、動的アイテムページ作成後は、コレクションの新しいフィールドに /friends/saburo、/friends/jiro、/friends/taro とURL が入力されています。
この部分が今作成した動的アイテムページの計算フィールドです。
![](https://assets.st-note.com/img/1694491547729-wRWdicEdSl.png?width=800)
作成したのは動的アイテムページなので、URLは全て異なっています。
つまり各アイテムは異なるページに表示されることになります。
今度は同じコレクションで動的リストページを作ってみましょう。
![](https://assets.st-note.com/img/1694492011164-yKrcQsKvgd.png?width=800)
するとページ情報から URLが … /friends-1/となっていることが分かります。
一方、動的リストページ作成後は、コレクションの新しいフィールドに /friends-1/、/ friends-1/、/friends-1/ とURL が入力されています。
この部分が今作成した動的リストページの計算フィールドです。
![](https://assets.st-note.com/img/1694492237991-kYe5GMxkvp.png?width=800)
作成したのは動的リストフィールドなので、URLは全て同じになっています。
つまり全アイテムは同じページに表示されることになります。実際このページにはデータセットやリピーターが載せられ全てのアイテムが表示されています。
![](https://assets.st-note.com/img/1694492736276-Bmq1W7nKQx.png)
最後にもう一つのコレクション(Songs) の動的リストページを作って見ましょう。
favarite フィールドには3人の名前が登録されていますのでこのフィールドでURLを作ります。
![](https://assets.st-note.com/img/1694493386056-Zghvea0EIg.png?width=800)
ページ情報からURLが … /songs /{favarite} となっていることが分かります。
![](https://assets.st-note.com/img/1694493632989-sztSeXmDAD.png?width=800)
一方、動的リストページ作成後は、コレクションの新しいフィールドに /songs/taro、/songs/jiro、/songs/saburo とURL が入力されています。
この部分が今作成した動的リストページの計算フィールドです。
同じURLが散らばっているところがこの話の大事なところです。
![](https://assets.st-note.com/img/1694493725631-Cx2rLYwJkh.png)
同じURLをもつアイテムは同じ動的リストページに表示されることになります。
以下の動的リストページを覧下さい。
Taro のお気にいりの曲が漏れなく表示されています。
動的リストページにはリピーターが乗りますのでこういう表示になります。一方、動的アイテムページにはリピーターが乗りませんのでこういう表示にはなりません。
![](https://assets.st-note.com/img/1694493946350-bZVT0M7vzr.png)
Velo開発のご依頼はこちら
この記事が気に入ったらサポートをしてみませんか?