更新情報のお知らせです。
繰り返しフィールドのUIを改善しました。
これまで、繰り返しフィールドについて以下のようなお声をいただいていました。
- フィールドの境目がわかりづらい
- [+]ボタンが何のことかわかりづらい
- フィールド数が多いと画面の占有面積が大きくなり操作しづらい
- 順番を移動した後の位置がわかりづらい
今回のアップデートでは、これらの課題を解消するために繰り返しフィールドのUIを刷新しました。
※本改善はすべてのプランでご利用いただけます。
主な変更点
カスタムフィールドのアコーディオン化
各カスタムフィールドが開閉できるようになりました。表示名をクリックすることで展開・折りたたみの操作が可能です。フィールド数が多い場合でも、必要なフィールドだけを展開して作業できるため、画面の視認性が大きく向上します。
操作UIの集約
カスタムフィールドのヘッダー右側にケバブメニュー(⋮)を追加しました。クリックすると以下の操作が行えます。
- 上にフィールドを追加
- 下にフィールドを追加
- 1つ上に移動
- 1つ下に移動
- フィールドを削除
これにより、フィールドの追加・並び替え・削除といった操作が直感的に行えるようになりました。
階層とフィールド数の表示
繰り返しフィールドのヘッダーにフィールド数と階層情報を表示するようになりました。ネストされた構造でも、現在の位置関係がひと目で把握できます。
アクティブ状態の視覚的フィードバック
操作中のカスタムフィールドには、左側のボーダーにアクセントカラーが付くようになりました。マウスオーバー時にも色が変化するため、フィールドの境界や現在の操作対象が明確になります。

ドラッグ操作の改善
各フィールドにカーソルを合わせた際に表示される[=]をドラッグすることで並び替えが可能になりました。ドラッグ中のアニメーションも改善し、移動先の位置がわかりやすくなっています。
または、ケバブメニュー内の[1つ上 / 下に移動]からフィールドを移動することも可能です。
フィールド追加UIの改善
各フィールド左下の[+]ボタン、またはケバブメニュー内の[上 / 下にフィールドを追加]から同じ階層にフィールドを追加が可能になりました。![各フィールド左下の[+]ボタンや、ケバブメニューの『上/下にフィールドを追加』から、同じ階層にフィールドを追加できる画面](https://images.blog.microcms.io/assets/f5d83e38f9374219900ef1b0cc4d85cd/5f4153750d2b4dbc8958eed71b92ce26/CleanShot%202026-04-21%20at%2014.08.23.png?w=523&h=424)
フィールド削除UIの改善
ケバブメニュー内の[フィールドを削除]から指定したフィールドを削除することが可能になりました。
おわりに
繰り返しフィールドのUIを刷新したことにより、フィールドの視認性や操作性が向上し、コンテンツ編集がよりスムーズに行えるようになりました。
今後も、より使いやすいサービスを目指してAPI、管理画面ともに改善してまいります。ご要望などございましたら管理画面右下のチャットボタンよりご意見いただけますと幸いです。

