投稿者: sugi

このたび、流浪の編集部「すぎもと組」は、3冊目のテック・ジンとなる『データビジュアリスト宣言：Observable/D3.jsではじめるデータ記事発信』をつくりました。

特設ウェブサイトはこちら。

https://data-visualist-manifesto.tumblr.com/

技術書典11で頒布しています。

https://techbookfest.org/product/4641141578268672?productVariantID=5767041485111296

どんな本か

この本で紹介しているのは、JavaScriptやMarkdownが書ける共有ノートブック共有サービスのObservableと、JavaScriptのライブラリD3.jsです。データからビジュアルをつくってみたい初学者のためのガイドブックです。そのため本書で取り扱っているのは、棒グラフなどの基本的なチャートです。複雑なデータビジュアライゼーションではありませんが、データセット（CSVやJSONなど）があれば、ちょっとしたスケッチを描くように可視化できるので、ぜひ体験していただきたいです。

データビジュアリストって何？

タイトルにあるデータビジュアリストは、造語です。公開されている統計情報などを分析し可視化した記事をまとめて発信する人のことを意味しています。Observableを使えば、このようなデータ記事を簡単につくることができます。

既刊とのちがい

この本は『ばぶでもわかるおぶざばぶる』の続編にあたります。『ばぶ』本との違いは、次の通りです。

– ローカル開発の解説を省略
– Observableの最新版に対応
– D3.jsの最新版バージョン7に対応
– データ記事発信の心得を追加

今回一緒に作った学生はふたりとも社会的なテーマとデータ可視化の組み合わせに関心をもっていることから、データ記事発信の心得について調べて書いてくれました。

組版トラブル発生

毎回どのように組版するかで悩みますが、今回はCSSで組版できるVivliostyleを使用しました。最初はまったく使い方が分かりませんでしたが、さわっているうちに徐々に理解できました。Markdownから直接PDFが変換できるので便利です。

https://techbookfest.org/product/4671178121674752?productVariantID=6052525503414272

ところが入稿直前におおきなミスに気がつきました。A5判のつもりが、B5判でつくっていたのです。急遽、設定をA5に変えたもののエラーが出てしまいます。判型を変えてしまうと、各ページの細かい調整をすべてやりなおす必要があります。入稿締切が迫っていて、作りなおす時間はとれません。結局、B5判のPDFをA5判に縮小することにしました。それでも塗り足しの幅など調整する必要があり結構大変な作業でした。本文の文字が若干小さめに感じるのはそのせいです。

共著者の宮崎さん、関口さんに本書制作の感想を書いてもらいましたので紹介します。

「実用的」が難しい（宮崎）

はじめまして。第3章と第4章の執筆を担当しました、宮崎仁美です。杉本先生と本を作らせていただいたのは、今回で2度目になります。今回制作した本は、前回制作した本とは内容も方向性もまったく異なったものになりました。前回の『超ビジュアル訳　ニーチェの詩：p5.jsでうたう「深夜の鐘の歌」』は、いわゆる作品集に近いものです。私自身の趣味（嗜む程度ですが）でもあるp5.jsで思ったように表現しました。非常に楽しかったことをよく覚えています。

『データビジュアリスト宣言』は、「今度は実用的な本を作ってみよう」ということで制作しました。この「実用的」という部分は、私が思っていた以上に考えることが多く、非常に難しかったです。まず、「Observableで記事を作成するときに、どのようなことがすぐにわかると嬉しいだろうか」と考えながら執筆を始めました。しかし書けば書くほど、「この言葉は誤解を招かないだろうか」「本当にこれは正しいのだろうか」「この情報って要るのだろうか」と答えのない問いが沸いてきました。結果、筆が遅くなり、さらに焦って全然書けなくなる、というとても綺麗な負のスパイラルが生まれました。やはり、焦って力が入っているとあまり良い文章が書けないもので、もう少し肩の力を抜いて書いてしまえばよかったな、と今になって反省しています。共同制作者の皆さん、大変ご迷惑をおかけしました。

前回同様、一度も顔を合わせずに制作した本ですので、私はまだ完成した本を手に取ってはいません。今から完成した本に触れるのが楽しみです。私は紙の本の手触りが大好きですし、やはり紙の本は格別だなと思っているので、待ち遠しく思っています。

はじめて本を売ってみた（関口）

はじめまして。関口太樹です。第3章と第5章の執筆、表紙のデザイン、当日の売り子を担当しました。杉本先生と本をつくるのはこれで2度目になります。幸運にも、今回はオフラインの即売会に参加することができました。本の即売会に出店したのは初めてのことだったので、本の制作時のことに加えて、本を実際に売った時の感想をお伝えしたいと思います。

本をつくること〜技術書における書き手のスタンス〜

前回制作した『超ビジュアル訳　ニーチェの詩』は、解説書というよりは作品の作り方を紹介する本でした。それは、サービスや言語について概要を解説するというよりも、こういうコードの書き方をすると、こういう表現が生まれるということを書いた本です。

今回制作した本は、ObservableとD3.jsという、日本ではあまり知名度の高くないサービスやライブラリをこれから使う人のために紹介し、解説する内容でした。なので前回よりも、事実に基づいた文章を書くことが求められます。

しかし、私自身がこれらのものに触れはじめてからまだ日が浅く、文章を書きながら自分自身も初心者であるという感覚がありました。初心者なのに一人前の顔をして、解説を書くのはどうなんだろうか、と戸惑いながら文章を書いていました。初心者である私が正しいことを書けているか、読む人の役に立つだろうか、という悩みがあったのだと思います。

今思えば、もう少し肩の荷をおろして執筆すればよかったです。リアルイベントで他の方が制作した本をいくつか購入しましたが、文章に「私なりに考えたこと」「正確な記述に努めましたが、もしかしたら間違えているかもしれません」といった枕が付いていることが多かったです。これらの本の著者も書かれていることの正しさについては気を使っているのでしょう。ですが、気を使いすぎると書けないので、そこは折り合いをつけて文章を書いたり、本を執筆しているのだと思います。そして、読む方も少なからず、そのことを了解しているんじゃないのかな、とそう思います。そうでないと、同人誌なんて生まれませんよね。

本を売ること〜即売会で販売するということ〜

技術書典11では、コロナ対策のもと、オフラインイベントが開催されました。今回はそこに、出店してお客さんの前で本を並べて、売ってきました。本の即売会に参加したこと自体これが初めてです。

前回の技術書典ではオンラインマーケットだったので、買い手の存在が見えずに、いつの間にか売れていく……というものでした。オフラインイベントでは、買い手の人たちが目の前にいるので、本を売ることの楽しさ、売れることの嬉しさを体で感じました。もちろん、かなり緊張もしましたが。

本の売りかたを当日いろいろと試しました。「本の概要をざっくり説明してあげた方がどんな本か伝わる」、「実際に見せられるものがあったらスマホなどでサービスを見せた方がいい」、「歩いている人は大体上を見ているのでPOPは目線の高さにあった方がいいかも」といったように、自分なりに工夫して学んでいきました。

ただ、そうやって「販売促進行為」をしながら、話しかけることが本を買わせるためのプレッシャーになっていたらなんか嫌だな、とも考えていました。せっかく作った本ですし、杉本先生には出版費用をいつも肩代わりしていただいているため赤字は避けたい、売れてほしいという気持ちはもちろんあります。ただ「本って売る人が稼ぐために売るもの？」とためらう気持ちがちらちらとあらわれていました。

その裏には、読者に対する尊敬と期待があります。本をつくる限りは、何らかの形でその人の役に立ってほしい。消費財として終わらずに、その人が次に何かをするための原動力となってほしい。そういう思いがあります。なので「仕方なく買った」という事態を招くのはやっぱり残念なことだと思います。

それから本そのものに対する畏敬の念もあります。本というものがこれまで歴史上でなしてきたことを思うと、本はそれ自体が尊敬されるべきものだとなんとなく思うのです。私の尊敬する編集者の松岡正剛さんは、『千夜千冊エディション　本から本へ』の後書きに「本は交際である」とタイトルをつけ、「本とは、人類の歴史文化の中で最高無二の知的情報体となってきた柔らかいパッケージである。この連中とはひたすら交際することが一番だ」と述べています。この文章で言われているように、本とは単なるモノとしての消費財ではなく、人間と特殊な関係を結んでいるものである、と私は感じます。なので、本をつくることで本の歴史に関わる限りは、本を粗雑に売るべきではないと思うのです。

だいぶ話が脱線しました。とにかく、本を作って自分の手で読者の人に渡すという行為は、いろいろと感じること、考えなければいけないことが多く、学びの機会になりました。今回も本づくりに関われてよかったです。

目次

第 1 部　入門編
第 1 章　 Observable をはじめよう
　Observable とは
　Observable をはじめる
第 2 章　 D3.js を使ってみよう
　D3.js とは
　Observable で D3 を使う
　はじめての D3
　D3 vs. jQuery vs. JavaScript
　コミュニティと情報源
第 3 章　基本的なグラフをつくろう
　棒グラフ
　折れ線グラフ
　ドーナツチャート
　散布図
　ヒートマップ
　地図
第 2 部　活用編
第 4 章　デザイン
　こんなときはどんなグラフ？
　見やすい記事のポイント
　色を活用する
　見せ方とミスリード
第 5 章　活用
　データ可視化の構成要素
　データ可視化記事の制作手順
　Observable を使った授業の事例
　ノートブックを公開する前に
第 6 章　データ記事の事例紹介
　データ可視化で見る東京都内の企画展傾向
　日本における子どもの貧困と学力格差
執筆者
おわりに

既刊もどうぞ

すぎもと組の既刊もひきつづき頒布中です。こちらもどうぞよろしくお願いいたします。

https://techbookfest.org/organization/5752355920281600

2021年5月15日、オンラインで開催された情報通信学会モバイルコミュニケーション研究会に討論者として参加しました。貴重な事例報告をきく機会をいただきました。研究会のみなさん、ご縁をいただきありがとうございます。

アートグループGRINDER-MANのタグチヒトシさんが演出された現代芸能『獅子と仁人』の報告にコメントを寄せました。『獅子と仁人』は、沖縄の獅子舞、音楽、唄、ダンスパフォーマンスに加え、リアルタイムCGが合成されたライブ映像です。新型コロナウイルス感染拡大によって本来の公演は中止されたものの、ストリーミングライブ配信として新たなかたちでの公演が試みられたとのことです。

本作は、現代的な装いの獅子のパフォーマンスなど、見どころの多い作品です。それだけでなく、舞台上を動き回る大胆なカメラワークでライブ配信する意欲的な試みでもあります。2020年、コロナ禍で次々に舞台公演の場が失われていく大きな制約のなか、表現者が新しい見せ方をつかんでいく過程を見ることができ、勇気づけられました。また、テクノロジーを駆使しながらも誇示しない作品構成のバランス感覚にも唸らされました。とくに再撮影版ではCGの要素を減らしていることに感心しました。

沖縄の獅子舞という伝統文化に、現代的な技術が重なることで、あらたな魅力を獲得していました。コロナ禍で伝統文化の継承が危惧されているなか、このような試みで伝統が生き続けていることに注目します。ライブ配信では海外からのアクセスも多かったそうで、地理的な条件にしばられないグローバルな展開が期待できます。

わたしからはタグチさんに、今後の展開についてお訊ねしました。コロナ禍はいつか終息し、パフォーミングアーツの公演は息を吹き返すでしょう。ただし、長期間これまでの公演形態が制限され、ライブ配信が身近になったという大きな変化を存在しなかったことにはできません。今後は、劇場に足を運ぶ人だけでなく、スクリーン越しの観賞を求める人たちも増えていくのではないでしょうか。そのとき、多くの観客と同時に観賞するという体験がどのように変わるのかに興味を抱きました。その体験をデザインする演出家の果たす役割はより重要になりそうです。

もう一人の討論者の藤本憲一さんと司会の伊藤耕太さんからは、お二人とも本作の世界観や読み取れる物語からつぎのような指摘がありました。藤本さんは、本作から、「脱魔術化」（ウェーバー）した合理的社会ではなく、「再魔術化」した多神教的世界を見出したそうです。伊藤さんは、本作から読み取られる物語から、ベンヤミンが「複製技術時代の芸術作品」で論じた礼拝的価値から展示的価値への移行から、再び礼拝的価値へ回帰しているのが興味深いとおっしゃっていました。

今回の研究会がオフライン開催だったら、研究会メンバーの方々をまじえて議論が盛り上がったはずです。それがかなわなかったことは残念でしたが、つぎに直接お会いできる機会を楽しみに待つことにします。

『獅子と仁人』は、再撮影された映像版がVimeoでオンデマンド配信されています。レンタルまたは購入できますので、関心のある方はぜひご覧ください。

The Ancient Lion and Modern Man – 現代芸能『獅子と仁人』 | Facebook

モバイルコミュニケーション研究会｜情報通信学会 -JSICR-

2020年、新型コロナウイルスの感染がひろがり、多くの大学がオンラインの遠隔授業に移行しました。この春入学した大学1年生は、入学式がなくなり、思い描いていた大学生活を送ることができなくなりました。彼らの気持ちを記録しておきたいとおもい、音声を収録したオーディオ番組を制作しました。

パンデミックの草の根アーカイブ

今回の歴史的なパンデミックは、ろいろな形で記録されています。とくに、政府の対応や感染経路、ワクチン開発、経済への影響といった「大きなニュース」は、後に歴史の一部になっていくでしょう。一方、わたしたちの日常生活もそれなりに変化がありました。ただこうした変化は、人びとの記憶には残りますが、やがて風化してしまいます。今回の企画は、放っておくと消えてしまうかもしれない日常レベルの記録を保存する「草の根アーカイブ」です。

普段と異なる「新しい日常」を余儀なくされた大学1年生という当事者の声を保存することで、ささやかながらも「当時の空気感」を思い起こせるきっかけになればとおもいます。

大学1年生にインタビュー

企画者の杉本は、2020年度前期、東京都立大学1年生向けの全学共通科目「基礎ゼミナール」を担当したおかげで、複数学部の1年生とオンラインで出会うことができました。授業終了後の2020年8月下旬、受講生4人の協力を得てオンラインでインタビューしました。学生には番組の趣旨を説明し出演の了解を得ています。

全2回の音声のみのプログラムです。
第1回の回答者は、システム学部インダストリアルアート学科に入学した2人です。
第2回の回答者は、人文社会学部人文学科、健康福祉学部作業療法学科にそれぞれ入学した2人です。

オンライン授業のことや、外出自粛の様子、ソーシャルメディアで大学1年生が呼びかけていることついての思いなどを訊ねました。大学入学の前後から生活が変わり、同級生と直接対面できない状況がつづくなか、心身への影響がすくなからずあったことが、声のトーンで伝わってきます。

ところで、オンライン授業の評価はそれほど悪くありませんでした。ただ大学によっては、評価が低いところもあるようです。大学のオンライン授業への批判や不満は、しばしばニュースで取り上げられていました。一方で、それなりに満足していた学生がいたことも残しておきたい記録です。

編集するのに時間がかかってしまい、公開がたいへん遅れてしまいました。もっと構成を工夫したかったのですが力不足です。この記録をできるだけ長期間のこしておいて、後世の聴き手へとつなげていきたいとおもっています。

最後に、協力していただいた学生のみなさん、ありがとうございました。

インターネットオーディオ番組
都立大1年生の新しい日常（全2回）
第1回　23分43秒
第2回　27分33秒
2020年8月収録／2021年3月公開
企画・制作：杉本達應（東京都立大学システムデザイン学部）

このたびご縁がありまして、書籍『Code as Creative Medium』にインタビューが掲載されました。

本書は、コンピュテーショナル・アート・デザインの「教育」に焦点を当てた本です。（１）研究課題、（２）演習問題、（３）インタビューの3部で構成されています。多彩な作品事例の写真が掲載されていて、眺めて楽しめるだけでなく、この領域で教えている人にとっては膨大なリソースの宝庫になっています。

クリエイティブ・コーディングについて特定の技術や技法を扱う書籍は多数出版されています。しかし教育方法に絞った本は初めてではないでしょうか。こうしたコンセプトの本が登場したのは、世界中のアート・デザイン教育の現場で、コンピュテーショナルな演習やカリキュラムが一般化したことを反映しているのでしょう。多くのノウハウを共有することで、この分野の指導者を応援してくれます。本書の著者2人とコントリビューター16人は、著名なアーティストばかり。Golan Levin, Tega Brain, Taeyoon Choi, Zachary Lieberman, Lauren Lee McCarthy, Alison Parrish, Casey Reas, Daniel Shiffman, Jer Thorpなど……。そのなかにわたしも入っているのは単純に驚きですが、とてもうれしいです。

インタビューの部では、下記のトピックについて多くの人が回答しています。それぞれの回答を見るだけで相当勉強になりそうです。

– アーティストやデザイナーにプログラミングを教えること
– 双峰分布クラス（経験者と初心者が混合しているクラス）
– 視点の促し
– 初日
– お気に入りの課題
– うまくいかなかったとき
– 心に残った反応
– 新人教師へのアドバイス

書誌情報
Golan Levin and Tega Brain, 2021, Code as Creative Medium: A Handbook for Computational Art and Design, MIT Press.
https://mitpress.mit.edu/books/code-creative-medium

（potariに寄稿した記事です）

デザインを語らないデザイン書

『コ・デザイン』は、おしゃれな表紙からは想像もできないほど、筆者の熱い信念のこもった本だ。タイトルには「デザイン」とあるが、デザインの専門用語はほとんど登場しない。だれでも平易に読みすすめることができ、同時に深く考えさせられる良書なので、ぜひ多くの人に読んでもらいたい。

本書は、色彩や造形といったいわゆるデザインではなく、デザインと周辺の要素とのつながりをふくめた大きな活動を射程にいれている。多くの利害がからみあう社会の複雑で厄介な問題に対して、わたしたちはどのように取り組んだらよいのか。多くの現場に横たわっている問題に、当事者と専門家が「いっしょにデザインする」ことで対応するのが「コ・デザイン（Co-Design）」のコンセプトだ。Coは「ともに」や「協働して行う」を意味する接頭語だ。こうした「デザイナーや専門家といった限られた人々によってデザインするのではなくて、実際の利用者や利害関係者たちがプロジェクトに積極的にかかわっていく取り組みが世界中で活発になって」（p.88）いる。そのコンセプトを幅広い理論や豊富な事例とともにていねいに解説する本書は、しかしたんなる解説書にとどまらない。驚くことに、読んでいるうちに読者はみずからの生き方（生きるうえでの態度・姿勢）を問われてしまうのだ。

著者の上平崇仁は、専修大学ネットワーク情報学部の教授。一般大学でデザインの専門家として奮闘している尊敬する研究者のお一人だ。本書が目をくばっている領域ははばひろい。おもいつくだけでも、情報デザイン、ワークショップデザイン、ファシリテーション、組織づくり、人類学、民俗学、学習、経営などのキーワードが出てくる。いろいろな領域で活動している人が、それぞれ自身の活動とのつながりや気づきを得られるだろう。

民主主義の本

わたしは本書を「民主主義の本」、「シチズンシップについての本」だと受けとめた。意外に感じられるかもしれないが、読めば納得してもらえるはずだ。本書は、これからの社会のあり方を問い、読者に「シチズンシップ」の獲得をうながしている。ここで本文におそらく登場しない「シチズンシップ」という言葉をあえて持ちだしたのは理由がある。2019年に参加したSFPC集中ワークショップでの体験を思いだしたからだ。

このときのSFPCでは「Citizen Code of Conduct」が掲げられていた。「Code of Conduct」は日本ではよく「行動規範」と訳されている。イベント参加者の規範となる振る舞いを定め、差別やハラスメントを許容しないと謳う共同体のルールを示した文書だ。ただSFPCのそれは一風変わっている。タイトルには「Citizen」（市民）がついていて、さらに「Open ［中略］ Citizenship」という項目が立てられている。SFPC参加者有志がこの行動規範の日本語訳に取り組んだとき、Citizenshipの訳になやまされた。一般的に「市民権」や「公民権」と訳すようだが、しっくりこない。文脈からここでのシチズンシップとは、権利であるとともに「共同体の成員としての責任をもつ態度」をさしていると理解した。なぜこれほどまでにシチズンシップを重視しているのか。なぜなら、一人ひとりの態度や行動が集まることで、彼ら・彼女らが属する共同体や社会の姿がかたちづくられるからだ。SFPCの行動規範では、多様な人を受け入れること、フレンドリーに接すること、不平等を是正し権力の濫用を食い止めることなど、積極的な行動を促している。

本書『コ・デザイン』を読んでいると、SFPCの「シチズンシップ」が頭をよぎった。つまり本書が描いている社会と人びとのあり方を一言であらわすなら、「シチズンシップ」がぴったりあてはまるとおもったのだ。

いまこそ「デザイン」を再考する

みんなで問題に取り組もうとする『コ・デザイン』は、「今」という時代をくっきりと映しだしている。将来予測が難しい現在、専門家まかせにしたままで世の中は万事うまくいくのだろうか、力をもたない個人はあきらめるしかないのか──そんな疑問をかかえた人が増えているのではないか。コロナ禍のいま、わたしたちの身の回りに「災害ユートピア」のような互恵的な共同体は残念ながら生まれていない。それよりも、見解の相違による論争、行政や専門家への批判、陰謀論など、社会が分断していく光景のほうが目立つ。専門家やエリートへの信頼が以前ほど強力ではなくなったことが背景にあるだろう。それに加えて、わたしたちの社会の階層が硬直化し、普段の生活で多様な人びとと出会う機会を失い、コミュニケーションの回路が断たれてしまったことも原因のひとつではないだろうか。こうした困難な時代に立ち向かうための態度を身につけるために、本書は大いに役立ちそうだ。

ページの端々から筆者の情熱がにじみ出ながらも、書きぶりは抑制的でもある。たとえば、新しい考え方「コ・デザイン」を紹介しながらも、流行り言葉を次々に消費しようとする態度をたしなめる。北欧由来の考え方を輸入するだけでなく、東洋の知恵にも目を向けようといざなう。手法や事例の紹介では大仰に効果を主張することなく、控えめに取り上げる。特定の手法を課題解決の万能ツールとして称揚するのは、「コ・デザイン」の理念とはかみ合わないからだろう。どれも深入りはしていないので、気になったものがあれば深く調べるとよさそうだ。また、多くの学問分野からの引用や世界の「ことわざ」がちりばめられているため、本書の文献リストを起点にしてじっくり学べるようにできている。

「コ・デザイン」の源流のひとつとされる「参加型デザイン」は、1970年代北欧の労働争議を発祥とし、社会民主主義の文化をまとっていたという（p.116）。こうした一部の人の特権的な意思決定にたよるのではなく当事者の権利と平等を指向する活動は、いまや多くの領域でみられる。「コ・デザイン」はいっしょにデザインすることで問題発見・解決にアプローチし、ヨーロッパで台頭しつつある「ミュニシパリズム」は自治的な民主主義を実現しようとする政治的活動だ。ITによる地域課題解決活動の「シビックテック」も、「ともにつくる」を標榜し、公共的な課題解決を図ろうとする。どれも光を当てる角度に違いはあれ、目指す方向がよく似ている。こうした理念はまったく新しく生まれたわけではない。本書が取りあげているように、昔から共同体を運営する知恵として存在していた。

最後に、「コ・デザイン」という言葉は定着するだろうか。本書を読んでいると、「コ・デザイン」という呼び方そのものに固有の価値はないことに気づかされる。もちろん専門用語としての定義や重要度は無視できない。しかし一般には別の用語、たとえば「コ・ワーキング」や「コラボレーション」などと呼ぶこともできるのではないか。外来語をつかわず、日本語で「共同設計」や「共同制作」、たんに「協働」と呼んでもよい。それでも私たちが「コ・デザイン」という用語を選びとるなら、言葉の来歴以上の理由があるはずだ。そこには「デザイン」という言葉のもつ特有の魅力があり、「カタカナの語感の軽さ」（p.79）がある。言いかえれば、「デザイン」と呼ぶとなんだか「かっこいい」のだ。これまで「デザイン」のつく数々の言葉に魅了されてきた私たちは、今こそ「デザイン」という言葉の意味を立ちどまって考えなおすときがきているのではないか。「コ・デザイン」という用語が専門領域を超えて定着するかは未知数だが、本書の熱いエッセンスは一つの用語におさまらずに生きつづけるはずだ。

上平崇仁，2020，『コ・デザイン──デザインすることをみんなの手に』NTT出版．

このたび、すぎもと組では2冊目の技術同人誌『超ビジュアル訳 ニーチェの言葉：p5.jsでうたう「深夜の鐘の歌」』をつくりました。

特設ウェブサイトはこちら。

https://visualized-nietzsche.tumblr.com/

技術書典9で頒布します。

https://techbookfest.org/product/5727504515989504

この本の特徴

ずばり！
・ニーズのない本です（明日の仕事に役立ちません）
・右綴じ・縦書きの本です
・ニーチェの入門になる本です
・p5.jsをすこし学べる本です
・紙で読んでいただきたい本です（電子版はおまけです）
……ようはヘンな本です。

「超ビジュアル訳」って何？

超ビジュアル訳とは、テキストをビジュアルに翻訳すること。本書では、ニーチェの詩の一行一行を解釈し、想像したイメージをつくりあげました。どのイメージも文字を構成したタイポグラフィ作品です。

今回も編者のわたしの呼びかけに応じた学生といっしょに作りました。表紙、本文のイメージ、テキストは、ほとんど学生が制作しました。わたしはブックデザインに力をいれました。

目次

まえがき

第一部　作品篇
　　深夜の鐘の歌
　　ひとつ！
　　ふたつ！
　　みっつ！
　　よっつ！
　　いつつ！
　　むっつ！
　　ななつ！
　　やっつ！
　　ここのつ！
　　とお！
　　じゅういち！
　　じゅうに！

第二部　解説篇
　　深夜の鐘の歌
　　「深夜の鐘の歌」解説

第三部　技法篇
　　p5.jsとは
　　作品概要とコード解説

あとがき

Zarathustra’s Rundgesang
ニーチェ略歴
ブックガイド
編著者かく語りき

技術書典すごい！

さて、前回の技術書典8は急遽オンライン開催になりましたが、今回ははじめからオンラインイベントとして開催されます。
イベント運営の目玉として、作り手にも読み手にもやさしい変更がたくさんありました。出展料が無料、販売手数料ほとんどの場合無料、紙の本の送料も無料。前回、主催者にはおおきな損失があったはずなのに、こんなすぐに新機軸が発表されるなんてびっくりです。これでイベントが成り立つのか心配ですが、きっと大丈夫なのでしょう。ありがたくこの場を使わせていただきます。

既刊もどうぞ

すぎもと組の既刊『ばぶでもわかるおぶざばぶる　D3.jsとObservableではじめるデータビジュアライゼーション超入門』もひきつづき頒布します。こちらもどうぞよろしくお願いします。特設ウェブサイトはこちら。

https://observable-babies.tumblr.com/

技術書典9のページはこちら。

https://techbookfest.org/product/5174238650564608

技術書典9のp5.js本

技術書典9にでているp5.js関連本は、レオナさんの2冊が注目です！

できるだけ毎日続けるためのデイリーコーディング戦略 [第2版]
https://techbookfest.org/product/6000948635762688

2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング
https://techbookfest.org/product/5666883730669568

ぜひお求めください！

ニーチェ本は、あまり世の中に似たものがないヘンな本です。読んでくれる人がどれほどいらっしゃるか想像がつきません。興味をもたれた方はぜひお求めください。印刷費をたっぷりかけて紙の本をしっかり作りました。でも赤字覚悟でお安くしています。
お読みになった方から感想をいただけることをたのしみにしています。