窓の杜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)
 

これ以前の連載一覧

【第72回】

バリアフリーとアンチエイリアス

(04/06/21)

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

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

 あらあら、めも理ちゃん。今日は何だか楽しそうですね。

 一体、何があったのでしょうか?

おばあちゃんの家

めも理  ねえねえ窓太。先週おばあちゃんの家に行ったのよ。そうしたら、部屋と部屋の間の段差にスロープが取りつけられていて、バリアフリーな住宅になっていたのよ。

窓太  へー、家のなかの段差を滑らかにしていたのですね。

めも理  そうよ。

窓太  そうですか、それはなんだか、“アンチエイリアス”をかけた状態みたいですね。

めも理  そう、アンチエイリアス……、うん? アンチエイリアスって何? また謎の言葉で私の脳髄に敗北感を与えようとしているわね。

窓太  いや、そういうわけじゃ……。

めも理  窓太、もったいつけずにさっさと話しなさい!

窓太  えー、それじゃあ、少し解説しますね。


アンチエイリアス

4コマまんが
めも理と窓太の4コマまんが
「バリアフリーとアンチエイリアス」

窓太  さて、めも理ちゃん。以前パソコンのディスプレイ上のグラフィックは、ドットという単位で表示されているという説明をしましたよね。

  □窓の杜 - 【めも理と窓太のパソコン講座】第7回:デジカメとヘリコプターの意外な関係
http://www.forest.impress.co.jp/article/2002/11/25/madota07.html

めも理  そういえば、そんな話もあったわね。

窓太  このドット単位で描かれた絵を拡大していくと、そのドットの1つ1つの四角の内容が判別できるようになると説明しましたよね。ここまではいいですか。

めも理  いいわよ。

窓太  さて、パソコンの画面というのは、縦と横に碁盤の目のように、このドットが並んだ状態になっています。そのため縦線や横線を引く場合には、きれいに見えるのですが、斜めに線を引いた場合には、あまりきれいには見えません。

めも理  きれいに見えませんって、そうなの?

窓太  そうです。少し分かりやすい例を出してみますね。方眼紙を塗りつぶしながら直線を描くとします。縦線や横線を描くときは、横や縦に並んだマスを塗りつぶしていくだけでいいですよね。

めも理  そうね。

窓太  じゃあ、斜めに線を描くときにはどうすればいいと思いますか?

めも理  そうね、1マス塗ったあと、1マス横に移動して、さらに1マス縦に移動して新しいマスを塗りつぶしていけばいいわね。
 うーん、これは遠くから見たら直線に見えるけど、近くから見たら、階段みたいにガタガタねえ。

方眼紙で斜め線

窓太  そうです。このようなガタガタの線だと、人間の目にはきれいに見えませんよね。まるで、家のなかにたくさん段差がある状態のようです。
 この場合は、バリアフリーの家のように、スロープを取りつけて、滑らかな線にしたいですよね。

めも理  そうね、でもどうやってスロープを取りつけるの? ドットは画像の一番小さな単位なんでしょう。だから、ドットのなかには絵は描けないわよ。
 ドットのなかに絵を描けるのなら、斜め線でも引いてスロープを作ればいいんでしょうけど、ドットはただの点だからそんなことはできないわ。ドットにできるのは、どんな色を塗るか決めることだけよ。
 色しか決められないなら、ガタガタの線を滑らかにすることなんてできないんじゃないの?

窓太  でも、バリアフリーの家のスロープのようなものを、置くことは可能なのです。

めも理  どうやって?

窓太  そのヒントはめも理ちゃんがもう言っています。色を塗ることなのです。

めも理  色?

窓太  例えば、白色の背景に黒色の三角形を描いたとします。そうすると三角形の斜め線の部分は、白と黒のドットが階段状に並んで、ガタガタの線になりますよね。

めも理  そうね。

窓太  その白と黒の階段状のドットの間に、黒と白の中間色の灰色の点を置くのです。
 黒と白で色が急激に変化するから、目にはガタガタの線に見えるのです。それなら、間にワンクッションとして灰色の点を置くことで、滑らかな線に見えるようにしてやるわけです。こうすることで人間の目は騙されて、黒と白の斜め線のガタガタが消えて、滑らかな線になったように見えるのです。
 それじゃあ、実際に塗ってみますね。

アンチエイリアスなし


アンチエイリアスあり(灰色で間を塗った斜め線)

窓太  どうですか、だいぶ滑らかに見えるようになったでしょう。

めも理  本当ね、不思議なものね。

窓太  このように、ガタガタの線のドットとドットの間に中間の色を塗ることによって、線を滑らかに見せる方法を、アンチエイリアシングと呼ぶのです。
 エイリアシングはギザギザの線のことで、この言葉に否定を表すアンチという言葉がつくことで、ギザギザの線を滑らかな線にするという意味になるのです。
 アンチエイリアシングの代わりに、アンチエイリアスと呼ぶことのほうが多いですね。

めも理  へー、なるほど、ガタガタの線もこうやって中間の色を補えばきれいに見えるようになるのね。1つ勉強になったわ。


授業時間

めも理  ねえ窓太。授業時間にもアンチエイリアスが必要だと思うのよ。

窓太  また、めも理ちゃん変なことを考えたんですか。

めも理  あのね、学校では、休み時間から急に授業時間が始まるじゃない。これって、あまりにも急激過ぎると思うの。もっと、生徒が滑らかだと感じる授業開始の仕方が必要だと思うのよ。

窓太  で、具体的にどうするんですか?

めも理  先生が来ても、最初の20分は雑談の時間にするのよ。そうすれば、生徒も非常に滑らかに授業に入れると思うわ。

窓太  そんなに毎回雑談ばかりしていたら授業にならないですよ。それよりも、休み時間をなくして、ずっと授業の時間にしたらどうですか。

めも理  うぅっ、それは勘弁してほしいわ。


今回出てきた用語の解説

【アンチエイリアス】 パソコンのディスプレイなどは、縦横の格子状の四角の集まりで表現されており、その四角に色を塗ることで画像を表示している。そのため、縦や横の直線はきれいに表示できるが、斜めの線や円の円周などのカーブは階段状になり、きれいに表示できない。
 このような、パソコンのディスプレイなどの特性のためにガタガタになる画像でも、その境界線に中間色をおくことで、滑らかな斜線やカーブを描くことができる。このような中間色を置く手法をアンチエイリアシングやアンチエイリアスと呼ぶ。

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


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