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

これ以前の連載一覧

【第88回】

PDFと設計図

(04/11/08)

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

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

 あらあら、めも理ちゃん。今日は何度もメールのやり取りをしているようです。

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

トラブル発生

めも理  うーん、うまくいかないわね。

窓太  どうしたんですか、めも理ちゃん。何かトラブルでも発生したのですか。

めも理  あっ、いいところに来たわ窓太。インターネットで知り合った友達に、お菓子のレシピをHTMLファイルで作って送ってあげたのよ。
 図や写真を豊富に入れて、分かりやすくなるようにデザインしてあげたんだけど、どうも私のところで見ているのとは、違うレイアウトで表示されているみたいなのよ。
 疑問点があるそうなのでメールでやり取りをしていたんだけど、私のところでは右側に見えている画像が相手のところでは真ん中ぐらいに表示されているそうで、話が噛み合わなくて。
 どうも相手は、パソコンじゃなくてPDAで見ているみたいなのよ。だから、どう表示されているのか、こちらじゃ全然分からないの。
 紙に印刷したレシピの本みたいに、レイアウトが固定していたら、話がしやすいんだけど。それだったら、このページのこのへんとか言いやすいものね。

窓太  確かにHTMLファイルだとそういう問題が発生するかもしれないですね。
 Webページを作っているHTMLは、文書のレイアウトをする専用のファイル形式ではないですからね。元々HTMLは、文章の論理構造を記述する言語でしたから。

めも理  文章の論理構造って何?

窓太  文章の論理構造というのは、本を想像すると分かりやすいです。本には、本の題名や、章ごとの見出し、本文などがあります。ほかにも文章中で項目を箇条書きにしていたり、本によっては巻末に参考文献が書かれていたりします。
 HTMLは、こういった文章のよくある構造を効率よく指定するためのタグを用意して、そのタグを元に文章を書いていくための言語です。例えば本の題名は、<title>~</title>というタグに当たり、章ごとの見出しは<h1>~</h1>(数字は1~6)というタグに当たり、参考文献は<a="リンク先">~</a>タグに当たります。この参考文献タグは、クリックして移動するリンク部分に相当しています。
 そもそもHTMLは、学術論文などで、目次の章立ての構造をそのまま文書に反映させたり、文書の参照関係を指定したり、そういった構造を指定するための言語でした。ですから、こういった文章の構造を指定するという思想が根底にあるのです。
 それがWebブラウザーの進歩に伴って、徐々に見栄えを指定する要素が強くなっていったのです。ですから、最初から見栄え重視で作られたファイル形式ではないんですよ。

めも理  へー。

窓太  だから表示する方法によってはレイアウトは無視されて、論理構造だけが採用されることもあるのです。また、Webブラウザーやウィンドウサイズの違い、フォントの種類やフォントサイズの違い、画面解像度の違いなど、表示方法によっては若干レイアウトを変えて表示されることもあるんですね。
 その証拠に、最近はPDAや携帯電話でもHTMLを見る人が多いですが、その際は大きく見栄えが変わってしまいます。また、パソコンでも、Webブラウザーの横幅を変えるだけで大きく見た目が変わってしまう場合もあります。

HTMLのパソコン、PDA、携帯電話の表示イメージの違い
(あくまでも例ですので、実際の表示内容とは異なります)
 パソコン 
 PDA 
 携帯電話 

めも理  確かに、見た目は変わるわね。

窓太  レイアウトを重視して文書を作りたいのでしたら、“PDF”でファイルを作ったほうがいいと思いますよ。
 PDFなら、Windows、Macintosh、UNIXなどの異なるOS間でも、紙に印刷したように、同じようなレイアウトで文書を表示させることができますよ。
 またPDFには、ページの概念もありますから、画像の位置も『1ページ目の左下』といった形で相手に伝えることもできます。

めも理  へー、PDFっていう便利なものがあるんだ。でも、PDFって何? 初めて聞く単語なんだけど。P・D・Fということは、プリン、ドーナツ、フロマージュ・ブランの略かしら?

窓太  違いますよ。PDFは、文書の設計図のようなものです。また、設計図だけではなく、画像ファイルやフォントなどの、建築では建設資材に当たるものを含んでいることもありますね。
 PDFはインターネット上でも見かける機会が多いファイル形式ですから、この機会にきちんと説明しておくことにしましょう。官公庁のWebサイトなどに行くと、よくPDF形式で文書が置かれていたりしますし。


PDF

4コマまんが
めも理と窓太の4コマまんが
「PDFと設計図」

窓太  さて、めも理ちゃん。めも理ちゃんが大工さんだったと仮定とします。

めも理  ガッテン承知!

窓太  大工のめも理ちゃんが、ヨーロッパやアメリカや南米で、日本の木造家屋を作ることになったとします。どこで作っても同じような家を作るには、どうすればいいと思いますか。

めも理  うーん、それは難しい質問ね。そうね、勘と度胸で作るわ。

窓太  それじゃあ、それぞれの場所で、全然違う家ができてしまいますよ。

めも理  やっぱりそうかなあ。

窓太  きちんとした設計図を作って、その設計図のなかで、どんな材料を使って作るかも決めておかないと、同じ家を作ることはできませんよね。

めも理  そうそう、私もそれが言いたかったのよ。

窓太  文書も同じで、どのようにレイアウトするのか、どういうフォントを使って表示するのかという設計図がないと、いろいろな環境で同じような見た目で表示させることはできません。

めも理  HTMLじゃ駄目なの?

窓太  HTMLでは、OSや装置の違いなどで見え方が異なるということは、最初に説明しましたよね。
 それに対して、PDFというのは、そもそも紙に印刷するのと同じようなレイアウトで表示することを目的としたファイル形式なのです。ちなみにPDFは、“Portable Document Format”の略で、日本語に訳すと“どこにでももち運べる文書形式”という意味になります。

めも理  へー、PDFでは、紙と同じようなレイアウトが前提になっているの?

窓太  実はこのPDFというファイル形式は、“PostScript”という印刷を行うための言語を開発した“Adobe Systems”という会社が開発したファイル形式なのです。この会社の名前は、“Adobe Photoshop”や“Adobe Illustrator”というグラフィック・印刷系のアプリケーションを開発・販売している会社として名前を聞いたことがあるかもしれません。
 PDFは、この“PostScript”という印刷用の言語をベースに開発がスタートしています。ですから、元々が印刷を前提としたファイル形式なのです。
 PDFでは、紙と同じ精度の細かなレイアウトを行える以外にも、使用したフォントをファイル内に埋め込んだり、編集の履歴をファイル内に残したり、他人が勝手にファイルを改変できないようにセキュリティの設定をしたり、文書中の画像を自動的に圧縮したりできるのです。

めも理  ねえねえ、窓太。フォントの埋め込みって何?

窓太  PDFファイルのなかに、いわゆるフォントファイル、つまりフォントのデータを埋め込んでくれる機能です。それでは、なぜこういった機能が必要になるかを説明しますね。
 文書によっては、使用するフォント次第で、まるで見栄えが変わってしまう場合があります。でも、全てのパソコンに文書作成時に利用したフォントが入っているとは限りません。そのため、『どこでも同じ見栄えを実現する』というPDFの目的を実現するために、フォントもファイルに埋め込めるようになっているのです。
 フォントのデータをPDFファイル内に同梱しておけば、文書の配置だけでなく文字の形も、同じように見ることができるのです。
 またPDFでは、フォントを埋め込んでいない場合でも、なるべく見た目が元のデザインと近くなるように表示してくれます。PDFを閲覧している環境に、文書作成時に指定したフォントがある場合はそのフォントを使って表示し、もしフォントが見つからない場合でもなるべく見た目が元のファイルに近くなるようにレイアウトをしてくれるのです。

めも理  なるほど、フォントが変わればイメージが大きく変わるというのは、以前窓太に教えてもらったわね。

  □窓の杜 - 【めも理と窓太のパソコン講座】第23回:セーラー服とフォントの変更
http://www.forest.impress.co.jp/article/2003/04/14/madota23.html

窓太  さてこのPDFですが、会社や官公庁の発表資料のように、元々紙で配布していたものを、インターネット上に公表する際にもよく使われます。
 このような文書では、送り手が意図したとおりに読んでもらなければ困ることがあります。そのため、書き手側が確認したとおりに相手に表示させたり、印刷も可能な、PDFが選ばれることが多いのです。
 PDFファイルでは、紙に印刷した場合も、パソコンで確認したとおりにきちんと印刷されますよ。

めも理  PDFって、いろいろとできるのね。

窓太  このPDFという形式のファイルは、PDF作成ソフトの“Adobe Acrobat”で作成できます。
 また、この“Adobe Acrobat”を利用する以外にも、PDF出力機能のついているアプリケーションや、ファイルをPDFに変換するアプリケーションなどでも作成可能です。印刷する代わりに、PDFを出力するようなアプリケーションもありますよ。

  □窓の杜 - PrimoPDF
http://www.forest.impress.co.jp/lib/offc/document/docsupt/primopdf.html

めも理  なるほどね。でも、設計図があっても、大工さんがいないと家が立たないのと同じように、PDFファイルがあっても、PDFを見るためのアプリケーションがないと、意味がないんじゃないの?

窓太  もちろん、PDFを見るためのアプリケーションもありますよ。「Adobe Reader」というアプリケーションです。この「Adobe Reader」をインストールすれば、どこでも同じレイアウトでPDFファイルを閲覧することができます。
 フリーソフトですので、めも理ちゃんもインストールしておいた方がいいと思いますよ。

  □窓の杜 - Adobe Reader
http://www.forest.impress.co.jp/lib/offc/print/docviewer/adobereader.html

めも理  分かったわ。じゃあ早速、PDFで文書を作成してみることにするわ。


不評

窓太  めも理ちゃん。どうしたんですか、不機嫌そうですね。PDFをうまく送れなかったのですか?

めも理  送れたわよ。でも、私のレシピでお菓子を作ったら、味付けが甘過ぎると言われたのよ。

窓太  めも理ちゃんのことだから、砂糖の量を1ケタ間違えたとか。

めも理  間違えていないわよ。どうも、私の好みと世の中の好みは大きく違うようね。

窓太  えー、まあ好みは人それぞれですから。気を落とさずにがんばって下さいね。

めも理  はー、お菓子道を極めるのは、なかなか難しいわね。


今回出てきた用語の解説

【PDF】 “Portable Document Format”の略。様々なOSや、PDAなどの様々な装置でも同じように見えることを目的としたファイル形式。印刷した状態と変わらない精度のレイアウトの指定が可能。

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




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