WYSIWYG（見たままが得られる）— 定義・歴史・用途

主な特徴

一般的なWYSIWYGエディターは、操作可能なキャンバスにツールパレット、スタイル設定、即時レンダリングを組み合わせます。利用者はテキスト、画像、その他の要素を直接配置し、エディターがその操作を整形済みの結果へ変換します。印刷向けツールでは紙面出力との一致が目標となり、ウェブ向けツールではブラウザーでの表示の再現を目指します。印刷の例としては、印刷プレビューによる文書の確認があります。ウェブ出力では、エディターはウェブページの表示を反映しようとします。

簡単な歴史と発展

視覚的で文書に近いモードで編集するという考え方は、グラフィカルユーザーインターフェースとともに、初期の研究所における研究システムや最初期の一般向けソフトウェアで生まれました。初期のワープロソフトやデスクトップパブリッシング用アプリケーションは、技術に詳しくない利用者でも複雑なレイアウトを作成できたため、この方式を普及させました。やがてこの概念は、デスクトップパブリッシングからウェブデザインツール、プレゼンテーションソフトウェア、さらにはマルチメディア制御コンソールへと広がりました。

一般的な用途と例

• 書籍やパンフレット向けのワープロソフトおよびデスクトップパブリッシング用アプリケーション。
• PowerPoint形式のような形式で出力するスライド・プレゼンテーションエディター。
• 基礎となるHTML/CSSを隠そうとする、ウェブベースのリッチテキストエディターやサイトビルダー。
• 画面のインターフェースが本番の結果を反映する、視覚効果や照明キューを設計するための専門コンソール（照明コンソール）。

限界と重要な違い

WYSIWYGはレイアウトを簡単にする一方で、基礎となる構造やコードを見えにくくすることがあります。ウェブコンテンツでは、エディター内での見え方がブラウザーや端末ごとに異なる場合があり、レスポンシブな挙動を伝えることも困難です。視覚的な外観を優先するエディターは、ときに冗長なコードや意味構造を持たないコードを生成します。このため、ソース編集のようなマークアップ優先の手法や、コンテンツ構造と最終的な表現を分けるWYSIWYM（What You See Is What You Mean）という考え方を採用するワークフローもあります。

望ましい実践では、視覚的な編集と基礎ソースへのアクセス、対象形式のプレビュー、アクセシビリティおよび意味構造への配慮を両立させます。現代のシステムは、グラフィカルビューとソースビューの両方を提供することが多く、利用者はWYSIWYGの即時性とコードベース編集の制御性を組み合わせられます。