Vue Designer: デザインと実装の統合

続きはログイン後！

ログイン新規登録（無料）

Vue.js 日本User Group
未設定

タグ :

■ 動画紹介

従来の Web サイト制作ではデザイナーがデザインから HTML、CSS の実装までを行っていました。しかし、現在 Web の UI は複雑になり、ロジックを持つアプリケーションも作られるようになっています。デザイナーがすべてを制作するのは難しくなり、デザイナーと開発者の分業が一般的になっています。

デザイナーと開発者のコミュニケーションが課題です。デザインは静的なモックアップで作られ、それをコードで再現することは二度手間です。デザインが静的なので、ウィンドウ幅や入力データの変化などの動的な要因をデザイン段階で十分に考慮することが困難です。運用を続けているうちにデザインデータと実装との乖離が発生することもあります。

本セッションではこの課題を解決するため開発中の Vue Designer をご紹介します。Vue Designer はコンポーネントのコードからグラフィカルなプレビューを表示し、デザイナーはそれを直接編集できます。デザインは即座に実装に反映され、実装の変更もデザインに反映されます。ビューポートのサイズやコンポーネントの入力などの動的な値を変更してプレビューもできます。