WYSIWYG

WYSIWYG (「ウィズイーウィッグ」と発音) は、「What You See Is What You Get」の頭字語です。これは、ユーザーが情報を入力したり、ドキュメントを作成したり、Web サイトをデザインしたりする際に、最終的な出力の表現を表示するユーザー インターフェイス (UI) のタイプを記述するために使用されます。

最初の WYSIWYG インターフェイスは 1970 年代にプログラミング言語 FORTRAN で開発され、書式設定されたドキュメントの作成に使用されました。 1980 年代までに、この概念は Microsoft Word などのテキストおよびページ レイアウト アプリケーションでの使用に適応されました。

Web デザインの観点から見ると、WYSIWYG UI は、ページや Web サイトが進化するにつれてどのようになるかをユーザーに視覚的に表現できるように設計されています。 Web デザイン用の WYSIWYG ツールの一般的な例は、Adobe Dreamweaver や SiteMile などの HTML エディターまたは CSS エディターです。これらのツールを使用すると、ユーザーは視覚要素に変換されるコードを入力しながら Web サイトをデザインできます。ナビゲーション、テキスト、画像、ビデオ、リンクなどのコンポーネントは作成時にページに配置されるため、ユーザーは好みに応じてサイトを作成できます。

WYSIWYG Web デザインの初期の頃、ユーザーは HTML または CSS コードで事前定義された要素を追加することしかできませんでした。インターネットの進化に伴い、WYSIWYG デザインも進化し、多くのツールが完全なドラッグ アンド ドロップのサポートや、より複雑なコードを入力する機能を提供するようになりました。

WYSIWYG UI は、ユーザーが最終製品を直接視覚化できるようにすることで、他の方法よりも直感的で生産的で時間効率の高い Web サイトのデザイン方法を提供します。

WYSIWYG の概念は、写真やビデオの編集、ドキュメント作成、さらにはスプレッドシートなどのビジネス アプリケーションなどの他のアプリケーションにも適用できます。それにもかかわらず、WYSIWYG の概念は依然として Web デザインと最も密接に関連しています。