CodatumのGridPageは、画面サイズに応じて自動的にレイアウトを最適化するレスポンシブデザインに対応しています。画面幅が600px以下になると、コンポーネントが自動的に縦積みのモバイルレイアウトに切り替わります。

この機能は以下のすべての表示形式で利用できます：

• Notebook

• Public link

• Report

• Signed embed

モバイルレイアウトでのコンポーネントの表示順序はGridの構成に基づいて自動的に決定されるため、個別に設定する必要はありません。

今回のアップデートでは、このモバイルレイアウトでの表示順序や表示のされ方を事前に簡単に確認できるようになりました。これにより、ユーザーはモバイルデバイスでの見え方を確認し、最適な体験を提供することができます。

利用方法

1. 各GridPageを開く

2. 右上の3点リーダーボタンをクリック

3. Mobile Layoutを選択

4. 以下のオプションから選択：

   • Preview: モバイルレイアウトでのプレビューを表示

   • Order index: コンポーネントの縦積み順序を確認

活用シーン

SlackやメールなどでGridPageを共有した場合、受信者がモバイルブラウザで閲覧するケースが多くあります。この新機能を使えば、モバイル環境での表示崩れや意図しない順序などの問題を事前に確認し、改善することができます。

今後の展開

Codatumでは、モバイルでの体験を向上させるためのアップデートを今後も継続的に行っていきます。ユーザーの皆様からのフィードバックをお待ちしております！