@article{oai:rekihaku.repo.nii.ac.jp:00002161,
 author = {津田, 光弘 and Tsuda, Mitsuhiro},
 journal = {国立歴史民俗博物館研究報告, Bulletin of the National Museum of Japanese History},
 month = {Jan},
 note = {application/pdf, 本稿は，歴史資料のデジタル画像について，その画像上の文字位置や行を電子書籍のテキストのように選択可能にするユーザーインタフェースのデザインと実装について記載している。これはタブレットデバイスによる大量の電子付箋の作成基盤の準備を意識している。
先ず，電子付箋と電子書籍アプリケーションのマーカツールの分析，そして資料の文字レイアウト構造の特徴から，画像文字の暗黙的かつ基本的な性質である「流れ」すなわち「テキスト動線」の概念を得た。これは画像上の文字列のレイアウトとテキストデータをつなぐ概念である。
次に，テキスト動線の概念から，擬似的かつ仮想的なテキストデータ列である電子付箋の基盤Vein（ベイン）を設計した。この電子付箋基盤は以下の特徴を持つ。（1）タッチ操作を受け付ける拘束的な道筋を準備する，（2）自らをアノテーションを生成する型とする，（3）縦書きや横書きなどの各言語の手書き文字のレイアウトに対応できる，（4）HTML5のSVGを用いて様々な行レイアウトに対応できる，（5）複数行を続けて選択できる，（6）手作業で作成可能なように簡単なデータ構造を持つ。
最後に，一般化データモデルの設計を経て，以上のデザインモデルをHTML5とCSS3，JavaScriptによって実装した。そして，タッチ操作によるタブレットデバイスと従来のマウス操作によるパーソナルコンピュータ両方のWebブラウザ上で動作を検証し，このユーザーインタフェースの有用性を確認すると共に，課題について考察した。本稿の付録として主たる JavaScript プログラムを付し，テキスト動線データの製作ツールおよび動作サンプルを記載した著者の Web サイトを案内している。, This paper describes a user interface design and implementation to make the position of letters and line series in digital images of historical documents selectable like text lines of an electronic book. The aim is to prepare a basis by which a tablet device can be used to make a large quantity of electronic annotations.
At first, a “flow” concept, “Primitive Lead,” was found as a basic and tacit property of letter images by analyzing electronic annotations, marker tools for electronic book applications and the layout of letters in image resources. Primitive Lead links the layout of letters in an image with text data.
Then, from the Primitive Lead concept, an electronic annotation basis for pseudo and virtual text data lines, “Vein,” was designed. This annotation basis has the following characteristics: (1) It provides a restricted touch-and-select user interface; (2) It becomes a template by which to generate annotations itself; (3) It can support the writing layouts of each language, such as top to bottom or left to right; (4) It is compatible with various line layouts using SVG in HTML5; (5) It allows continuous selection of multiple lines; (6) It is a simple data structure for creating data by hand.
Finally, from the design of the general purpose data model, a prototype program of the above design model was implemented using HTML5, CSS3 and JavaScript. The usefulness of the prototype's user interface was then verified using a web browser on a touch-screen tablet device and on a conventional mouse-operated personal computer, and any user interface problems were investigated. The JavaScript core-application code and the URL of a guide to the Primitive Lead editing tool, with sample, are included in the appendix.},
 pages = {79--115},
 title = {タッチ操作向け画像資料の電子付箋基盤のデザインとその実装},
 volume = {189},
 year = {2015},
 yomi = {ツダ, ミツヒロ}
}