大量の絵本を納めた絵本棚の作成と同時メニューの考えを取り入れた絵本棚ブラウジング
浅野仁彦† 豊國菜々† 工藤直弥‡ 結城竜也‡ 佐藤慶三‡ 中島誠‡ 伊藤哲郎‡
子どもにとって絵本は語彙の発達や情操教育に欠かせないものであり，時代に見合った絵本の読書環境整備が重要となる．近年，電子書籍への関心が高まり，図書館の子ども室にも電子絵本を納めることが必要となってきている．その際，購入にかかる費用を考慮に入れると，ウェブサイト上に公開されている絵本を取り上げることも１つの解決策となる．ただし，電子絵本の蔵書が増えると，冊子体絵本との一体感を保ちながら，それらを効率的にブラウジングする仕組みの準備が要る．
ここでは，ブラウズリーダを使った子どものための読書環境の充実法について述べる．実験を通して，大量の絵本を納めた棚を容易にブラウジングできる環境が実現される可能性を確認した．ブラウズリーダは現在，大分県立図書館の子ども室に設置され，子どもたちの利用に供されている．

Realizing a Digital Bookshelf for Browsing Many Picture Books
via a Simultaneous Menu
MASAHIKO ASANO† NANA TOYOKUNI† NAOYA KUDO‡ TATUYA YUKI‡KEIZO SATO‡ MAKOTO NAKASHIMA‡ AND TETSURO ITO‡
Picture-books provide a good means for children to see an unknown world, to learn the words and wording,and so on. By noting the recent concern of reading digital books, it is highly expected to develop a new reading
environment in which children can easily find and read any interested picture book(s) among the mixture of theprinted and digital ones. We here propose a new method of enhancing a children’s room of a physical library bysimply setting a BrowsReader there. A BrowsReader, by which children can do the reading activity based onbrowsing, is a developed system that can simultaneously visualize a large amount of the cover images and thesecondary information of both printed and digital picture books in a unified manner. The effect of aBrowsReader was certified by setting and utilizing it in the children’s room of Oita Prefectural Library.

1.

多様な絵本を提供できるようになる．

はじめに子どもが冊子体絵本と電子絵本とを区別なく扱える

近年，iPad や Kindle など電子書籍を扱う機器の発ような読書環境を実現する試みとして，ブラウズリー

達に伴い，電子書籍はますます身近なものとなってきダを用いた子ども電子図書室の構築に関する研究があている．新しい形態の絵本に幼い頃から慣れ親しむたる2)，3)．ブラウズリーダは，図書館が所蔵する冊子体めにも，子どもが冊子体絵本だけではなく電子絵本も絵本とウェブサイトで公開されている電子絵本を相手読めるような環境が必要となってくる．しかしながら，に，子どもがブラウジング主体で望みのものを探し出

幼稚園や小学校付属の図書室では経費面の問題があり，しかつ読むためのソフトウェアシステムである．

十分な数の電子絵本を購入することは難しい．

ここでは，子どもが大量の絵本を効率的にブラウジ

インターネットには個人や団体の作成した様々なウングできるような仕組みとして，次の要件を満たす同ェブサイトが無数に存在しており，ウェブサイト上で時メニューの考えを取り入れたブラウズリーダのため読める電子絵本を公開しているものも多数ある

1),4),5)．

ウェブサイトで公開されているこのような電子絵本を，図書館内で冊子体絵本との親和性を考慮しながら読めるようにすると，大きな経費をかけずに子どもに多種† 大分大学大学院工学研究科知能情報システム工学専攻Dept. of Computer Science & Intelligent Systems, Graduate
School of Engineering, Oita University‡ 大分大学工学部知能情報システム工学科
Dept. of Computer Science & Intelligent Systems, Oita Universityの絵本棚ブラウジングを定式化する．
(1) 蔵書絵本の全体像の常時表示(2) 図書館に倣った絵本の配置とその維持(3) 興味のある絵本への容易で効率的なズーミング
ここでの方法によれば，蔵書が 15,000 冊（県立図書館で開架に納めている蔵書数）位であれば，子どもでも容易に望みの絵本が探せる．実験を通して，大量の絵本をブラウジングできる環境が構築できることを情報処理学会 インタラクション 2011

確認した．このことをもとに作り上げたブラウズリー

 関連ある複数冊の絵本をまとめて視覚化できる

ダは，大分県立図書館の子ども室に「ブラウズリーダKENTO」として設置され，多くの子どもたちに利用

2.2

されている．

大量の絵本が配架された絵本棚を相手に，通常の検大量の電子絵本を納めた絵本棚の作成

2.

線形並びを維持した絵本棚のズーミング

索システムを使って，望みの絵本を見つけていく方法
では，検索の各段階で絵本棚の中で迷子になってしま

ブラウジングによる絵本探索のためには，大量の絵い，ブラウジングを主体とした探し方と相容れないも本を限られたディスプレイ上に視覚化する工夫が必要のとなる．ブラウズリーダでは，図 2 に示すように，である．本章では，絵本の表紙画像の配架法とそのズ絵本棚（すなわち絵本）の線形並びを維持しながら，ーミング機構について述べる．

子どもが興味を持った絵本へズーミング（ズームイン

2.1

絵本箱による蔵書絵本の表示を指す）できる機構を実装している．この機構によっブラウズリーダは図書館の子ども室に設置して利用て，限られたディスプレイ表示領域内でも，望む絵本される．このことを考慮に入れ，子ども室の絵本棚との表紙を確認しながらかつ迷子にならずに，大量の絵同様の役割を持つ絵本棚をブラウズリーダ上に作成し，本をブラウジングできるようになる．

そこに冊子体絵本と電子絵本の表紙画像を並べて配架する．ただし，個々の表紙画像を別々に扱うと，絵本の数が多くなった場合，データ容量やメモリ消費量が大きくなる，配架された絵本が見づらくなる，目的の本を選びにくくなる，などの問題が生じる．ここでは，
図 1 に示すように，複数の表紙画像を納めた絵本箱を作成し，それらの並びによって絵本棚を構成する方法を採用する．
図2 絵本棚のズーミング

ズーミングでは，絵本の表紙画像の視認性を損なわず絵本箱の線形並びを意識せずとも認知できるようにするため，絵本箱のスパイラル移動方式アニメーションを定式化した．これは，図 3 のように，絵本箱同士
図1 絵本箱と絵本棚

子ども室における絵本をその分類とタイトル順に線形に並べた後グループ分けし，得られたグループごとの相対的位置を保ちながら横方向に続いて縦方向に移動させながら，興味ある絵本の表紙画像が納められた絵本箱は拡大しそれ以外は縮小する方式である．に絵本箱に納めていく．絵本箱も，絵本と同じように，分類とタイトル順に線形に並べられることになる．このようにすると，図書館の子ども室での絵本の並びがブラウズリーダ上に再現される．絵本箱を用いるメリットを以下にまとめる．
 絵本が大量になった場合でも一度に扱うデータ容量とメモリ消費量を軽減しつつ，絵本の相対位置関係を把握し易くできる
図3 絵本箱のスパイラル移動

 絵本箱の画像のキャッシュを用いることで，ブラウズリーダの起動や動作にかかる時間を大幅

3.

スーパーインポーズによる 2 次情報表示に短縮できる 絵本の表紙画像を，そのサイズに依存せず，ま扱う絵本の量が大幅に増加すると表紙画像が非常にた，その縦横の比率を著しく変更することなく，小さくなり，絵本棚ブラウジングだけでは望みの絵本均整の取れた形で絵本棚に配架できるを探し出すのが困難になる．絵本の数がどれだけ増え大量の電子絵本を納めた絵本棚の作成と同時メニューの考えを取り入れた絵本棚ブラウジングても対処可能で，かつ複雑な操作を行えない子どもでに示す．「緑」記号と文字「ぼ」を続けて入力すると，も利用できる仕組みが必要である．本章では，その仕これらが含まれている 2 次情報が表示され右側は図 5組みとしての 2 次情報表示と関連のズーミングについと似た状況になる．表示された 2 次情報を含む絵本のて述べる．

表紙画像を納めた絵本箱も拡大表示される．

3.1

2 次情報の表示

ブラウズリーダで扱う 2 次情報とは，絵本の線形並びを示す記号とそれに続くタイトル（色記号と文字列）のリストを指し，その表示ではスーパーインポーズの考えを取り入れている．各記号や文字を子どもが識別可能なフォントサイズ(15pt)以上に保ちながら，必要な 2 次情報の全体像がディスプレイにされるよう，共通する記号・文字が多い 2 次情報の部分を重ね合わせていく．図 4 に蔵書数が 1,000 冊の場合と 10,000 冊の場合の 2 次情報表示を，それぞれ，左側と右側に示す．蔵書数が少ない場合ほど絵本ごとの 2 次情報を詳

図6 同時メニューを備えたブラウズリーダ

細に表示できるため， 1,000 冊の場合は 1 記号と 3 文

ここでの方法を用いることで，少数文字の入力から字，10,000 冊の場合は 1 記号と 1 文字からなる２次情始め，徐々に入力文字を増やしていくことで，最初は報が表示されている．

困難であった絵本棚ブラウジングが容易に行えるようになる．年齢の小さな子どもでも（親，兄弟や友達などと一緒に）文字を入力できることは確かめてある 1)．

4.

同時メニューによる絵本棚ブラウジング

ブラウズリーダでは，必要な表紙画像，2 次情報，入力用記号・文字が常にディスプレイ画面に表示されている同時メニュー方式を採用している．また，これらはタイアップされており，どれか 1 つが操作されれば残り 2 つも連動して変化する．例えば，文字を入力
図4 ブラウズリーダにおける 2 次情報表示

3.2

した場合，その文字をタイトルに含む絵本について，表紙画像表示ではその画像を格納した絵本箱が拡大さ

2 次情報による絞り込みとズーミングれ，以外は縮小されるかマスクがかかり目立たなくな

2 次情報表示の部分を選択すると，図 5 のように選る．2 次情報表示でも該当するものがより大きく見易択された部分の詳細が展開表示される．それ以外は縮くなり，以外は縮退させられる．表紙画像や 2 次情報退させられるため，展開されたものは拡大できる．の一部を選択した場合も同様に変化する．入力による表示の連動の様子を図 7 に示す．

図5 スーパーインポーズによる絞り込み例

選択をより細かく行えるよう，ブラウズリーダの右下には文字入力部が備えられている．この様子を図 6

図7 入力による表示の連動の様子

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

実験的考察と試用実験では，大量の絵本を納め視覚化した絵本棚を容易にブラウジングできるかどうかについて，・蔵書絵本の全体像の常時表示における線形並びの維持・絵本箱の縦方向移動によるズーム効率の 2 つの観点から調べた．被験者は大学生で1，ディスプレイは 30 インチのものを使用した．
前者については，9 名の被験者に蔵書数を 1,000 としたブラウズリーダ上から 5 冊ずつ絵本を探してもらい，その後適当に 1 文字入力した状態で，それらがどこにあったかを再度示してもらった．文字入力時の絵
本棚のズーミングに 2.で述べたスパイラル移動方式でアニメーションを伴う場合と伴わない場合とを切り替え，再指示までにかかる時間を求めた．そして，両時間の差を符号検定し，ブラウズリーダ上での絵本の線形並びの重要性を調べた．図 8 に各被験者が再提示までに要した平均所要時間を示す．アニメーションを伴う場合は 3 秒，そうでない場合は 7 秒で，符号検定による有意差が認められた．このことより，ブラウズリーダでは，図書館の子ども室での冊子体絵本のブラウジング2により近い絵本棚ブラウジングが実現できたと判断した．

均一となるようにするとの制約を設けた．蔵書数を10,000 としたブラウズリーダで，「あ」から「ん」までの文字を 1 つずつ，および 2 つ続けて入力したときズームされた絵本箱の画像サイズを調べた．絵本棚表
示 領 域 全 体 の 幅 と 高 さ は ， そ れ ぞ れ ， 1706px と1600px である．縦移動を行わない場合，その平均画像サイズは初期表示とほぼ同じで，幅 43px，高さ42px であった．縦方向移動を行うようにした場合，ズームされた絵本箱の平均画像サイズは，1 文字入力のとき，幅 241px，高さ 261px，および 2 文字入力のとき，幅 404px，高さ 424px であった．通常の移動では，入力された文字をタイトルに含む絵本の表紙画像の識別はできなかったが，ここでの移動によれば，2文字の入力で識別できるようになった．少数文字の入力だけで，10,000 冊もの絵本を納め視覚化した絵本棚がブラウジングできるようになったことがわかる．
上記の事柄の確認をもとに作り上げたブラウズリー
ダを大分県立図書館の子ども室に設置し，試行的に利用してもらった．このブラウズリーダには当該子ども室の開架書棚に納められている約 10,000 冊余りの冊
子体絵本とウェブサイト上で読める 1,000 冊余りの電子絵本について，それらの表紙画像と 2 次情報が著作権に抵触しない形でかつ冊子体絵本と電子絵本を統一的に扱える形で納めた．2010 年 10 月末からの約 2 ヶ月間をみてみると，毎日平均 10 人の子どもたちに利用されていた．設置から月日を経ても利用状況に変化がないことから，ブラウズリーダは子どもの読書環境を充実させるのに役立っているといえる．

6.

まとめ

ブラウズリーダによる大量の絵本を扱う仕組みについて述べた．大分県立図書館の子ども室での利用状況から判断すると，ブラウズリーダは時代に見合った絵
図8 各被験者における絵本再発見までの平均所要時間

本の読書環境の整備に役立つといえる．

後者について，スパイラル移動方式を採用した場合

参と絵本箱の縦方向移動を伴わない単純な方式を採用した場合について，絵本箱のズーム倍率の違いを調べた．
ただし，図書館に倣って絵本箱の高さが全体を通じて
1

将来の読書活動に影響を及ぼすことを考え，子どもたちを被験者とすることは避けた．作り上げたブラウズリーダの利用状況を見る際には，現場で子どもたちに自由に利用してもらった．
2

図書館での絵本の配架について，（図書館ごとにではあるが）絵本の相対的並び順序は固定されており，そのことで図書館の利用がより促進されるようになっている．

考文献1) InternationalChildren'sDigitalLibrary:
http://www.icdlbooks.org/
2) J. Liu, M. Nakashima, T. Ito: BrowsReader: A System forRealizing a New Children's Reading Environment in aLibrary. Proc. ICADL 2007, pp.361-371 (2007).
3) J. Liu, K. Sato, M. Nakashima, T. Ito: Browse&Read Picture
Books in a Group on a Digital Table. Proc. ICADL'2008,pp.309-312( 2008).
4) 国 立 国 会 図 書 館 国 際 子 ど も 図 書 館 :http://kodomo4.kodomo.go.jp/web/ippangz/html/TOP.html
5) デジタル絵本サイト: http://www.e-hon.jp/