For faster navigation, this Iframe is preloading the Wikiwand page for WYSIWYG.

WYSIWYG

この記事は検証可能参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方)出典検索?"WYSIWYG" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2011年9月)
左側のプログラムは、WYSIWYGエディターを使用してLorem Ipsum文書を生成している。右側のプログラムにはLaTeXコードが含まれており、コンパイルすると左側の文書と非常によく似た文書が生成される。フォーマットコードのコンパイルは、WYSIWYGプロセスではない。

WYSIWYGアクロニム: ウィジウィグ)とは、コンピュータユーザインタフェースに関する用語で、ディスプレイに現れるものと処理内容(特に印刷結果)が一致するように表現する技術[1]What You See Is What You Get(見たままが得られる)の頭文字をとったものであり、「is」を外したWYSWYG(ウィズウィグ)と呼ばれることもある[1]

近年では、コンテンツ管理システムでも使われるようになり、この場合は、入力画面と出力画面が一致するよう表現する技術を指す。

意味

[編集]

元来の意味は、文書作成プログラムを使った時にコンピュータのディスプレイで見たままに、同じサイズで印刷結果が得られることを指す言葉であった。[2]文字の大きさや装飾などが印刷前に画面上でも確認でき、画像やグラフなどの文字以外の要素がある場合にはその配置状態も画面で確認できる。また、禁則処理字詰めなどが画面と印刷でまったく一致するということも含まれる。

だが現実には多くの場合において、印刷結果が画面で見ていたものと完全に一致することは無い。これは、多くの場合に画面と印刷物では解像度縦横比が異なることや、画面で見る場合にはスクロールバーなどのインタラクティブな要素が入ってくることが多いことに起因する。また、ソフトウェアによっては、これらの要因などにより画面描画時と印刷時にまったく同じアルゴリズムプログラムを用いることができず、結果が異なることも多くある。さらに、色が関係する場合にはデバイスの特性の違いのため、まったく同じ結果を得ることが不可能であるということもある。

AppleMacintoshは、当初は完全なWYSIWYGを目指して設計され、画面表示と印刷出力の両方でQuickDrawを開発して利用した。そのとき、文字のサイズの単位であるポイントがほぼ1/72インチであることに着目し、画面解像度が72dpiに近いディスプレイが標準で採用され、「1ポイント=1ドット=1ピクセル」という原則が打ち立てられた。プリンターも72の整数倍である144dpi、216dpiの解像度のものが用意されていたうえ、表示用の2倍、3倍の解像度の印刷フォントも搭載されていたため、画面に表示されたのとまったく同じ印刷出力を得ることが可能であった。グラフィックは印刷においても画面と同じ72dpiそのままでジャギーが目立ったが、当時はさほど支障とはならなかった。QuickDrawをストレートに実装したアプリケーションMacPaintMacDrawがあり、MacintoshのユーザはそれらによってWYSIWYGを体感できたのである。

その後はMacintoshでもモニタ解像度が任意となり、画面サイズと印刷出力のサイズが必ずしも一致しなくなった。

現在ではレイアウトカラーマネジメントにおいて、編集中もしくはプレビュー時に画面に表示されるものとほとんど同じものが、最終結果(印刷結果に限らず、HTMLによる文書なども含む)として得られるようなアプリケーションや、その編集方法を指す場合も多い。また、画面上で文字などのオブジェクトを選択し、レイアウトや色彩などその属性を変更すると、即座に画面に変更結果が表示されるというユーザインタフェースのことを指す場合もある。つまり、ユーザのイメージがすぐ実現するということを重視するのである。さらには、コンピュータディスプレイ上で図形などを用いて表現される事物に対する操作が、実際の動作とできるだけ一致するように工夫されたユーザインタフェースのことを指す言葉としても用いられることさえある。具体的には、「ファイルフォルダの中に入っているものなので、画面上でフォルダを開く操作をすると中のファイルを取り出すことができる」とか「ファイルを印刷機に入れる操作(ファイルアイコンを印刷機アイコンに重ね合わせる)によって印刷を実行できる」などという操作環境のことである。これらは一般にはデスクトップ・メタファと言われるものであるが、こういった概念も元来は無関係のWYSIWYGに含めて混同して考えるということもしばしば行なわれる。

なお、NEXTSTEPは画面出力にDisplay PostScript、印刷出力にPostScriptを採用し、画面・プリント出力とも同じ結果を得ることができた。NEXTSTEP/OPENSTEPClassic Mac OSの後継であるmacOSでは、PDFベースのQuartzにより、解像度に依存しないWYSIWYGを実現している。

歴史

[編集]

この言葉をこの意味で最初に使ったのは、ゼロックスパロアルト研究所 (PARC) で文書作成プログラム"Bravo"を作成したチャールズ・シモニー (Charles Simonyi)である。Bravoは最初からWYSIWYGなプログラムであったが、当初はこの用語は存在しなかった。あるときシモニーがBravoのデモンストレーションとして、ゼロックスのロゴタイプが含まれた文書をシティバンクの人に印刷してみせた。このとき、透明な用紙に印刷をして画面と印刷がほとんど変わらないということを重ね合わせて見せた所、それを見た人がその当時テレビで流行っていたフリップ・ウィルソンの口癖 "What you see is what you get."を口にした。以降、シモニーをはじめとするPARCの人たちが好んでこの言葉を使うようになり、さらには計算機科学者らに広まっていった。ディスプレイ表示と印刷結果がイコールというWYSIWYGの基本アイデアが、複写機メーカーであるゼロックス社の研究所で誕生したのは決して偶然ではなく、ドキュメンテーション技術におけるリーディングカンパニーとして、むしろ必然であったと言える。現代のワードプロセッサは、WYSIWYGであるだけでなくモードレスであり、Bravoと同時期に少し遅れて同じくPARCで作られたGypsyが最初のものである。PARCの研究成果がその後DTPというひとつの文化の萌芽となったことは間違いない。

WYSIWYGに対する非難

[編集]
この節は検証可能参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方)出典検索?"WYSIWYG" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2013年3月)

利便性を求めて開発されたWYSIWYGであるが、一方で次のような非難も根強く存在する。

内容(文章)と外見(装飾要素)の混在に対する非難

[編集]

近年、コンテンツに対するアクセシビリティが提唱されるようになってきており、特にウェブコンテンツに対するガイドラインとして、World Wide Web Consortium (W3C) が提唱するWeb Content Accessibility Guidelines (WCAG) というガイドラインが提唱されるようになった。つまり、「多くの人」が「多くの環境」で情報を取得できるように、コンテンツである「文章そのもの」と、文字の大きさや色などの「装飾要素」を分けるべきという考えである。

これにより、ひとつの文章を、印刷物や、ウェブサイト、ソフトウェア、テレビ番組、ラジオ番組などの多くのメディアにおいて、それぞれの装飾方法で情報公開することができるようになる。この概念は、「ワンソース・マルチユース」とも呼ばれ、現在におけるXMLによるコンテンツ管理技術へと発展している。 現在では、ウェブページにおけるXHTML言語や、地上デジタル放送などにおけるBML言語などにも広く応用されるようになった。

しかし、WYSIWYGなワープロソフト等では、文章の論理的な内容(章立て・見出しなどアウトライン)と外見のデザイン(文字の大きさ・色)が、必ずしも明確に分離されていない点が指摘される。具体的にはユーザーが好き勝手に強調したい文字を大きく見せたりすることが簡単にでき、デザイン的な自由度は高いが、論理性は二の次となる。

一定のデザインを多くの文書に適用したり、一つの文書に対し適用するデザインを切り替えて多様な出力を得ること(ワンソース・マルチユース)も難しくなる。

多くのワープロソフト等では、アウトラインプロセッサなど文書の論理構成とデザインを分離する機能を備えているが、正しく使いこなすには多くのスキルを必要とする。また内容と外見の分離の必要性を感じない人も多く、広く利用されているとは言い難い。正しく作成された文書も、熟練していない者が加筆すると章立てや見出しの設定が破壊され台無しになることもある。多くのユーザーは論理的に見出しのレベルを選択すべきケースで、単純に文字の大きさを選択してしまう。

特に数学情報工学の分野において、上のような非難をする人が多く見られる。このため、TeXDocBookを愛用する者や、HTMLやCSSを直接編集してWebページを作成する者も多い。コンピュータの専門家であるのに、Microsoft Wordの操作方法を全く知らず、一般人に驚かれるという話も聞かれる。このように1枚の文書をマルチユースを前提とした論文のようにとらえるか、読み捨てのチラシのようにとらえるかの差は大きい。

ひとつのスタイルとして、内容と外見を分離するため、文章編集は専らテキストエディタで行い、印刷時にのみワープロソフトで整形する者もいる。よく似た慣行として印刷や出版業界では、最初から執筆者に整形しないテキストのみの提出を求めるケースが多い。一方でインデザインなどDTPソフトを指定して、熟練した執筆者にページ丸ごと編集をまかせるケースもある。

なお、Wikipediaの編集画面もWYSIWYGではないため、見出し以外の文字を故意に大きく見せるようなことはできない。そのため内容と外見が分離され不特定多数が編集してもデザインの統一性が保たれている。これは非WYSIWYG環境の有効性を証明する好例と言えよう。

コンピュータの負荷に対する非難

[編集]

WYSIWYGなソフトウェアは、逐次画面に最終的な出力結果を更新表示する必要があり、CPUメモリに多くの負荷をかける。しかし近年のコンピュータの高性能化により、これを理由にWYSIWYGを敬遠する人は、かなり減少した。

インターフェイスの複雑化に対する非難

[編集]

近年の多機能化したソフトウェアでは、WYSIWYGの前提である視覚的なメニューやボタンが膨大な数となり、必要な機能が探し出せないという問題が顕著になった。このため、対話式のヘルプや、使用頻度の低いメニューを自動的に隠す機能が提案されたが、かならずしも広く支持を得ているとはいえない。Microsoft Office 2007では、複雑なメニューを一掃し、ソフトウェアが機能を提示するアプローチ (What You Get Is What You See: 仕上がりは御覧の通り、などと呼ばれる)を採用したが、現状では評価は定まっていない。

WYSIWYG なソフトウェア

[編集]


スクリプト

[編集]
  • Ekit
  • CKEditor(FCKeditor
  • htmleditor swf
  • NicEdit
  • Obout Editor for ASP.NET
  • openWYSIWYG
  • prototype.js WYSIWIG
  • TextEditor swf
  • TinyMCE
  • Whizzywig
  • widgEditor
  • WYMeditor
  • WYSIWYG-Text-Formating for any Textarea
  • YUI Sample WYSIWYG

派生語

[編集]

WYSIWYGは様々にもじられて使われることがある。

WYSIWYS - What You See Is What You See
印刷する手段(プリンタ)の無い環境のこと
WYSIWIS - What You See Is What I See
分散協調作業環境で、離れた場所にある端末に同一の内容が表示できること
WYSIAYG - What You See Is All You Get
画面に表示されていることしかできないユーザインタフェースを(しばしば揶揄する意味で)指す
WYCIWYG - What You Cache Is What You Get
MozillaなどのGeckoを使用するブラウザソフトで、キャッシュ内容にアクセスすることを指示する言葉
WYSIWYM - What You See Is What You Mean
XMLなど文書構造が理解しやすい形式で表示できること

出典

[編集]
  1. ^ a b WYSIWYGエディター - CMS用語集”. 2023年9月12日閲覧。
  2. ^ DTPは印刷を変えた(1)- 印刷100年の変革 JAGAT 日本印刷技術協会アーカイブ

関連項目

[編集]

外部リンク

[編集]
{{bottomLinkPreText}} {{bottomLinkText}}
WYSIWYG
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?