Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「本のつながり」を可視化する
Search
SUGIMOTO Tatsuo
November 10, 2025
Design
12
0
Share
「本のつながり」を可視化する
SUGIMOTO Tatsuo
November 10, 2025
More Decks by SUGIMOTO Tatsuo
See All by SUGIMOTO Tatsuo
データビジュアライゼーションの制作方法を学ぶ
sugi2000
0
2k
DataMapp データ駆動型地図表現ツールの開発
sugi2000
0
220
文芸テキストを地図上にビジュアライズする観賞型Webアプリ「bibliomaps」の開発
sugi2000
1
1.3k
データビジュアライゼーションのツール」
sugi2000
0
1.4k
地域の可視化をたのしもう
sugi2000
2
890
Other Decks in Design
See All in Design
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
150
AIスライド生成を進化させるMDファイル
kenichiota0711
0
600
kintone Style Book
kintone
6
12k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
310
AI時代に必要な アイデアの形
uxman
0
150
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
200
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.9k
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
150
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
490
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
220
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
280
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
560
Featured
See All Featured
Building AI with AI
inesmontani
PRO
1
840
Being A Developer After 40
akosma
91
590k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
170
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
160
Un-Boring Meetings
codingconduct
0
250
Designing Experiences People Love
moore
143
24k
Designing Powerful Visuals for Engaging Learning
tmiket
1
320
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
470
Paper Plane
katiecoart
PRO
0
48k
Writing Fast Ruby
sferik
630
63k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
350
Transcript
「本のつながり」を可視化する opencoverとhonbacoの開発 2025-11-08 RuRo Seminar 杉本達應
本と本棚
縮小する 出版産業 『出版指標 年報 2025年版』
拡大する 読書活動 コンテンツとしての 本棚 選書フェア 選書コーディネート 文学館 本棚劇場 坂本図書 テレビ・雑誌・書籍
読書体験施設 文喫 Book and Bed TSUTAYA 次世代型図書館 まちライブラリー 既存流通にのらない 本 ZINE 同人誌 読書を通じた交流 一箱古本市 シェア型書店 ビブリオバトル 読書会
本棚を見せるための施設
本棚特集
シェア型書店、まちライブラリー、一箱古本市
オンラインコミュニティ
棚に生まれる個性 〈キュレーション〉としての選書、陳列 【文脈棚】自分の懐の話だけだった選挙戦のあとに - 往来堂書店
棚に生まれる個性 家の棚は収納家具だが、複数の場所から、自分の関心や必要に応じて集めてきたも のが凝縮された、ひとつの世界でもある。さまざまな場所に分散していた者を自分 が集めなおし、「自己」という新しいジャンルを作って、私的な空間に再現してい るようなものだ。大げさにいえば書棚は自分の分身であり、家の中に書棚があるこ とは、その分身と常に向き合っていることを意味する。 家族がいれば、その世界は家族とも共有される。置き場所によっては来客が目に する機会もある。他人の家や仕事場を訪問して、つい置いてある書棚に目をやって しまった経験がないだろうか。雑誌などではしばしば有名人の書斎の写真を載せた
りするが、そこに対する好奇心は、本の並びにあらわれるその人の内面や知的関心 に向けられている。(柴野京子,2012,『書物の環境論』弘文堂.)
空間と記憶 「特に分類していないので、どの本 がどこにあるのかは、身体感覚で覚 えています。それが狂うともう探せ ない。(笑)」(東浩紀) 『松岡正剛の書棚──松丸本舗の挑 戦』p.98
スクリーンの書籍表現
スクリーンの書籍表現
本は多面体 …なのに、 表紙のデータしかない!
書影をめぐる問題 ライセンス(利用許諾)が不明瞭 利用目的の制限(非商用に限定など) 解像度が低い そもそも画像がない
書影をめぐる問題 openBDプロジェクトの挑戦と縮小 https://hon.jp/news/1.0/0/47164
書誌情報・書影のAPI API(Application Programming Interface) Amazon Product Advertising API (2003–) 楽天API
(2007–) アフィリエイト(成果報酬型広告)利用はで きるが、そのネットショップでの購入促進に つながる利用に限られる API提供企業の仕様や規約変更に振り回される
背表紙の効用 何度も目にしている書棚の様子は、努 力しなくても自然と頭に入ったりもす る。例えば、これまで何度も訪れた本 屋なら、入口から奥まで、フロアの形 や棚の配置、あるいはどこにどんな分 野の本が置かれているか、知らず識ら ずのうちに覚えているものだ。(p.177) 山本貴光『記憶のデザイン』(2020)
背表紙の効用 本はそれぞれが、ある外見や重さや手触りや 匂いを備えている。そしてもっぱら、離れた 場所から眺める場合、そのデザインが目に入 る。背表紙は、多くの場合、著者名、書名、 副題、叢書名、版元といった要素が表記さ れ、デザインを施されている。すでに内容を 知っている本なら、この背表紙はその内容に 対するインデックス(索引)のようなものと して機能する。(p.182)
山本貴光『記憶のデザイン』(2020)
杉浦康平デザインアーカイブ(武蔵野美術大学 美術館・図書館)
An Ocean of Books Gael Hugo, in collaboration with Satellite
Studio
蔵書家の悩み スペース 空間の限界 ・十分な容量の本棚を持てない ・蔵書数に限界がある アクセシビリティ ・棚の奥や箱、倉庫に入れると アクセスしづらい ファインダビリティ
検索しづらさ ・目的の本に辿り着けない ・重複本がある 永続性 ・死んだら散逸する
教育実践 https://tmu-2024-net-1-web.pages.dev/
教育実践 https://net-1-2025.sugi2000.workers.dev/
これまでの開発
プロジェクトの目標 書籍間ネットワークの提示と可視化デザイン 書籍カバー画像を自由に利用できるインフラの 提供とオープンソースコミュニティの構築 書籍コレクションのデジタルアーカイブ構築 個人の書籍コレクションの作成・編集・共有が できるサービスの提供
著者 著者 著者 評者 読者 著書 引用 参照 書評 読書
読者Aの本棚 読者Bの本棚 本のネットワーク パラテクスト(本文以外のテキスト) コンテクスト(文脈)
opencover honbaco library 書籍カバー画像を生成・配信する ウェブAPI みんなでつくる opencover 図書館の書架を閲覧 できるサービス 構成
ユーザが書籍コレクションを作成・ 共有できるウェブサービス スタイルシートの共同編集 プラットフォーム
opencoverとは 書籍カバー画像の配信サービス 自由に利用できる 書誌情報からカバー画像を簡易再現 出版社の許諾が得られたら実画像提供も Web APIを通じて外部サービスからも利用可 背表紙を並べることで本棚を作れる
背表紙画像の生成プログラム (ジェネレーター)
ISBN→書誌情報にスタイルシートを適用する
本棚インターフェイスの事例 新書マップ NPO法人連想出版 Digital Bookshelf(電子書架) 東京都立図書館
本棚インターフェイスの事例 新書マップ4D NPO法人連想出版 バーチャル図書館 大日本印刷・図書館流通センター
出版社サイトの事例 筑摩書房 みすず書房
開発プロセス 「書棚のたのしみ」2010年1月 こうした試みは、ネットでもできるかもしれません。も ちろん、それは、単に現実空間の書棚を仮想空間に再 現するという意味ではありません。バーチャル空間なら ではの書棚の見せ方ができるのではないかと思いまし た。 ネットで編集された書棚を見せるときに、本の「背表 紙」が圧倒的な力を持つと思います。背表紙のビジュア ルは、コンパクトな面積にタイトルや著者名、出版社
やシリーズ、本の厚み(つまり、ボリューム)を、一瞬 にして伝えてくれます。
開発プロセス 2012年6月
プロトタイプ(HTML)
プロトタイプ(SVG)
プロトタイプ(SVG)
カスタムスタイル表示
3D表示
API公開 2025年3月
対象書籍の範囲 現在 約72,000冊 新書・文庫シリーズの一部 今後 収録範囲の拡張 スタイル未定義の書籍も画像出力
ZINE『オープンカバーの旅する本箱』(すぎもと組) Jimbocho Zine Fair in ひじりばし博覧会2025
3D Book Collection(開発:坂村空介) https://3d-book-collections.vercel.app/
みんなでつくる opencover (開発中) スタイルの共同編集
みんなでつくる opencover (開発中) スタイルの 共同編集
Figmaプラグイン
ユーザによる協働 Wikipedia
ユーザによる協働 OpenStreetMap
honbaco (開発中) 本棚共有サービス 見せたい棚だけ公開 する
図書館の書架再現 東京都立大学図書館日野館 新書・文庫の書架 約7,000冊 honbaco library (開発中)
図書館の書架再現 honbaco library (開発中)
書評の棚 (開発中)
これまでにもらった 感想や意見 ・自宅の書棚を再現したい ・もっている電子書籍の書棚を作りたい ・選んだ本をその場で読みたい ・帯・函も再現してほしい ・棚の奥や横向きにも積みたい ・SNSでシェアしたい ・3D・VR・ARで見たい ・国際特許とるべき
今後の予定
スケジュール 2025年度 ・「honbaco library」一般公開 (東京都立大学図書館 日野館)バージョン ・「honbaco」限定公開 ・「みんなでつくるopencover」公開 2026年度以降
・「honbaco」一般公開
THANK YOU