ここ一年は大きな動きがありました。サポートを始め、非常に短時間でレスポンシブなデザインを始めることができます。非常に美しいビジュアルなツールで、ブレイクポイントをみながら作業を続け、ワークフローを進めることができます。コードがプロセスの中で重要なことを認識しており、ツールの中に含めるということをしています。中で行えるようになっています。使えるようになっています。これまで長きにわたって、レスポンシブデザインのワークフローに関わりたいと思っていました。使って、Web用に大きな画像を作り、モバイル用には小さい画像を作っていました。好きなだけ、クリエイティブな作業をしていくことができました。自分がつくった二つのサイズは分かりますが、その間のサイズ、タブレットでどう見えるのかはわかりませんでした。実際に機能するwebサイトにするという作業が進みます。新しいバージョンを用意しています。デザイナーは、プロダクションの中で、自由なスタイルで作業していくことができます。コーディングの知識なく、作業を進めていくことができます。サポートしてくれます。一枚のページのみのデザインという考え方を払拭することができます。デモで見せてもらいます。今週リリースしたばかりの最新版になっています。ここまで何年も費やして、コンセプトを実現できるよう考えてきました。これまで、どうしても固定サイズのデザインが基本となってきました。いうのは、Webデザイナーのための製品として成立してきています。グラフィックデザイナーにとって、どうやったら機能する実際に動くデザインが作れるのかをサポートしてきました。使ってきたのであれば、非常に馴染みのあるデザインです。すべてがフリーフォームでデザイン上の制約は必要ありません。質の高いタイポグラフィーにもアクセス可能です。使えるようになっており、直接利用可能です。使って試してみたいと思います。簡単にアセットを取り込むことが可能です。イラストレーターの画像を取り込むと自動的にSVGに変換されます。CCライブラリのアセットから、画像を持ってきます。アプリケーションを切り替える必要が無くなります。非常に使い易くなっています。簡単になじんで頂くことが可能です。ここからはレスポンシブデザインの機能について紹介しましょう。いままではサイズが固定だったと思います。非常に柔軟になっています。いろいろなサイズでどう見えるのか、都度確認することが可能です。スクラバーを持って拡大すると、大きくなった時にどう見えるのか、確認することができます。コンテンツドリブンデザイン。コンテンツ駆動型のデザインです。レイアウトがどのタイミングで変えないといけないのかが分かるようになっています。今デザインするにあたって、コンテンツ駆動型でなければいけないと思っています。二つ3つのデバイスだけではダメで、どんなサイズの画面でも適切に表示できないといけないのです。画面の比率をかえていくと、割合が崩れるタイミングで、新しいブレイクポイントが必要になってきます。切り替えが必要になってきます。新しい切り替えポイントで、大きいサイズのデザインを試していくことができます。リサイズをして、空間を作ってみて、小さい切り替えポイントに変化していくと、どういう想定しない結果になるのかを心配することなく、新しいブレイクポイントで、フリーフォームで作業を続けていくことができます。完成に近づいている様子を見ていってもらいます。レイアウトとメニューが変わってきているのがわかります。生成され、すぐに使えるのです。その結果、ビジュアルとして作ったものを反映したHTMLが作られるのです。このプロレスに非常に誇りを持っています。レスポンシブデザインという概念を本番環境で使ってもらえるよう、このツールが実現しているからです。使ってデザインをしていけるのかをお知らせしました。他のツールを使っている人でも、すごいことをもう一回Webにもってこようよ!というのがメッセージです。様々なアイデア、最新のツールについて、フィードバックをお願いします。