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

これ以前の連載一覧

【第114回】

ポップアップと漫画のフキダシ

(05/06/13)

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

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

 あらあら、めも理ちゃん。今日はとっても暇そうにふんぞり返っています。

 一体、何を考えているのでしょうか?

ポップアップ

めも理  ふー、今日は何だか暇ね。窓太で時間潰しでもしようかしら。
 ねえねえ窓太。

窓太  何ですか。人で暇潰しなんて、めも理ちゃんは王様か貴族ですか?

めも理  そうね、どうせなら女帝と呼んで。

窓太  はあぁ。
 で、何ですか?

めも理  窓太に聞こうと思っていた言葉があるのよ。

窓太  どんな言葉ですか?

めも理  ずばり“ポップアップ”よ。
 “ポップアップメニュー”とか、“ポップアップ広告”とかいろいろ聞くけど、いまいち何の意味か分からないのよね。
 何となく語感から軽そうなイメージはあるんだけど、それが何なのかさっぱり分からないのよ。

窓太  ああ、ポップアップですか。それは漫画のフキダシのようなものですよ。

めも理  漫画のフキダシ?
 あの丸くて尻尾がついているオタマジャクシのようなやつ?

窓太  そうですよ。

めも理  よし。じゃあ聞いてあげるわ! さあ、窓太よ話してみなさい!

窓太  ……うーん、微妙にやりにくいですね。


漫画のフキダシ

4コマまんが
めも理と窓太の4コマまんが
「ポップアップと漫画のフキダシ」

窓太  めも理ちゃん。漫画のフキダシは、どういったものか知っていますか?

めも理  それぐらいは知っているわよ。
 漫画で、絵の上に枠が描いてあって、そこに台詞などの文字が書かれているもののことよね。

窓太  そうです。では、そのフキダシにはどういう効果があると思いますか?

めも理  うーん。そうやって枠で囲んで、周りの絵の上に置くことで、そこに読まないといけないものが書いてあると、分かりやすく示す効果があると思うわ。
 絵のなかに小さな文字を書いても、気づかない可能性があるものね。

窓太  そうですね。実はポップアップも同じような効果を狙ったものなのです。

めも理  同じような効果?

窓太  ポップアップというのは、パソコンを使っているときに、ディスプレイの最前面に枠つきで文字などを表示する手法です。
 こうすることで、ユーザーの注意を促がしつつ、必要な情報も伝えることができます。

めも理  へー、そういうものなの。
 じゃあ、ポップアップメニューとか、ポップアップ広告とかも、ディスプレイの最前面に出てくるものなの?

窓太  そうです。このポップアップというのは応用範囲の広い技術なのでいろいろな場面で使われています。ポップアップメニューや、ポップアップ広告も、ポップアップの手法を使った技術の1つです。
 それでは、少し踏み込んで、いろいろなポップアップについて説明してみましょう。

めも理  分かったわ。

窓太  さて、このポップアップという方法は大きく分けて2つのシーンで使われます。1つは、ユーザーが手動で表示させるもので、もう1つは自動で表示されるものです。

めも理  それぞれ、どういうものなの?

窓太  それでは、まずはユーザーが手動で表示させるものについて説明しますね。
 この場合のポップアップの目的は、普段ディスプレイに表示されていないものをユーザーの意思で表示させることにあります。
 Windowsを利用しているときによく使う、右クリックをしたときに表示されるメニューなどがこの種類のポップアップに入ります。こういったメニューは、“右クリックメニュー”や“ポップアップメニュー”、“コンテキストメニュー”などと呼ばれています。
 こういったメニューは、普段ずっと画面上に表示されていると邪魔だけれど、必要なときには表示させたいものですよね。
 そのためユーザーが、自分の意思で必要な情報や機能を手動でポップアップできるようにしているのです。

めも理  なるほどね。

窓太  ほかにもこのタイプのポップアップには、アプリケーションなどのボタンにマウスカーソルを重ねるとそのボタンの機能が説明されるチップヘルプなども含めていいでしょう。
 タスクトレイのアイコンにマウスカーソルを重ねたときに現れる情報などもこの類のものですね。

めも理  言われてみれば、ポップアップという技術は結構利用されているのね。

窓太  それではもう1つの、自動で表示されるものも説明しますね。
 こちらはユーザーに何かをお知らせすることを目的に利用されることが多いです。

めも理  お知らせ?

窓太  そうです。常駐ソフトでは、こういった手法を使っているものが多数あります。
 例えばメールチェッカーでは、メールの到着をポップアップでお知らせしたりします。セキュリティソフトでは、ウイルスの検知をポップアップでお知らせすることが多いです。
 ポップアップという手法を使うことで、ユーザーが必要な情報を見逃さないようにできるのです。

めも理  確かにそういうお知らせはきちんと気づかないと困るものね。

窓太  そうです。あとはWebページに広告を表示させる場合も、ポップアップが使われることがあります。
 今見ているWebページの上に小さいウィンドウを表示させて広告を見せる手法です。これはポップアップ広告と呼ばれています。

めも理  私が名前を聞いたやつね。

窓太  そうです。これは、広告を目立たせるためにポップアップという手法を利用しているわけです。

めも理  なるほど、確かに目立っているわ。

窓太  広告に関しては、逆に目立たせない広告のやり方もあります。ポップアンダー広告といって、ウィンドウの奥に表示させる方法です。これはついでに覚えておくとよいでしょう。

めも理  分かったわ。

窓太  以上のように、自動で表示されるポップアップは人目につきやすいので、さまざまな場面で利用されています。


お知らせ

めも理  はあ、ポップアップで知らせてくれないかしら。

窓太  どうしたんですか、めも理ちゃん。何か悩みごとですか?

めも理  いやねえ、授業中に先生が自分を指そうとしているかどうかをポップアップで知らせてほしいのよ。
 そうすれば、あたふたしないで済むでしょう。事前に分かっていれば、心の準備もできるんだけど。

窓太  どうせ寝ているんだから、そのポップアップを見ることはできないんでしょう。

めも理  言われてみればそうね。じゃあ、夢のなかでポップアップ。

窓太  どうせなら、めも理ちゃんが寝たことが先生にすぐ分かるようにポップアップで知らせてほしいですよ。


今回出てきた用語の解説

【ポップアップ】 枠つきで文字やメニュー、画像などを、必要に応じて画面の最前面に表示させる手法。ポップアップメニューや、ポップアップ広告など、さまざまな場面で利用されている。

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




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