窓の杜Logo
バックナンバー
・ 2006年5月 ・
最終回:めも理、2年生に進級!? (06/05/15)
・ 2006年4月 ・
第152回:NTPサーバーと電話の時報 (06/04/24)
第151回:アプリケーションの強制終了とサッカーのレッドカード (06/04/17)
第150回:サードパーティと車の改造 (06/04/10)
第149回:送るメニューとスタントマン (06/04/03)
・ 2006年3月 ・
第148回:ダウンロードのレジュームと長編マンガの読書 (06/03/27)
第147回:プレイリストとお菓子のレシピ (06/03/20)
第146回:ホットスポットと宅配便 (06/03/13)
第145回:ファイルの関連付けと専門医 (06/03/06)
・ 2006年2月 ・
第144回:SpeedStepとめも理のマラソン (06/02/27)
第143回:CC、BCCとクラス会の案内状 (06/02/20)
第142回:トラックバックと掲載誌の贈呈 (06/02/13)
第141回:ブログと首相の記者会見 (06/02/06)
・ 2006年1月 ・
第140回:ハッシュ値と人間の指紋 (06/01/30)
第139回:ヒューリスティックエンジンと実験室 (06/01/23)
第138回:ネットバンキングとラーメンの出前 (06/01/16)
・ 2005年12月 ・
第137回:グループウェアと職員室 (05/12/19)
第136回:モーフィングとお餅 (05/12/12)
第135回:GIFアニメーションとパラパラマンガ (05/12/05)
・ 2005年11月 ・
第134回:アスキーアートとビーズ細工 (05/11/28)
第133回:相対パスと上の階 (05/11/21)
第132回:アドミニストレーターと賃貸マンションの管理人 (05/11/14)
第131回:デスクトップ検索と専属探偵 (05/11/07)
・ 2005年10月 ・
第130回:パターンファイルと犯罪捜査 (05/10/31)
第129回:仮想メモリとコインロッカー (05/10/24)
第128回:アフィリエイトと販売代理店 (05/10/17)
第127回:アカデミックパッケージと子供料金 (05/10/03)
・ 2005年9月 ・
第126回:ブルースクリーンと朝礼の貧血 (05/09/26)
第125回:スタンバイとビデオの一時停止 (05/09/12)
第124回:ソースコードとペーパークラフト (05/09/05)
・ 2005年8月 ・
第123回:WYSIWYGとレストラン入り口の食品サンプル (05/08/29)
第122回:NASと庭の納屋 (05/08/22)
第121回:アルゴリズムとプラモデルの組み立て説明書 (05/08/08)
第120回:ストリーミングと電話の問い合わせ (05/08/01)
・ 2005年7月 ・
第119回:RAWデータと映画の原作 (05/07/25)
第118回:OCRと教科書の朗読 (05/07/11)
第117回:ベリファイと時間割の確認 (05/07/04)
・ 2005年6月 ・
第116回:マルチモニターと机の合体 (05/06/27)
第115回:ポートと駅の北口 (05/06/20)
第114回:ポップアップと漫画のフキダシ (05/06/13)
第113回:SNSと同窓会のお知らせ (05/06/06)
・ 2005年5月 ・
第112回:代打のバッターと仮想プリンター (05/05/30)
第111回:ルアー釣りとフィッシング詐欺 (05/05/23)
第110回:楽器屋さんと統合アーカイバプロジェクト (05/05/16)
第109回:手抜き感想文とテンプレート (05/05/09)
・ 2005年4月 ・
第108回:ダンボール箱とメディア (05/04/25)
第107回:詰め込みメモとCSV形式 (05/04/18)
第106回:車の免許とタイムスタンプ (05/04/11)
第105回:借りっぱなしの本とWebブラウザーのキャッシュ (05/04/04)
・ 2005年3月 ・
第104回:クロスサイトスクリプティングとかご抜け詐欺 (05/03/28)
第103回:GREPとアンケート調査 (05/03/14)
第102回:タスクトレイと腕時計 (05/03/07)
・ 2005年2月 ・
第101回:QRコードと学校の下駄箱 (05/02/28)
第100回:100回記念企画 窓の杜編集部に行ってみよう!(実写版) (05/02/21)
第99回:ログと学級日誌 (05/02/14)
第98回:マウスジェスチャーと変身ヒーロー (05/02/07)
・ 2005年1月 ・
第97回:Webメールと美人秘書 (05/01/31)
第96回:ごみ箱のデータと学食の下膳台 (05/01/24)
第95回:IMEと執事と国語辞典 (05/01/17)
・ 2004年12月 ・
第94回:エンコード、デコードとカップラーメン (04/12/20)
第93回:ポリゴンとお風呂のタイル (04/12/13)
第92回:RSSと電車の吊り広告 (04/12/06)
・ 2004年11月 ・
第91回:ファイヤーウォールと空港の持ち物検査 (04/11/29)
第90回:スパイウェア、アドウェアと盗聴器 (04/11/22)
第89回:デフォルトとご飯の大盛り (04/11/15)
第88回:PDFと設計図 (04/11/08)
第87回:タブレットとスケッチブック (04/11/01)
・ 2004年10月 ・
第86回:IEコンポーネントとスポンジケーキ (04/10/25)
第85回:共有フォルダと部室の雑誌置き場 (04/10/18)
第84回:スキャンディスクとダムの検査 (04/10/04)
・ 2004年9月 ・
第83回:デバイスのドライバーと車の運転手 (04/09/27)
第82回:サービスパックと家のリフォーム (04/09/13)
第81回:FAQとトイレの張り紙 (04/09/06)
・ 2004年8月 ・
第80回:黒板消し落としとブラクラ (04/08/30)
第79回:予防接種とWindows Update (04/08/23)
第78回:十徳ナイフとファンクション・キー (04/08/09)
第77回:狐や狸と差出人詐称ウイルスメール (04/08/02)
・ 2004年7月 ・
第76回:穴埋め問題とオートコンプリート (04/07/26)
第75回:内線電話とLAN (04/07/12)
第74回:めも理の将棋とアンドゥー (04/07/05)
・ 2004年6月 ・
第73回:始業の準備とスタートアップ (04/06/28)
第72回:バリアフリーとアンチエイリアス (04/06/21)
第71回:太陽と月とRGBとCMYK (04/06/14)
第70回:カタカナ言葉と通信の暗号化 (04/06/07)
 

これ以前の連載一覧

【第123回】

WYSIWYGとレストラン入り口の食品サンプル

(05/08/29)

めも理 窓太 めも理と窓太
登場人物紹介

 窓の杜高校、超パソコン部の部室。

 あらあら、めも理ちゃん。今日は何か唱えています。

 あっ、舌を噛みました。一体、何を唱えているのでしょうか?

WYSIWYG

めも理  “WYSIWYG(ウィジウィグ)”、WYSIWYG、WYSIWYG。イタっ、舌を噛んでしまったわ。

窓太  どうしたんですか、めも理ちゃん。
 舌を噛む練習ですか?

めも理  そんなことはしないわよ。
 今日、先輩達の話を聞いていたら、WYSIWYGという謎の言葉を聞いたのよ。

窓太  それで、その場で質問しなかったのですね。

めも理  しようとしたわよ。でも、舌を噛んで失敗してしまったのよ。
 だから、今必死に練習していたの。

窓太  えー、そうだったのですか。

めも理  それで、WYSIWYGって何なの?

窓太  そうですね、レストランの入り口に展示してある食品サンプルのようなものですよ。
 昔はロウで作っていたから、ロウ見本などと呼ばれていたものです。

めも理  WYSIWYGは食品サンプル?
 一体どういうことなの?

窓太  それでは少し説明することにしましょう。


レストラン入り口の食品サンプル

4コマまんが
めも理と窓太の4コマまんが
「WYSIWYG」

窓太  さて、めも理ちゃん。
 レストランや食堂に行ったときに、店頭にディスプレイされている食品サンプルを見たことはありますか?

めも理  あるわよ。
 本物の料理そっくりに作ってあって、注文する前に料理のイメージが分かるから非常に便利よね。

窓太  実はパソコンでも同じようなものがあるのです。

めも理  ほう、料理そっくりのものが……。

窓太  料理のことは忘れて下さい。文書作成などの分野に関係するお話です。

めも理  文書作成?

窓太  パソコンのディスプレイに表示されている文書を、見たままのレイアウトやフォントの種類で紙に印刷できることなどをWYSIWYGと呼ぶのです。
 WYSIWYGは、“What You See Is What You Get”の略です。もともと画面で見たとおりにそのまま印刷できるという意味で使われていた言葉です。
 料理に食品サンプルがあるように、文書作成中に印刷時とそっくりな見た目を提供しているのがWYSIWYGです。

めも理  へー、どんな風に見たままなの?

窓太  たとえば「MS Word」では、編集中の文字を太くしたりサイズを変更したり、行の中央寄せや右寄せなどが簡単にできます。そして変更した内容が、そのまま印刷に反映されます。
 ほかにも、画像を貼り付けたり、テーブルをドラッグ&ドロップでサイズを変更したりと直感的な操作ができ、変更した内容をファイルに保存したり、印刷できます。

めも理  ふーん、でもそれって当たり前じゃないの?
 こういった操作方法以外で文書を編集したりすることってあるの?

窓太  ありますよ。代表的なのはHTMLファイルですね。

めも理  え、どういうこと? HTMLファイルは「MS Word」と同じような操作で編集できるじゃない。

窓太  それでは「Internet Explorer」でWebページを見ているときに、右クリックメニュー[ソースを表示]を選んでみてください。
 そうすれば分かりますが、HTMLで記述されているWebページというのは、文字の大きさや太さ、画像の挿入などが“HTMLタグ”と呼ばれる特殊な書式で指定されています。
 たとえば「メモ帳」でHTMLファイルを編集する場合は、HTMLタグを記述しなければなりません。もちろん、HTMLタグを知らない人は勉強する必要があります。
 でも、それは大変ですよね。

めも理  確かに大変そうね。

窓太  そのようなときに、WYSIWYGの技術が応用できるのです。

めも理  WYSIWYGの技術を応用?

窓太  「MS Word」を例に挙げて説明した、『画面で編集した文書をそのまま印刷できる』というWYSIWYGの技術をHTMLエディターに応用するのです。
 そうすれば、Webブラウザーで表示したときと同じような画面でHTMLファイルを作成できるようになります。画面で見たとおりの文書を印刷できるように、画面で見たとおりのHTMLファイルを出力できるわけです。
 このようなHTMLエディターをWYSIWYG型のHTMLエディターなどと呼びます。
 WYSIWYG型のHTMLエディターでは、HTMLタグを記述する必要がありませんので、HTMLタグの知識がない人でもHTMLファイルを手軽に作成できます。

めも理  なるほど。

窓太  このように、WYSIWYGは文書作成で有用な機能なのです。

めも理  そんなに有用なのかしら?

窓太  有用ですよ。
 レストランで料理を注文するときに、見本があれば実際の料理を想像しやすいですよね。

めも理  それはそうね。“カザフスタン風スパゲッティ”とメニューに書いてあっても、いったいどんな料理だか想像つかないわ。

窓太  同じようにパソコンでも、WYSIWYGとして操作画面を表示するアプリケーションでは、文書を作成しているときに前もって印刷される内容や、出力されるWebページの表示を確認できるわけです。
 なので、WYSIWYGという機能はパソコンを使ううえで、とっても有用な機能なのです。


特大パフェ

めも理  やはり見た目どおりのものが出てこないとだめよね。

窓太  どうしたのですか?

めも理  喫茶店に行って特大パフェを頼んだら、パフェのサイズが見本の数分の一しかなかったのよ。
 形はそっくりだったけど、大きさが全然違っていたの。

窓太  それは、さすがによくないですね。

めも理  やはりWYSIWYGは大切よ!

窓太  それで、見本のサイズはどのくらいだったんですか?

めも理  店の店頭で私の背の高さぐらいがあったわ。

窓太  それは見本ではなく看板なのでは?

めも理  えっ、そうだったの! 騙されたわ!

窓太  いや、騙してないと思いますよ。めも理ちゃんが勝手に間違えただけですよ。
 はぁ、相変わらず、そそっかしいですね。


今回出てきた用語の解説

【WYSIWYG】 “What You See Is What You Get”の略。もともと文書などが画面で見たとおりにそのまま印刷されるという意味。WYSIWYGの利点が生かされるアプリケーションと言えば、「MS Word」などの文書作成ソフトや、HTMLエディターが挙げられる。

クロノス・クラウン:柳井 政和




トップページへ
めも理と窓太のパソコン講座 INDEX へ
Copyright ©2005 Impress Corporation, an Impress Group company. All rights reserved.
編集部への連絡は お問い合わせはこちらをクリック まで