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

これ以前の連載一覧

【第134回】

アスキーアートとビーズ細工

(05/11/28)

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

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

 あらあら、めも理ちゃん。今日はクラスで聞いたことに関して質問があるようですね。

 友人関係の質問なのでしょうか?

アスキーアート

めも理  ねえねえ窓太、“アスキーアート”って何?
 学校で同じクラスの人たちが『アスキーアートにはまってる』と言っていたの。だから、話題についていくために何なのか知りたいのよ。

窓太  そうですね、アスキーアートはビーズ細工のようなものですよ。

めも理  ビーズ細工?

窓太  そうですよ。めも理ちゃんの友達作りのために、少しお話することにしましょう。


ビーズ細工

4コマまんが
めも理と窓太の4コマまんが
「アスキーアート」

窓太  では、めも理ちゃん。ビーズ細工が何かを知っていますか?

めも理  知っているわよ。さまざまな色や大きさのビーズを糸でつないで、動物や乗り物、人形などを作る手芸よね。昔やったことがあるわ。

窓太  そのビーズ細工と同じように、小さな部品を組み合わせて絵を描くことがパソコンでもあるのです。

めも理  へー、それはどんな部品を使うの?

窓太  使うのは、英数字や記号、漢字、カタカナといった文字です。テキスト文字を部品に使って絵を描くことをアスキーアートと呼びます。
 少し、実例を挙げてみますね。

  ● スマイル(等幅フォント用)

● メール(等幅フォント用)

● 窓太(プロポーショナルフォント用)

● めも理(等幅フォント用)

めも理  へー、文字が集まっているだけなのに絵に見えるわね。

窓太  文字を組み合わせて描いたこのような絵は、メールマガジンやWeb上の掲示板などに掲載されることもあるので見たことがあると思います。

めも理  そう言われれば、文字だけで描いた絵は見たことがあるわね。

窓太  そうだと思います。
 このようなアスキーアートは、絵の部品となる文字の使い方によって、2つの種類に分けることができます。

めも理  どういった種類なの?

窓太  1つは、文字自体の形をそのまま絵の輪郭に当てはめたものです。
 1~3行程度で描かれる顔文字など、絵全体のサイズが小さいアスキーアートは、このタイプが多いですね。
 さきほどの、“スマイル”や“メール”、私の絵などがこの種類のアスキーアートです。

めも理  なるほど、文字の形がそのまま絵の一部になっているわね。

窓太  もう1つは文字の濃淡や粗密を利用して、少し遠くから眺めると絵に見えるものです。
 これは、絵全体のサイズが大きなものが多いですね。

めも理  さっき見せてくれた私の似顔絵ね。

窓太  そうです。あとは、漫画などのキャラクターを模写したアスキーアートにも、文字の濃淡や粗密で描くタイプが多いです。

めも理  面白そうね。

窓太  また、アスキーアートは文字で絵を描くため、文字の表示フォントが重要な要素になります。

めも理  どう重要なの?

窓太  メールソフトでテキストメールを表示する場合、等幅フォントを利用することが多いです。
 そのため、メールマガジンなどに掲載するアスキーアートは、等幅フォントで表示することを前提に文字の組み合わせを考えて作成します。
 またWebブラウザーでは、Webページ上のテキスト文字を、プロポーショナルフォントで表示ことが多いのです。
 ですから、掲示板などのWebページに掲載するアスキーアートは、プロポーショナルフォントで表示することを前提に作成します。

めも理  へー、そういう違いがあるんだ。

窓太  等幅フォントとプロポーショナルフォントは、以前教えたことを思い出してください。

  □窓の杜 - 【めも理と窓太のパソコン講座】第37回:全校朝礼とプロポーショナルフォント
http://www.forest.impress.co.jp/article/2003/08/04/madota37.html

めも理  それじゃあ、等幅フォント用のアスキーアートをプロポーショナルフォントで見たらどうなるの?

窓太  それでは実際にフォントを変えてアスキーアートを表示してみましょう。

  ● 窓太(プロポーショナルフォント用を等幅フォントで表示)

● めも理(等幅フォント用をプロポーショナルフォントで表示)

窓太  部品となる文字の位置が少しずつずれてしまうので、アスキーアートの作者が意図した絵を正しく表示できません。
 プロポーショナルフォント用のアスキーアートを等幅フォントで表示したときも同様ですね。

めも理  なるほど。アスキーアートは正しいフォントで表示して初めて絵になるのね。

窓太  そうです。
 アスキーアートは、部品の文字を選び出すだけでも大変です。さらに、同じ絵を描く場合でも表示フォントが変われば文字の組み合わせも変わってくるため、ゼロから作成するには時間がかかります。
 そこでアスキーアートつきのメールを友人に送りたいときや、アスキーアートを掲示板に書き込みたいときなどは、あらかじめ完成しているフリーのアスキーアートをWeb上などから入手するとよいですよ。
 また、アスキーアートを文書などへ簡単に貼り付けられるソフトや、画像をもとにして、鉛筆画のようなアスキーアートを自動で作成してくれるソフトを利用するのもよいでしょう。

  □窓の杜-顔文字やアスキーアートをマウス操作のみで貼り付けられる「かおぷ~」v1.24
http://www.forest.impress.co.jp/article/2003/08/04/kaopu.html

□窓の杜 - 【NEWS】テキスト文字の密度で画像を表現するアスキーアートを作成できる「Texefex」
http://www.forest.impress.co.jp/article/2004/05/17/texefex.html


オリジナルのアスキーアート

めも理  ねえねえ、窓太。私もアスキーアートを作ってみたわ。

窓太  へー、めも理ちゃんがですか。一体どういったものを作ったのですか?

めも理  ふふふ、見て驚くなかれ、大傑作ぞろいよ!
 まずは“◎”!

窓太  何ですか?

めも理  ドーナツよ。次は“△”!

窓太  何ですか?

めも理  見たままじゃない。おむすびよ。次は“日”!

窓太  何ですか?

めも理  コップに入ったジュースよ。

窓太  ……。

めも理  あれ、どうしたの窓太?

窓太  えー、アスキーアートは、文字を組み合わせて作るって説明しましたよね。

めも理  えっ、そうだったっけ?

窓太  そうですよ。せめて2文字以上組み合わせて絵にして下さいよ。


今回出てきた用語の解説

【アスキーアート】 テキストの文字や記号を組み合わせて作った絵のこと。文字自体の形をそのまま絵の輪郭に当てはめたものと、文字の濃淡や粗密を利用して描くものの2種類に分かれる。
 また、等幅フォント専用に作られたものや、プロポーショナルフォント専用に作られたものがあり、それぞれ対応するフォントで表示しなければ絵の形が崩れてしまう。

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




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