モバイルユーザーの増加に伴い、これまでPC向けに開発されていたウェブアプリケーションのモバイル対応が求められています。しかし、モバイル端末の数やそのOSが年々増加していくため、様々な端末への対応が難しくなってきています。現在のウェブアプリケーションの開発では、新しい機種やOSが出る度にアプリケーションの動作を確認し、必要に応じて機能拡張をしていくため、開発・運用の両面でコストがかかっていました。

上記の問題を解決する一手段として、レスポンシブウェブデザインが注目されています。レスポンシブウェブデザインは、画面サイズや機器の特性に応じて、ユーザーにとって最適なユーザーインターフェースを動的に提供する仕組みです。PCやモバイルに関係なく、一つのソースコードで複数のデバイスに対応したアプリケーションの開発が可能になり、開発、運用の両面でコストを抑えることが期待できます。

レスポンシブウェブデザインは大きく3つの技術要素で構成されています。

様々な機種に対応したウェブアプリケーションを開発する際には、今回紹介したレスポンシブウェブデザインにも解決すべき課題があります。例えば、CSSだけでは対処できない画面の振る舞いを構築したい場合に、サーバーサイド側でデバイス種別を検知して動的にライブラリやページ部品を読み込むような仕組みも考えられます。また、画面の読み込みに時間がかかるアプリケーションの場合は、サーバーサイドで処理されたデータを、クライアントサイドに送ることも考えられます。このように、クライアントサイドとサーバーサイドの両方の仕組みを利用したアーキテクチャを今後検討する必要があると考えられます。

最後に、NTTデータでは、2012年7月の公式サイトリニューアル時に、レスポンシブウェブデザインを採用したサイトに変更しています。