お仕事：GiF BOOKへのコラムの寄稿



「The Gif Connoisseur，それはつまり「あなた」である」というコラムを『GIF BOOK───コンテンツ制作者のためのGIFガイド』に書きました．それと，GIF年表にも「監修」というかたちで関わりました．ご一読いただければ幸いです．

少しずつ読んで，この本からのフィードバックをブログに書きつつ，GIFに関する「論文」を３月まで書きたいなと思っています．

あと，Web Designing 2013年２月号の特集「GIFアニメ再起動」のイントロダクション「画像形式「GIF」と拡張機能「アニメーションGIF」」のなかにブログの記事「GIFアニメーションに関するメモ」が引用されています．




このブログの人気の投稿

メタファーと身体の関係

1996年に，ダン・ゲントナーとヤコブ・ニールセンは，「アンチ-マック・インターフェイス」という論文を発表した．そこで，彼らは，現在でもGUI デザインを論じる際にバイブルとして参照されることが多い「マッキントッシュ・ヒューマン・インターフェイス・ガイドライン」の原理に，あえて反することで，新たなインターフェイスの可能性を論じている．4-3) マッキントッシュの第一の原理には，インターフェイスは私たちの馴染みの環境を用いたメタファーに基づいているべきだと書かれている．4-4) マッキントッシュの開発者たちは，この原理に則って，現在まで使用されている洗練されたデスクトップ・メタファー（図4-1）を開発した． 　　　　　　　　　　図4-1 システム1.1 のデスクトップ そこでは，ディスプレイ画面を「机の上（デスクトップ）」と見なし，「ファイル」，「フォルダ」，「ごみ箱」などを模したアイコンを，マウスで選択し，クリックすることで，コンピュータの操作が可能になっている．この原則に対して，ゲントナーとニールセンは，「ワードプロセッサ」は「タイプライター」にたとえられるが，ワードプロセッサには，タイプライターにはない「やり直し」の機能があるなど，メタファーが示す目標領域（コンピュータ）と基底領域（たとえる対象）とのミスマッチを指摘する．そして，彼らは，このようなメタファーの使用は混乱を招くことになるので，コンピュータ・システムの構造に即した，メタファーに頼らないインターフェイスをデザインすべきだと主張し，言語主体のインターフェイスの提案を行った．4-5) メタファーによる対象の機能のミスマッチを問題視するゲントナーとニールセンに対して，ジョン・キャロルらは，以前から，対象間のミスマッチを含んではいるが，メタファーの使用は私たちの最も基本的な学習へのアプローチのひとつなので，インターフェイス・デザインには不可欠なものだと主張していた．4-6) 確かに，コンピュータを取り巻くメタファーには多くのミスマッチがあるが，それにも関わらず，私たちは，それらを手がかりにして，コンピュータを使い始めて，気がつくと，それらを当たり前のように操作して自分の作業を進めてきたことは事実である． ゲントナーとニールセン，キャロルらは，似ている対象を結びつける言語の機能としてメタファーを論じ...
続きを読む

インターフェイス再考：アラン・ケイ「イメージを操作してシンボルを作る」は何を意味するのか．

.review  にテキストを書くために，昔発表したものを改めて読んでみた．カーソルについては論じていないけど，GUI が担っている思想的背景みたいなものを自分がどのようにまとめたかを確認できた．このときは「カーソル」という存在をまったく見落としていたので，ここからどうカーソルと関係させていくか． -- イメージ操作シンボル View more presentations from Masanori MIzuno . インターフェイス再考：アラン・ケイ「イメージを操作してシンボルを作る」は何を意味するのか． １．はじめに アラン・ケイが提唱したスローガン「イメージを操作してシンボルを作る [Doing with images makes symbols] 1 」は，現在のグラフィカル・ユーザ・インターフェイス（GUI）につながるアイデアを簡潔に表現し，GUI の開発に大きな影響力をもった．ケイのスローガンは，ヒトとコンピュータとのコミュニケーションをどのように変えたのであろうか．現在，世界中に，GUI を実装したコンピュータは数えきれないほどあり，私たちはそれを使って日々の作業を行っていることから，ヒトとコンピュータの関係の変化は，ヒトのコミュニケーションそのものへも影響を与えているのではないだろうか．本論考では，上記のことを考えるために，まずは，一般化した GUI がどのような影響をもっているのかを確認するために，東浩紀とシェリー・タークルの議論を考察する．次に，ケイが，どのような影響のもとで，上記のスローガンを掲げるに至ったのかを明らかにする．最後に，スペルベルとウィルソンの「関連性理論」を参照して，GUI が私たちに提示したコミュニケーションの手段を考える． ２．インターフェイス的主体とブリコラージュの再評価 哲学者の東浩紀は，『サイバースペースはなぜそう呼ばれるのか』の中で，現在のユーザ・インターフェイスの主流を占めている GUI について興味深い議論をしている．東は，ジャック・ラカンとスラヴォイ・ジジェクの精神分析の理論をもとにして，シェリー・タークルが1990年代のコンピュータ文化を特徴づけるために用いた「at interface va...
続きを読む

「非-用具的道具」？

A Demonstration of the Transition from Ready-to-Hand to Unready-to-Hand Dobromir G. Dotov, Lin Nie, Anthony Chemero を読んでみた．この論文についての解説は， 「コンピューターと自分は一体」：実験で検証  で読めますが引用してみる． Chemero氏の研究成果は，3月9日(米国時間)付でオープンアクセス誌『PLoS ONE』に掲載された．この実験は，ドイツの哲学者マルティン・ハイデッガーの基本概念の1つを検証する目的で行なわれた． 人間は，扱い慣れた，正しく機能している道具については特別に意識せず，道具の向こうを「透かし見る」ようにして，目の前の課題に意識を向けるものだ，とハイデッガーは唱えた．それはちょうど，靴ひもを結ぶのにいちいち自分の指を意識しないのと同じ理屈だ．すなわち，道具はわれわれ自身なのだと． この概念，「用具的」[他には「道具的」「手許的(性)」「用存的」など．英語では「ready-to-hand」＝手の届くところにあること．ドイツ語では「zuhanden」]と呼ばれ，人工知能や認知科学の研究に影響を及ぼしてきたが，これまでこの概念が直接検証されたことはなかった． ということらしい．検証されたかどうかは別にして，自分の関心のあるところを少し書いてみることにしたい．ハイデガーは道具の例としてハンマーというモノを出しているのだけれど，この論文ではマウスとカーソルとでひとつの「道具」を作って実験している．論文の著者たちは次のように，この「道具」のつながりを書いている． ハイデガーの例とアナロジーを示すと，マウスはハンマーの柄の役割をし，スクリーン上のポインターはハンマーの打撃面と同じような役割をする．[ To make an analogy to Heidegger’s example, here the mouse plays the role of the handle and the on- screen pointer figure plays a role similar to that of the hammer striking face. ] このアナロジーは妥当なんだろうか．マウスがハンマーの柄であることはい...
続きを読む

メディアアート概論（2025年度水野担当分）の授業資料

女子美術大学 の首藤圭介さんに声かけてもらって、 茅ヶ崎市美術館 の藤川悠さんと3人で「メディアアート概論」の授業を今年度もしました。 昨年度 同様、私の担当分は5回でしたが、今年は構成を変えました。担当回の最初に、谷口暁彦さんの《parallax》（2021）を見てもらって、その感想・コメントを書いてもらいました。その後、メディアアートを考える基礎的な事象を「視界・リンク・仮想空間」というキーワードで示して、最後に改めて、谷口さんの《parallax》を見てもらって、感想・コメントをかてもらうという構成にしました。このようにした理由は、以下のものです。こちらは授業資料から引用です。 「作品を作って、終わり／作品を見て、終わり」と、私たちは「作品体験」を一つのブロックとして完結させて考えがちです。しかし、そうではなくて、作品を作って、見て、考えて、次の作品を作って、見てという延々と続いていくプロセスの中で、私たちの考えは常に変化しています。この授業では、その変化を捉えたいと思っています。特に、「批評」「考察」といった言語がそのプロセスにおいて、どのような役割を持つのかということを、皆さんに考えてもらう機会が提供できたらと考えています。 最終回での学生のコメント、そして、水野担当回全体への学生のコメントを読んでいると、多くの学生が作品の感じ方、考察に仕方が変わったと書いてくれていました。試みは成功したと、自分では思っています。 メディアアート概論（2025年度水野担当分）の授業資料 https://mmmmm-mmmmm.notion.site/2b3a1dc0748180949db4d8d183a40414?v=2b3a1dc074818070887d000c4a1246c0&source=copy_link 授業資料をAIを積極的に使いながら、アップデートしてみました。昨年度よりは、わかりやすくなっていると思います。また、学生のコメント部分は削除しています。
続きを読む

スケッチパッドで描く、ふたつの手（１）

１．記録映像に映るふたつの手 ひとつの動画ファイルがある．そのファイルを再生すると，1962年の夏に撮影されたアイヴァン・サザーランドが開発したシステム「スケッチパッド」の映像が，グラフィカル・ユーザ・インターフェイスの基礎を築いたアラン・ケイによる説明とともに映し出される．そこでは黒い画面に白い線が，ペンで描かれていく．ケイが紹介していることからも，このスケッチパッドが，コンピュータの歴史の中で大きな影響力を持っていることが伺えるが，実は，このシステムに実際に触れた人はごく限られている．アラン・ブラックウェルとケリー・ローデンは，サザーランドの博士論文の電子版の前文で，スケッチパッドは，マサチューセッツ工科大学（MIT）のリンカーン研究所でカスタマイズされたマシン，TX-2 でしか動かなかったので，その影響力は，論文と使用状況を撮影したこの記録映像によって広まったと書いている 1 ． その記録映像には，ディスプレイ横にあるボタンを押す手とディスプレイにライトペンと呼ばれるペンで線を描いていく手が映っている．また，これらふたつの手がまったく映っていないときに，白い線が規則的に動くということも記録されている．描く手を必要とせずに線が動いているのであるが，その線の動きには摩擦や空気抵抗が感じられない．そして，この摩擦や抵抗のなさは，ライトペンで線を描いている際にも同様にみることができる．今から，40年以上も前に撮影され，サザーランドのアイディアを多くの人に伝え，スケッチパッドを「個人によって書かれた最も影響力のあるコンピュータ・プログラム 2 」という地位にまで押し上げたこの映像は，何を示しているのであろうか． 私は，以前，スケッチパッドが「変換」という原理でイメージを生み出す装置であることを示した 3 ．それは「痕跡」との一致という原理を逃れたイメージを描けるということである．この映像で，手が全く映し出されていないときに線が規則的に動くという，ある意味，マジックとも言えるようなシーンは，そのことを示している．このマジックは，後にケイが「最初のコンピュータ・グラフィックス・プログラムだということばかりでなく，スケッチパッドにはすばらしい面がたくさんあった．単に何かを描くための道具でなく，常に正しい法則に従って描くプログラムだったね．スケッチパッドで正方形を描こ...
続きを読む

ペンからマウスへ：ヒトとコンピュータとの共進化

スケッチパッドを開発した二年後の1965年に，サザーランドは「究極のディスプレイ」という論文を書いている．このテキストの後半部分は，ヴァーチャル・リアリティの登場を予言したものとして有名なのだが，前半部分には，コンピュータと向き合う際に必要とされるヒトの行為と当時の入力デバイスの状況が書かれている．2-45) サザーランドは，安価で，信頼性もあり，電送可能な信号を容易に発生させられることから，タイプライターのキーボードがコンピュータの入力の装置の基本となっていることを指摘する．2-46) さらに，キーボードがインターフェイスの基本となるにちがいないので，ユーザはタッチタイプを習得しなければならないという予言までしている．そして，その他の入力デバイスとして，スケッチパッドで用いたライトペンと，ランド社が開発したタブレットを挙げ，この二つのデバイスは，ディスプレイ上の対象を選択することと，コンピュータで何かを描くことを行うのにとても便利だと書いている．2-47) ここで，サザーランドは選択行為と描く行為を遂行するための道具としてライトペンとタブレットを挙げているのであるが，コンピュータのプログラムで一番必要とされるのは，ヒトがディスプレイのどこを指さしているのかを知ることであると指摘する．2-48) 描く行為が，ディスプレイ上の点を指さすという選択行為によって構成されていることを，サザーランドは認識していた．この認識を持ちながらも，サザーランドは，選択行為を描く行為で遂行するという方向でスケッチパッドを開発し，行為を遂行する形式に，「ペン」で「紙」に向かって描く行為を踏襲したものを採用した．スケッチパッドが描く行為の形式を採用していることに関して，ティエリー・バーディニは興味深い指摘をしている． スケッチパッドのスタイラスは，ユーザーの手と目を画面上の表示と結びつけた．ペンは，杖の先の目と画面上のペンという，両方の役目を果たしていたと言える．したがってこれは，電信技術からタイプライターまで，目で見たものから手でやることを切り離すように進んできた入出力技術の歴史の趨勢を逆転させるものだった．2-49) ここで注目したいのは，バーディニが，スケッチパッドでは，行為を遂行する面とイメージを表示する面が同一なのに対して，タイプライターではそれぞれが切り離されて別...
続きを読む

デジタルな現象をそのまま扱うということは，モダニズム的な態度

ucnvさんとのトークで「アーティ・ヴィアーカントの画像はそこにあったものをそのまま映していて，そこで生成されているわけではない」というようなことをucnvさんが言ったことがずっと気になっている． ヴィアーカントのイメージオブジェクト で展示の記録として撮影された画像は，そこで起こっている現象をそのまま記録している．もちろん3次元を2次元に変換するときの欠損はあるけれども，それでもそこで起こっている現象をそのまま記録している． その後，Photoshopでその画像が加工される．このときヴィアーカントはスタンプツールを主に使って，その展示会場で一度記録された色情報以外のものを使っていないということを，ucnvさんの指摘で気付かされた．これはとても大切なことような気がしている．展示空間を記録して，それを加工しているというのはこれまでの写真の見方で，ヴィアーカントは展示空間をスキャン＝撮影して，デジタル化して，色情報が集積された平面にしていて，そこにもともとある色情報のみを使うことをルールにしているのかもしれない．スキャンというデジタルの現象をそのまま扱う．そこで生まれた情報のみを扱うという感じだろうか．スキャンによって空間を色情報をもった平面＝テクスチャに変換する．そこでは空間や作品画像といった区別はなくなり，すべてが色情報になる．ただ，そこにあるもの以外は使えない．一度のスキャンという現象でうまれる情報だけを扱うこと． 「Vacant Room」での360度写真で感じたことは，見えない部分が生まれるということ．それは一度では見ることがなくなる．「フレームの外」が生まれること．現実も視点からしょうじる視界フレームによって「フレームの外」が生まれる．写真は「フレームの外」をなくして，「フレームの中」だけにする．360度画像には「フレームの外」がある．この感じが，空間をスキャンして色情報として「フレームの中」に閉じ込めるヴィアーカントのイメージオブジェクトと似ている． 「フレームの外」を感じさせる「Vacant Room」と「フレームの中」だけの「イメージオブジェクト」が似ているというはどういうことか．似ているというよりも，それが両立し得るのがデジタルという現象なのではないか．「Vacant Room」のとなりに「イメージオブジェクト」があっても，...
続きを読む

インスタグラムの設定にある「元の写真を保存」について

インスタグラム の設定にある「元の写真を保存」，英語だと「Save Original Photos」という項目が気になる．デフォルトだと「オン」になっているので撮影した写真にフィルターをかけたものと「元の写真」が残ることになる．「オフ」にするとフィルターをかけた写真しか残らない．設定で「オリジナル」が消去される．ここには「オリジナル」という言葉が「軽く」扱われるというか，それが「設定」のひとつの項目になったんだという感じがある． http://en.wikipedia.org/wiki/File:Instagram_versione_(santa_fiora,_peschiera).jpg 「オリジナル」は消去されるが，フィルターをかけた写真は残る．オリジナルが消えているのだから，フィルターをかけたものが「オリジナル」となるのだろうか？　「オリジナル」かどうかというよりも，「インスタグラムらしさ」ということが重要なのかもしれない． この前のトークで ，ラファエル・ローゼンダールがウェブ上の自分の作品に「これがオリジナル！」という意味では「オリジナルはない」ということを言っていたが，インスタグラムという代表的な写真アプリの設定項目を見てみても，ポスト・インターネットという状況では「オリジナル」という言葉を取り巻く環境が変化していることは間違いない．
続きを読む

デスクトップ・メタファーと「ディスプレイ行為」　

ここで，デスクトップ・メタファーが生み出されたパロアルト研究所に考察の対象を移したい．なぜなら，この研究所において，ディスプレイ上の対象物を指さすための道具であったマウスに，次々に新たな行為が付け加えられることになるからである． パロアルト研究所では，1973年に，アルト（図4-4）と呼ばれるシステムが開発された．アルトは，アラン・ケイや，バトラー・ランプソン，チャールズ・サッカーが中心となって開発された実験的なワークステーションであり，その大きな特徴は，ディスプレイ上のピクセルがメインメモリのビットに対応するビットマップ方式を採用していたことである．この決定は，ヒトが環境の情報を最も捉えることができる視覚を重視したインターフェイスを提供することが，マシンとソフトウェアの最大の目的であるという開発者たちの認識から導かれたものであった．そして，アルトのインターフェイスでもうひとつ重要なことは，ポインティング・デバイスとして，マウスが採用されたことである．当時，マウスは，入力デバイスとしては馴染みの薄いものであったが，スチュワート・カードによる実験によって，マウスが，ディスプレイ上の対象を指示するのに最も適したデバイスということになり，標準装備されることになった．4-42) 視覚重視の考えと，ヒトの手の原初的な感覚をコンピュータに持ち込むマウスという道具が，アルトというワークステーションで出会うことになる．     図4-4 ゼロックス社 アルト 視覚重視のアルトは，ディスプレイ上のイメージを自由に表示することができた．このことは，ディスプレイ上のイメージが示すアフォーダンスの直接的な知覚に基づく指さし選択行為とマウスとの関係に影響を与えた． エンゲルバートのシステムでは，マウス・カーソルのイメージは，単なる点であった．しかし，アルトでは，カーソルの形は，矢印（→）になる．カーソルの形が，矢印ではなく点であっても，ディスプレイ上のイメージを指さす選択行為を遂行することはできる．では，なぜ形が変わったのか．それは，ディスプレイ上のイメージを自由に表示できるようになっために，指さし選択行為の遂行に，より適したアフォーダンスを示すイメージを表示するようになったと考えることができる． ここでは，身体的行為を導くアフォーダンスとディスプレイ...
続きを読む

日本映像学会第51回大会での発表：VR体験をしているマウスにとっての映像とは何なのか

神戸大学で開催された日本映像学会第51回大会で「VR体験をしているマウスにとっての映像とは何なのか」という発表をしました。発表資料の最後に「この研究はJSPS科研費 23H00579 （モアザンヒューマンの美学――動物論的転回以降の感性論的可能性）の助成を受けたものです」と記したように、私はここ3年、動物が何かしらのインターフェイス関連の体験をしている題材を探していました。そこで見つけたのが、マウスがHMDをつけられてVR体験をする研究です。3年の科研の2年目の終わりで、マウスVR研究を見つけました🐭🥽🥸　セーフ！　 これでやっと科研の研究が進められると思ったものの、研究をどうすれば進められるかと、トマス・ネーゲルの『コウモリであるとはどのようなことか』を読みましたが、主観的体験についての限界を知って、頭を抱えるだけでした。それでも、どうにか発表の形にまとめられました。 今回の発表準備での変化は、NotionAIの半額オファーが来ていたので、契約して、AIを積極的に使ったことです。無制限にAIを使いながら、研究を進めました。ある程度、発表資料を書いたら、「発表資料のいい点と改善点を教えて」と聞いて、いい点を読んで「いけるぞ！」と思って気分を上げた後で、改善点で「おー、確かに」と頷きながら、自分で改善したり、AIに具体的に改善してもらったりしました。途中から、Notion AIだけでなく、比較も兼ねて、契約についてきたClaud、chatGPT、Geminiも使って、それらと対話を重ねながら、発表資料をまとめていきました👾 私はアイデアを勢いで書いたあとで、アイデア同士を接続していくのが苦手なのですが、生成AIたちはそこが得意みたいで、「そうやって、アイデアをつないでいくんだ」と感心することが多かったです。 使ってみたAIで発表資料に対する的確なコメントをくれたのは、GoogleのGeminiの2,5 Proでした。同じくGoogleのNotebookLMも良かったです。特に、Geminiが発表資料をもとに書いた論文を、NotebookLMにポッドキャストにしてもらったものはおもしろかったです。発表前に流していたら、会場で笑いが起こりました。 今回の発表は、一方で、マウスという主観的体験を推測するしかない存在を扱いながら、もう一方で、インターネットにあげてきた...
続きを読む