情報処理学会 インタラクション 2015
IPSJ Interaction 2015

B20
2015/3/6

マルチウィンドウにより情報の収集・比較を可能とする
Web 検索ツールの提案
松岡 宗人1

安藤 大地1

笠原 信一1

概要：インターネット上には膨大な情報が存在する．にもかかわらず，ネットサーフィンに代表されるように，インターネットの情報は基本的にリンクをたどって個々の Web ページを眺めていくという使い方が主流で，大抵のユーザーの視野は未だ限定されてしまっている．本研究は，インターネット上に存在する情報から，ユーザーが知りたい情報を複数抽出し，それらを比較しやすいように表示するツールを提案する．提案システムの特長は，サジェスチョンによって知りたい情報の関連項目を取得し，検索結果項目の簡略表示および取捨選択によって幅広い情報を効率よく収集できる事である．

Web Search Tool to Collect and Compare Information by
Multi-Window
Souto Matsuoka1

Daichi Ando1

Shinichi Kasahara1

Abstract: There are huge amount of information on the internet. However, browsing internet is almost doneby checking few pieces of information one by one, like net surﬁng, so the views of the almost of the users
have limits yet. This study proposes a tool which extracts multiple infomation, about what a user want toknow from the internet. The advantages of proposed system of this study are to get related item to what auser want to know by the Suggestion, and ablity to collect information widely and eﬃciently by simplifying
and sorting out the search results.

1. はじめに信憑性や正確さもまた玉石混交の状態となり，先ほどの問題点に拍車をかけている．

インターネット上には膨大な情報が存在する．にもかか

そのため，ユーザーはインターネットに存在する情報をわらず，ネットサーフィンに代表されるように，インター知識として受け取る時，それらの情報を吟味し，個々のネットの情報は基本的にリンクをたどって個々の Web ペー

ユーザー自身の目的に応じて編集する必要がある．そのたジを眺めていくという使い方が主流で，大抵のユーザーのめには個々の情報の比較・考察が不可欠となる．

視野は未だ限定されてしまっている．それによって，ネッ

そこで，本研究ではインターネット上に存在する情報ト上の情報に騙されたことが原因となる事件や，レポートを，検索ツールを利用してユーザーの目的に沿って収集し，や論文を書く上でインターネット上の情報は信憑性・信頼ユーザーがそれらの情報を吟味・編集しやすいように，比性の低さから参考文献として認められないといった問題も較することに特化した形で提示できるツールを提案する．

発生する．

単なる別々の Web ページの表示だけでなく，複数の Web

昨今ではブログや SNS の普及により，より個人の意見ページを同時に，また個々の Web ページを文字情報コンが情報としてインターネット上に存在するようになった．

テンツだけを抽出して表示することによって，Web ページそれはより膨大かつ幅広い意見を保有する一方で，情報のの比較の効率化を図る．

1

首都大学東京システムデザイン学部
Faculty of System Design, Tokyo Metropolitan University© 2015 Information Processing Society of Japan510

2. 既往の検索ツール
現在では Yahoo![1]，Google[2]，Bing[3] など様々な検索サイトが存在し，特定の Web ページを探したり，何らかの情報について調べるために，その候補となる Web ページを列挙するのが主流な形態となっている．(図 1)
図 2

google.com のサジェスチョン

Fig. 2 the Suggestion from google.com

本研究ではさらに広い関連情報を得るために，サジェスチョンで提示された検索語からさらにサジェスチョンを取得し，階層構造の形で表示する．

b. サジェスチョンと検索結果の切り替えサジェスチョンのみを表示する「サジェスチョンビュー」（図 3）と，検索によって得られた Web ページを表示する「検索結果ビュー」（図 4）を容易に切り替えることができる．

c. サイトのデザイン簡略化による並列表示「検索結果ビュー」（図 4）では，複数の Web ページを，文字や画像などの情報だけを抽出した状態で，画面に複数個表示させる．

d. セルの並べ替え「サジェスチョンビュー」（図 3）の階層化されたサジェ
図 1

Google 検索の検索結果画面

Fig. 1 the view of search result by Google Search

インターネット上の情報を収集し，自動的に編集してコンテンツを生成するサービスとして，Autopedia[4] というWeb サイトが存在する．こちらは特定の検索語に基づいて収集した情報を Wikipedia[5] の記事のような形にまとめて Web ページを生成することができる．あくまで自動生成による内容の不整合性を楽しむためのジョークサイトであり，情報収集のツールとしての実用性は無いに等しい．

スチョンおよび「検索結果ビュー」（図 4）の検索結果は，後述のセルの中に表示され，比較したい内容を持つセルを操作者の比較しやすい位置に自由に移動させることができる．セルについては 3.3 項で述べる．

e. 検索結果の取捨選択「検索結果ビュー」（図 4）で取得した Web ページ情報は，選択したものを画面内に保持することができる．

f. 検索履歴
検索語の履歴は保存される．これにより同一画面上で検索履歴を遡って Web ページを収集することができる．

また，特定の Web ページのデータをサーバーやデバイス上に保存できる「あとで読む」と呼ばれる Web サービス群のうち，Pocket[6]，Instapaper[7]，Readability[8] といったサービスは保存した Web ページを読みやすいように整形する機能を持っている．これらのサービスは一つの Webページを「読む」ことを目的とする使い方を想定したサービスであり，情報の比較については考慮されていない．

3. 提案システム
3.1 システムの特徴
a. サジェスチョンの階層化
ユーザーが特定の検索語を用いて検索した時，関連情報を広く得るためにサジェスチョンを用いる．サジェスチョ
ンとは主要な検索サービスに搭載される，検索した語句に

図 3 「サジェスチョンビュー」：サジェスチョンの階層化表示

Fig. 3 Suggestion View mode: the hierarchical view of Suggestions

関連した新たな検索語を提案する機能である．(図 2)© 2015 Information Processing Society of Japan511

b. サジェスチョンセル「サジェスチョンビュー」（図 3）では，検索した語に対して得られたサジェスチョンごとにセルが生成される．これを「サジェスチョンセル」と呼ぶ．サジェスチョンセルのタイトル文字列についてさらにサジェスチョンが存在する場合，セル内に小セルが表示される．タイトル文字列をクリックすると消滅し，クリックした文字列について新しく検索する．

c. 小セルサジェスチョンセル内に表示される，単一文字列のセルを「小セル」と呼ぶ．単体で移動させる事はできない．文
字列をクリックすると消滅し，クリックした文字列について新しく検索する．階層化表示（図 3）の末端となるセル
で，幅広いサジェスチョン検索を行うことができる．

d. 検索結果セル
「検索結果ビュー」（図 4）ではピンのあるセルが表示される．これを「検索結果セル」と呼ぶ．ある文字列について新しく検索すると消滅するが，ピンを有効化している場合は画面内に残る．検索結果として得られる Web ページごとに，そのコンテンツを簡略化し表示している．これに図 4 「検索結果ビュー」：サイトのデザイン簡略化による並列表示

より異なる Web ページのコンテンツを容易に比較する事

Fig. 4 Result View mode: the parallel view of simplified Webができる．

pagese. ピン
検索結果セルの右側に表示されるピン画像を「ピン」と呼ぶ．無効化状態では斜線が入っており，有効化すると斜3.2 開発ツール

線は消える．クリックで有効・無効を切り替えることがで

a. Google Search API

きる．ピンが有効化された検索結果セルは，別の操作にGoogle[2]，Yahoo![1] などの一部の Web 検索エンジン

よってセルが消える場合も画面上に残る．これにより一度サービスの提供者は，それらのサービスをソフトウェア開の検索で表示される Web ページだけでなく，新しい検索発に活かすための API を提供している．この研究ではインと古い検索の Web ページ同士を同時に表示して比較する

ターネット上の Web ページを抽出するにあたり，Googleことが可能である．

Search API を利用する．

f. 表示の切り替え

b. Google suggest API
この研究ではサジェスチョンを取得するにあたって，同じく Google が提供する Google suggest API を利用する．

c. jQuery「サジェスチョンビュー」（図 3）と「検索結果ビュー」（図 4）の切り替えは，画面の右クリックによって行う．

g. 階層移動履歴「サジェスチョンビュー」（図 3）および「検索結果ビュー」

ブラウザ上での操作と動的なビュー変更の実装を簡略化（図 4）の状態で，検索ボックスの下に表示される小さな文するため，この研究では jQuery ライブラリを利用する．

字列を「階層移動履歴」と呼ぶ．以前の語による検索状態

d. jQuery Gridlyに戻ることができる．検索ボックスを用いて再検索した場

Web ページ上に存在するアイテムのマウス操作による移合，履歴は消去される．

動を可能とするために，この研究では jQuery Gridly を利用する．

3.4 おわりに本研究ではマルチウィンドウにより情報の収集・比較を3.3 機能可能とする Web 検索ツールを提案した．現時点で発覚しa. セルている問題点として，右クリックによる表示の切り替えが，検索時に表示される灰色の大きなボックスを，以下「セ検索結果コンテンツの文章に対する操作や，ページに対すル」と呼ぶ．セルは上部にタイトルを持つ．また，ドラッる操作を制限するという点，ピンにより保持したページがグによる移動が可能である．

増えると管理が難しくなるという点が挙げられる．

© 2015 Information Processing Society of Japan512

今後の展望として，実際に今回の作成物でユーザーテストを行い，それによって得られる意見から，より情報の収集・比較を効率化するような機能・インターフェイスの改善を試みる予定である．
参考文献
[1]
[2]
[3]
[4]
[5]
[6]
[7]
[8]

Yahoo!JAPAN，
hhttp://www.yahoo.co.jpi(2014.12.18).
Google， hhttps://www.google.co.jpi (2014.12.18).
Bing， hhttp://www.bing.comi (2014.12.18).
全自動百科事典『オートペディア（Auto ☆ pedia）』，
hhttp://autopedia.jpn.orgi (2014.12.18).
ウ ィ キ ペ デ ィ ア（Wikipedia） ，
hhttp://ja.wikipedia.org/i (2014.12.18).
Pocket， hhttps://getpocket.com/i (2014.12.18).
Instapaper，
hhttps://www.instapaper.com/i(2014.12.18).
Readability， hhttps://readability.com/i (2014.12.18).

© 2015 Information Processing Society of Japan513