スマートフォン・タブレット・PCなど、異なるデバイス環境に対応したアプリを、同一キャンバス上で3画面同時に制作できます。

さらに、Webアプリに特化した機能も搭載されており、幅広い開発ニーズに対応できます。

この記事では、レスポンシブデザインキャンバスの概要と操作手順ついて解説します。

対象プラン

Proプラン以上・レスポンシブ環境(v4)

従来のキャンバス（v3環境）とレスポンシブデザインキャンバス（v4環境）の違い

従来の v3キャンバス は絶対配置によるデザイン方式で、ドラッグ＆ドロップで直感的に操作できますが、デバイスによって表示位置がずれる場合があります。 新しい v4キャンバス（レスポンシブデザインキャンバス） ではオートレイアウトに対応し、どのデバイスでも崩れないレイアウトを実現します。

機能に関して

※絶対配置と相対配置について

絶対配置

• ドラッグ＆ドロップで簡単にページ上にエレメントを配置できます。
• ただし、アプリ公開時に画面サイズが異なると、配置した位置がずれることがあります。

相対配置

• オートレイアウト機能を使用してエレメントを配置します。
• 画面サイズが変わっても位置が崩れず、レスポンシブな表示が可能です。