WYSIWYGエディターとは何ですか？
WYSIWYG というと長い頭字語のように聞こえますが、現代のユーザー インターフェイスの定番です。 それらの意味と、オンラインのどこで確認できるかは次のとおりです。
あなたが見たもの、それがあなたの手に入れたものだ
WYSIWYG は、「見たものは得られるもの」を表すテクノロジーの始まりです。 これは通常、ドキュメント、ページ、またはファイルの外観や内容を直接変更および操作できるユーザー インターフェイスを指します。 これは、何かに加えた変更は、最終出力を生成するときに同じように表示されることを意味します。
インターネットがより普及し、人々が利用できるようになるにつれて、WYSIWYG エディタの人気も高まっています。 フォーマットされたコンテンツを即座にアップロードして送信する方法を見つける必要があるため、ほとんどの人は WYSIWYG 環境を使用しています。
WYSIWYGの歴史
実際の期間あなたが見たもの、それがあなたの手に入れたものだインターネットよりもはるかに古いものです。 これは、突然現れるものを説明するために使用される比較的一般的な慣用句でした。 たとえば、中古車を見ているときに、価格が低く、状態が悪そうに見える車を見つけた場合、売り手は「まあ、見ているものと同じものが得られるでしょう」と言うかもしれません。
最終的に、この用語はソフトウェア開発者やコンピューター製造者の間で普及しました。 古いコンピューターには何らかの形式の WYSIWYG がありませんでした。 代わりに、人々は、従来のプログラミング言語の範囲内で動作することを目的として、カスタム言語とマークアップ タグを介してフォーマットされたドキュメントを作成しました。
最終的に、テクノロジー企業ゼロックス PARC は、WYSIWYG エディターを内蔵した最初のパーソナル コンピューターである Alto をリリースしました。 これは、ユーザーがコンピュータ上の項目を視覚的に操作できるようにするグラフィカル ユーザー インターフェイス (GUI) の導入と同時に行われました。 その後すぐに、HP、Apple、Microsoft などの企業も、ビジュアル エディターのネイティブ サポートを含むコンピューター ソフトウェアをリリースしました。
WYSIWYG タイプ
文脈に応じて、多くのソフトウェア ツールやインターフェイスを次のように呼ぶことができます。 WYSIWYG エディター。
最も人気のあるのは、ドキュメントやテキストを編集できるシステムです。 非ビジュアル エディターには通常、後でリッチ テキストに解析される Markdown や BB Code などのマークアップ言語が含まれていますが、Microsoft Office のような WYSIWYG エディターでは、書式設定やコンテンツを途中で調整できます。 これらのドキュメントは共有したり印刷したりすることができ、コンピュータ上で表示されるのと同じように表示されます。
ウェブ開発もあります。 通常、フロントエンド Web 開発では、見栄えが良く応答性の高い Web サイトを構築するために、HTML や CSS などの言語を理解する必要があります。 Web サイトビルダーの間では「ドラッグ アンド ドロップ」インターフェイスが増加しており、コードを理解せずに独自の Web サイトを作成できるようになりました。 Adobe Dreamweaver などのツールを使用すると、Web サイトをデザインし、ブラウザーが解析できるコードとしてエクスポートできます。
WYSIWYG は、クリエイティブな専門家が使用する任意の数のプログラムにも広く適用できます。 ライブ ビデオ編集ソフトウェア、写真編集ソフトウェア、イラスト ソフトウェア、XNUMXD アニメーション スタジオはすべて、出力を瞬時に表示するための視覚的な方法を採用しています。 たとえば、Adobe Premiere や Sony Vegas などのビデオ編集ソフトウェアには、長いエクスポート プロセスを実行する前に、完成したクリップを即座に再生できる「プレビュー」ボックスがあります。
WYSIWYG エディター
WYSIWYG エディタの主な利点は、もちろん、エンド ユーザーにとって使いやすいことです。 これらのエディターを使用すると、さまざまなマークアップ言語の使用方法を学ぶ代わりに、ボタンをクリックするだけで投稿の書式設定、サイズ変更、マルチメディアの追加を行うことができます。 これが、ほとんどのフォーラム、Web ビルダー、編集者が WYSIWYG システムに移行した理由です。
市販されているテキスト エディタのほとんどは WYSIWYG です。 これには、Microsoft Office、LibreOffice、Google Docs などの一般的なワード プロセッサや、WordPad や Evernote などのリッチ テキスト エディタが含まれます。 ほとんどのテキスト エディタでは、マークアップ言語または WYSIWYG を使用できます。 たとえば、WordPress ポスト ボックスを使用すると、作成中の内容をライブ プレビューできる「ビジュアル」エディターと、HTML で直接編集できる「テキスト」エディターを切り替えることができます。
多くの WYSIWYG Web ホストを使用すると、コードをあまり理解しなくても Web サイトを作成できます。 これには、Squarespace、Wix、Weebly などの人気のあるサービスが含まれます。 これらは通常、特定のテンプレートに従うページにコンテンツ ブロックを追加できる「ドラッグ アンド ドロップ」インターフェイスを提供します。 WYSIWYG 編集と従来の編集を組み合わせたハイブリッド形式で作成できるものもあります。 この典型的な例は、Reddit などのマークダウン Web サイトです。 多くの場合、テキスト ボックスに書式設定を適用するオプションがあり、公開前にプレビューできます。