Contentfulに新機能リスト形式のフィールドが追加できるようになりました!

Contentfulに新機能リスト形式のフィールドが追加できるようになりました!

2020.10.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Contentfulに新機能が来ました。

今まで「n個のテキストを一つのフィールドに動的に追加する」ということができなかったのですが、先日リスト形式のフィールドが新しく追加されているのを発見。

言葉だとわかりづらいので、実際にやってみます。

リスト形式のフィールドを追加する手順

まずContent modelから新しいフィールドを追加します。

Contentful Screenshot

フィールドタイプは「Text」を選択

Contentful Screenshot

「List」にチェックを入れます。これで1つ以上のn個の値を追加できるフィールドが利用可能になります。

Contentful Screenshot

下記のようにフィールドが追加されていればOKです。

Contentful Screenshot

記事投稿画面に遷移してみると、いつもの一行テキストフィールドのようなものが追加されています。

Contentful Screenshot

フォームにいくつか適当なテキストを入力して、エンターを押してみると、記事の関連タグみたいな感じで追加できました。

アプリ側でGraphQLの出力結果を確認してみます。

入力したテキストが配列で返ってきている! ひとまず簡単に追加ができました(Key-Valueで登録できると開発がもっとやりやすくなると思うのですが、将来に期待!)。

ユースケース

上記の例のように、記事に複数のタグやカテゴリ、ラベルをつけたい時に重宝するかと思います。

これまではjsonオブジェクトやコンテンツ動詞の紐付けといった方法でしか実現できなかったことが可能になりました。あまりCMSに慣れていない人でもこれは使いやすそうです。

日々機能が追加され進化するContentfulにwkwkが止まりません。


「AI×SaaSで加速するWeb制作」ウェビナー開催

60分でわかる、Contentful・Cloudinary・v0・Vercelの連携によるWeb制作ワークフロー。
アイデアを即座に形にする 新しい仕組みを 豊富な実践デモ を交えながら解説します。開発のスピードアップ、リソース最適化、コスト削減を実現したい方は必見です。

AI×SaaSで加速するWeb制作ウェビナー

とりあえず申し込む



SaaS導入支援はクラスメソッドに!

クラスメソッドでは Contentful・Cloudinary・v0・Vercel など各種SaaS製品 の導入支援もしております。
具体的に課題をお知らせいただければ、適した商材のご提案も可能です。製品の詳細や支援の内容についてお気軽にお問い合わせください。

クラスメソッドに相談する

この記事をシェアする

関連記事