モバイルデバイスの進化は、Web アプリケーションの新しい構築方法を含む、まったく新しいネイティブアプリケーションへの道を開きました。
現在の課題は、読みやすい形式ですべての情報を表示できるように、レイアウトを調整することです。また、デバイスの種類や画面のサイズを問わずに、最適な表示を実現することも求められています。
さまざまなプラットフォームやデバイスで Web サイトが適切に表示されるようにするための一般的な手法は、W3C が提唱する One Web サイトを、レスポンシブ Web デザインで開発することです。
One Web とは、異なるデバイスを使用しても、できるだけ同じ情報やサービスをユーザーが利用できるようにすることです。One Web の考え方によって、スマートフォンでもタブレットでもデスクトップでも、Web アプリケーションが確実に機能するようになります。
レスポンシブ Web デザインの手法を使用します。それにより、デバイスの画面サイズに応じて、異なる視覚的な特性をレイアウト上に表示できます。
GeneXus では、直観的な方法でレスポンシブ Web アプリケーションを設計できます。このソリューションでは、最も一般的なフロントエンド開発フレームワークの 1 つである、Bootstrap を使用します。
GeneXus ユーザーは、レスポンシブデザインの基本的なエレメント (可変グリッド、フレキシブルメディア、CSS メディアクエリ) について考慮する必要はありません。すべてのリソースが透過的な方法で使用されるからです。ユーザーは、Web 抽象エディターを使用して Web フォームを設計するだけで済みます。Web フォームは、[ Web Form Defaults ] プロパティの値に応じて、既定でレスポンシブとして生成されます。
最低限満たすべき要件をいくつか考慮する必要があります。「Considerations to develop a Responsive Web Application (レスポンシブ Web アプリケーションの設計に関する注意事項)」を参照してください。
概要のビデオ
(スペイン語)
|