アノテーションを用いて書籍の相関を示す
インタラクションデザイン
小島一郎

鈴木宣也

Interaction Design for Correlation of Books Using Annotations
ICHIRO KOJIMA†

1.

NOBUYA SUZUKI†

して，twitter のようにネット上に投稿し，他者と共有はじめにすることができる．7)

電子ブックリーダーは 1990 年の SONY のデータディスクマン以来開発されてきたが，記録メディアや著作権の問題により余り普及していない．しかし 2007
年 11 月にオンライン書店アマゾン・ドットコムが開発した"amazon kindle"の発売をきっかけに，何種類もの電子ブックリーダーが発表されている．また電子出版の市場においては，売上高が 2002 年度と 2007 年度を比較すると 40 倍近くの成長があり，紙の書籍が 0.9倍であるのに対してその差は顕著である． 1) 紙の出版に対して，電子出版の市場規模はまだ 4%ほどではあるが，今後電子ブックが社会に浸透してくることが予測される．このような背景を踏まえ，これまでにはなかった読書体験の提案を行う．

2.

図1 「本脈」の画面

3.

関連研究

システム提案

本研究でマーキングやコメントをつけるなど読書時電子ブックリーダーの主な特徴としては，1．大量に文章へ付与するアノテーションに着目した．これま

文書の保存，2．高い検索性，3．ネットワーク接続，でアノテーションは，書籍につけたまま放置されるこなどあり，それらに関して研究が行われている．とが多く，物理的に書籍を開いて検索するなどしなけ

これまで継続して行われている研究に，ディスプレればならなかった．「ここに書かれている文章と同じイを紙に近づける研究がある．視認性の高さや軽量性

ようなことが前に読んだ本に書かれていた」というよ

2)3) 4)を高めた E INK や，紙に見立てたインタフェース , ，うな記憶の中から検索する機会が多々ある．またあま

またマーキングやコメントを付与するためのシステム

り他者が触れるものではなく，閉じた情報である場合

5)が多い．などが挙げられる.
しかし一方でこれまでの紙の本の読書では不可能でこれまで読書時のアノテーションを利用した研究とあった，コンピュータ及びネットワークを用いた経験して，論文作成支援のための文章検索システム 8)が挙を提供するサービスが徐々に登場してきている．例えげられる．この研究では自分の研究に関連した論文をば amazon kindle では，画面上でマーキングやコメン閲覧している際に，対比させたい文章にアノテーショトを付与できるようになっていたが，そのリストをウンを付与することによって，論文執筆時においてその6)ェブサイト上で見られるようにした． また SONY の文章を効率的に検索することを可能にしている．

"Words Move Me"では同社の電子ブックリーダー上で本研究では様々な本にアノテーションを付け，文章読んだ本から文章を 255 文字以内でコピー&ペーストをタグ付けすることによって属性をもたせ，互いに結びつけを行う．そしてそのつながりを視覚化したマッ

情報科学芸術大学院大学
Institute of Advanced Media Arts and Sciences

プを表示するシステム「本脈」（図 1）を考案した．

情報処理学会 インタラクション 2010

文章検索システム 8)では，ラベリングと論文作成にータベースに保存するサーバで構成される．クライア

関わる属性を付与することによってアノテーションをントサイドの実装は ActionScript3.0，サーバサイドの整理することを実現している．本研究では，アノテープログラムを PHP，MySQL で行っている．（図 2）

ションの中から名詞（単語）を抽出し，その中からタデータベースは 5 つのテーブルからなる．1 つめのグとして選択するインタラクションデザインを行う．

「アノテーションテーブル」はそれぞれのテーブルをまた，タグやアノテーションをマップにて視覚的に提関連付ける．2 つめの「タグテーブル」では一つのア示するインタフェースを設けることで，文章同士の関ノテーションにいくつもタグが登録できるように，新連性や他の書籍との関連性を提示する．さらに，他者

規のタグが選択される度に列を増やす．「タグテーブとマップを共有することで，自分の読んでいない書籍ル」と関連テーブルである「 タグセットテーブル」との関連を示すことが可能である．

にて，アノテーション ID と複数のタグ ID と結合し4.

書籍相関システム「本脈」

4.1

概要

「本脈」は，以下の機能を含んだ統合的なシステムである．ている．また，各本のデータは XML ファイルでサーバ内に保存されており，タイトル，著者，ファイルへのリンク情報などがデータベースの「本テーブル」に登録されている．さらに，「ユーザテーブル」を設けユーザ情報を登録している．

・電子ブックを閲覧する
・アノテーションを文章に付与しタグで属性を与える
・属性をもとに文章同士の関連性を視覚化する
・他者と属性とアノテーションを共有する
このシステムを使うことにより，文章のつながりが視覚化されたマップから様々な書籍を横断的に参照することが可能となる．有用な情報にも関わらず多くの人が読書後に放置してしまっているアノテーションを効率よく管理し，また他者とその情報を共有することによって以下の効果を想定した．
・包括的に書籍や論文などの関連性を把握する
・思いもよらない書籍や文章の関係を発見する
・関連文献などの検索を容易にする
・つながりを他者とネットワークで共有することで

図2 システム図

文献を高い精度で見つけられる
これにより研究や文章執筆などの知的生産活動の為の発想支援や効率的な引用検索が可能となることを期待する．
本研究は電子ブックリーダー上に実装される機能を想定したものであるが，現在市販されている電子ブックリーダーでは独自に開発したプログラムを搭載することができない為，便宜上ウェブブラウザで実行する．
4.2

システム

「本脈」は，文章を読む，アノテーションをつける，アノテーションをマップ化する，などのクライアントサイドと，ユーザ情報，アノテーション情報などをデ

図3 閲覧時の画面とアノテーション

アノテーションを用いて書籍の相関を示すインタラクションデザイン

4.3

実装て配置し，エッジで親ノードと結びつけられ 1 つのク

4.3.1

書籍の閲覧ラスターを形成する．また子ノードのアノテーション

本文は横書き 2 段組みで，小塚明朝体，サイズはを選択すると，異なるタグが付与されている場合はそ12px，字間ベタ、行間全角アキで文字組をしている．のインデックス群も表示され，多次元のクラスターとアノテーションが付与されている箇所は本文の下にマして表示する．（図 5）ーカが引かれた状態で表示される．（図 3）マーカの箇所を選択すると，そのアノテーションに登録されているタグが表示され，更にそのタグを選択するとそのタグに関連したアノテーションのつながりを視覚化したマップが表示される．（図 5）
4.3.2

アノテーションの付与

アノテーションを付与するためには，本文を任意の箇所で選択する．本文は形態素解析が行われ，属性を示すためのタグ候補の一覧とコメントを入力する為のウインドウが表示されるので，必要に応じて入力を行う．送信ボタンを押して，データベースに登録をする．
この際，データベースには，選択した文章，タグ，

図4 タグ候補の一覧

コメント，ページ数，選択した文章の始めと終わりの位置，本のタイトル ID，ユーザ ID，登録した日時が登録される．
4.3.3

形態素解析を使ってのタギング

文章にタグ付けを行っていく際，適切なタグはその文章内に存在しているのではないかという仮説をたて，本システムでは本文を選択するとその文章を形態素解析して名詞に分解することで，それらをタグ候補一覧として表示している．
フォークソノミーによるインターネット空間においてコンテンツの分類を行うことが一般的になった現在，対象に適切なタグを適合させることの難しさは広く知られるところにある． 9)そして，読書をなるべく中断させないようにアノテーションにタグを付与するためにも，長い時間をかけずにタグ付けを行う必要も求められる．そこで入力の煩雑さをなるべく緩和させ，適切なタグ付けを行う方法として，形態素解析を使い本文の単語をタグ候補として用いる機能を考案し，実装を行った．（図 4）
本文中に適切なタグ候補がない場合は，コメント欄にハッシュマークで囲んで単語を入力することで，タグとして認識され登録することが可能である．
4.3.4

マップとフィルタリング

登録されたタグリストから，一つタグを選ぶことによってそれに関するアノテーション情報をマップとして画面に表示し視覚化する．
中央の親ノードが選択したタグとなり，その属性をもったアノテーションのインデックスを子ノードとし図5 視覚化されたマップ（上：1 つのタグに対する親ノードとそれに対応する子ノードのマップ，下：1 つのアノテーションに関連する複数の親ノードとその子ノードのマップ）

情報処理学会 インタラクション 2010

各ノードを選択すると，アノテーション情報（本のタイトル，著者，ページ数，テキスト，コメント）が表示される．また本マークのアイコンをクリックすると，アノテーションが付与された本にある文章の書かれたページが表示され，本と本を跨いで閲覧が可能となる．
また，登録されたアノテーションが多くなってくる
ほどマップは多くのクラスターで構成されるようになり，その関連性を把握することが困難になる． そこで日時や登録されたタグの数などによって重み付けをおこない，フィルタリングをかけられる機能を実装した．これにより，より条件にあった文章の関連性を表示することが可能となる．
4.3.5

マップの共有マップが表示されている状態で，共有ボタンを選択すると他者が同じタグで登録しているマップが重なり合って表示される．この他者が作成したマップと比較参照することによって，まだ自分が読んでいない本や文献などを効率的に見つけることが期待できる．

5.

デモ

デモでは主に学術論文をコンテンツとして用意した．
本学の学生 5 人に「本脈」を使用してもらい，論文を読みながらアノテーションの機能やマップの機能を体験してもらった．デモの体験後，聞き取り調査を行い，次のような意見を得た.
・本文をマーキングするだけで単語が表示されるので，タグが選びやすい・マーキングのリストが見られるとよい
・他者のマーキングも見たい・同じタグでも意外な分野の文章に関連を見ることが出来て発見があった・アノテーションを意識しすぎてしまい，文章に集中出来ないことがあった
・他者とマップを共有することで，自分の知らない論文が見つけられた・多くの書籍を横断して文章をまとめ易そうに感じる
データマイニングによる結果，タグに対して持っている知識やイメージとは異なる分野が提示され，これまでのイメージが変わる気づきが得られた．
また他者が作成したマップを共有することによって，おなじ属性の本や文章を，これまで本のタイトルや論文のアブストラクトからの判断していたのとは異なる印象があった．

6.

まとめ

本研究では様々な本にアノテーションを付け，文章をタグ付けすることによって属性をもたせ，そのつながりを視覚化したマップを表示するシステム「本脈」を開発した．
今後、デモのフィードバックなどを踏まえ継続的な改善を行っていきたい．特にマップに表示するノードのフィルタリングでは，今回実装した重みづけだけではなく，文章の関連の強度を持たせるような工夫が必要である．
また，独自に開発したプログラムが市販の電子ブックリーダーに実装がまだできないために，ユーザーインタフェースやグラフィックデザインに課題を多く残している．今後タッチパネル型のディスプレイなどを使いより電子ブックリーダーに近いかたちで検証することで，ユーザに使用の負担をかけないデザインを提供することも目指したい．

参考文献

1) 電子書籍ビジネス調査報告書 2008（インプレス
R&D, 2008）p.4
2) E INK: http://www.eink.com/
3) 光 永 法 明 , 米 澤 朋 子 , 田 近 太 一 : 一 枚 の 紙 束（TABA）:電子ペーパの未来に向けたフリップインタフェース（2008）4) 渡邊純一郎, 望月有人: フレキシブルディスプ
レイへ応用可能な曲げを利用した操作デバイス（2008）
5) Bill N．Schilit, Gene Golovchinsky, Morgan N．
Price: Beyond Paper: Supporting Active Readingwith Free Form Digital Ink Annotations(1998)
6) amazon kindle: http://kindle.amazon.com/
7) Sony "Words Move Me":
http://www.wordsmoveme.com/reader/default.aspx8）林亮介, 友部博教, 大平茂輝, 長尾確: オンライ
ン文書閲覧時のアノテーションを用いた論文作
成支援システム（2007）9）緑川信之: フォークソノミーの新奇性はどこにあるのか. 情報と科学と技術, 57 巻 5 号, p.238243 (2007)