ÉKRITS連載_インターフェイスからサーフェイスへ — スキューモーフィズム再考 - インターフェイスを読む #4


エクリでの連載「インターフェイスを読む」の第4回目「インターフェイスからサーフェイスへ — スキューモーフィズム再考」が公開されました．今回「読む」のは，副題にもあるように「スキューモーフィズム」です．

スキューモーフィズムをデスクトップメタファーからフラットデザイン・マテリアルデザインへのつなぎと考えるのではなく，「物理世界の表皮」として考えみたらどうなるだろうかと書いています．そして，スキューモーフィズムとともにスマートフォン📱という薄い板が物理世界とヒトとのあいだに入ってきており🤳，ヒトとコンピュータとのあいだにあるものが「インターフェイス🖥🖱⌨️」ではなく，単に「サーフェイス🏁」となって，ヒトとコンピュータと物理世界とが重なり合って，その重なりにおいて行為🙌が反射（リフレクション）✨するようになっているのではないか，ということを書いています．

連載1, 2回目が「✋🤚」，3回目は「👀」ときて，今回は「🏁」における反射✨からヒトとコンピュータとのあいだの行為を考えるテキストになっています．

よろしくお願いします🏁✨🤳

このブログの人気の投稿

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

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

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

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

2025年の振り返り🥸🦆

2 025年はこの投稿を含めて12本の記事を書いています。2024年が12本なので、同じ数ですね。ちなみに note には37本 の記事を書いています。そのほか、2024年からずっとしずかなところで、毎日テキストを書くようにしていて、2025年終了までに589本の記事が上がると思います。こちらにテキストを書いて，noteにまとめるという流れが出てきたので、noteの投稿が増えていて、毎週投稿できるようになっています。 2025年は2月に授業資料をあげるところからスタートしています．愛知県立芸術大学でやっている「メディア映像史」で私が担当している5回分の授業資料をアップしました。2年目になる女子美術大学で「メディアアート概論」の5回分も投稿していますね。 メディア映像史 （2025年度水野担当分）の授業資料 メディアアート概論（2025年度水野担当分）の授業資料 女子美のメディアアート概論の授業は「プロセスの中での変化を捉える」という方法論を、授業設計として実装したものだと思います。2025年にAIとともにレビューを書きながら考えてきたことが、学生に教えることを通じて形になったような気がします。そしてAIを使って授業資料をアップデートしたことや、授業で学生の前でAIを使うことも、一つの変化だったかな。 そして、メディア映像史の授業資料はカーソルと身体とコンピュータの関係から考えたことが残っている気がします。「1つの私と複数の世界の現れ」があって、それらをリンクするメディウムとしてコンピュータが機能している。そして、コンピュータを操作するのは、もはや「私だけ」ではないということを、私は2025年に強く実感するようになっています。カーソルを操作するのは、私だけでなく、AIエージェントもするよね。 自分の大学で担当している「メディアアート論」の授業資料はあげ忘れていますね。2024年度も上げていないので、過去の自分が何か考えたかな。来年度は上げるようにしよう。 2月には、私も運営委員になっているけど、難波阿丹さんが色々とやってくれている日本映像学会の「 映像身体論研究会」 で「『ポストインターネットにおいて，否応なしに重なり合っていく世界』から考えていること」という発表をしました。 7年前の論文を紹介するという奇妙な体験でした。難波さんのお父さんである 難波和彦さんが発表終...
続きを読む

「非-用具的道具」？

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. ] このアナロジーは妥当なんだろうか．マウスがハンマーの柄であることはい...
続きを読む

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

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

アーティ・ヴィアーカント，デジタルネイティブ・アーティスト？

自分のことは 「ネットアーティスト」ではないと言い，自らの作品を語るときに「ニューメディア」という言葉を使わないアーティ・ヴィアーカント．そんな彼は「デジタルアーティスト」「デジタルネイティブ・アーティスト」と雑誌やウェブで紹介され，作品は「ソフトウェアによるアート」と呼ばれたりする． こういったところに，インターネットが当たり前になった世代と，インターネットを特別だと思う世代のちがいを見ることができるかな．そんなアーティの紹介をしようと思ったのだけれど，イマイチ上手く書けそうもないので，講義で使ったノートから転載． −− イメージ・オブジェクト アーティストの アーティ・ヴィアーカント （1986-）が提唱 The Image Object Post-Internet （11ページのテキスト） ポスト・インターネット文化におけるイメージとオブジェクトの現代的関係に対してのアートからの提案と批評 ポスト・インターネットとは，遍在する作家性，評価経済の発展，ネットワーク文化の物理空間の崩壊，デジタルマテリアルによる無限の再生産と可変性によって定義される． 「イメージ ・オブジェクト」は実際に展示会場の壁面に設置されたレリーフ状の彫刻と，それを撮影し，画像編集ソフトで編集／改変したいくつかの画像のバリエーションから構成される作品だ．（from ポスト・インターネット会議） Artie Vierkant の展示に対するBrian Droitcour のテキスト：Photo Op (artforum_march2012) 言説・思想ではなくソフトウェアによるアート 「デスクトップ」「ウィンドウ」というメタファーを超えて，インターフェイスの裏側のテクノロジーのロジックへ． L Magagine： 知っておくべき５人のアーティスト に選ばれる デジタル・アーティスト オンライン・オフラインで作品が見られることを意識 インターネットで誰でも作品を見ることができて，保存することもできて，どこにでも再投稿できることに興味がある プレ・プロダクション，プロダクション，ポスト・プロダクションの区別はない 自分は「 ネット・アーティスト 」ではない IMAGE OBJECT at Foxy Production デ...
続きを読む

マジック・メモ：行為＝痕跡＝イメージの解体可能性

フロイトは，自らの記憶と知覚のメカニズムに関する仮説のために，当時，売り出されていた玩具である，マジック・メモという装置を取りあげた．その理由は，この装置のイメージを表示する表面が，「いつでも新たな受け入れ能力を提供すると同時に，記録したメモの持続的な痕跡を維持するという二つの能力を備えている」2-11) からであった．フロイトは，「情報を無限に受け入れる能力と，持続的な痕跡の保存は，互いに排除しあう特性」2-12) と考えていたが，マジック・メモは，その相反する能力を同時に実現する装置であり，その構造は，次のように記されている． このマジック・メモは，暗褐色の合成樹脂あるいはワックスのボードに，厚紙の縁をつけたものである．ボードの上を一枚の透明なカバー・シートが覆っていて，その上端がボードに固定されている．このカバー・シートは，固定されている部分を除いて，ボードから離れている．この小さな装置でもっとも興味深いのは，このカバー・シートの部分である．このカバー・シートは二枚のシートで構成され，シートは二カ所の末端部分を除くと，互いに離すことができる．上のシートは透明なセルロイドである．下のシートは半透明の薄いパラフィン紙である．この装置を使用しない時にはパラフィン紙の下の面は，ワックス・ボードの上の表面に軽く粘着している．2-13) ここから，マジック・メモについてわかることは，大きく分けて，ワックス・ボードとカバー・シートという二つの部分から，この装置が構成されているということである．そして，カバー・シートは，透明なセルロイドの層と半透明の薄いパラフィン紙から構成されているので，全体としては，三層構造の装置ということになる．フロイトは，次に，この装置を使用するプロセスを詳細に述べている． このマジック・メモを使う際には，ボードを覆ったカバー・シートのセルロイドのシートの部分にメモを書く．そのためには鉛筆もチョークも不要である．受け入れ表面の上になにか物質を沈着させて記録を残すのではないからである．マジック・メモは，古代において粘土板や鑞盤に記録したのと同じ方式を採用しているのであり，尖筆のようなもので表面を引っ掻くと，表面がへこみ，これが「記録」となるのである．マジック・メモではこの引っ掻く動作は直接行われるのではなく，ボードを覆った二枚のシートを介して行われる...
続きを読む

メタファーと身体の関係

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

各世代の動きをとめてしまう「ベタさ」でしか「インターネットおじさん」を考えることができない

中川康雄さんの「 インターネットおじさんとデジタルネイティブ第二世代との間に横たわるもの 〜ポスト・インターネットと世代論 〜 」がとても興味深かったので，それに乗っかって「インターネットおじさん」について書こうと思ったのだけれど，上のテキストにすべて言われている感じがして頭真っ白状態です． 中川さんのテキストで，世代の同期のエッジにインターネットおじさんがいて，世代間の「イミグラント」性がインターネットおじさんを「おじさん」にしていると指摘しているところは，「そうだったのか！」と思わず膝を打ったところ． 僕は1977年生まれだから，デジタル・ネイティブではなくて，インターネットの第一世代よりも少し下のような感じ．その視点から上のテキストとは異なることを考えようとするインターネットおじさんの「身体」の強さとかいういかにも的な枠組みしか出てこない．それでは「インターネットおじさん」をつまらなくしてしまうという感じがする． エッジで同期するリアルな身体としての「インターネットおじさん」．これはもう言われている．これだけでもういい感じがすると思っているなかで粘ってみていると，「白タイツ」という衣装が肝なんではないかと思った．なぜに「白タイツ」．白タイツゆえに強調される身体と言ってしまうと，「身体性」といったベタな話しなってしまう．白タイツゆえに消える「身体性」というのもベタか．結局，「インターネットおじさん」に関してベタな捉え方しかできないというところが，僕の限界なのでしょう．世代間の同期を考えようとしてそのズレを認識できずに，各世代の動きをとめてしまう「ベタさ」でしか「インターネットおじさん」を考えることができない． 開き直って，こうした「ベタさ」から「インターネットおじさん」って生まれたのではないのかなと仮定してみる．インターネットにおける複数の世代のあいだで強制的に同期をとるためにリアルな身体を「ベタ」に導入した結果，その思惑通りに世代間のズレを停止させる「インターネットおじさん」が生まれたと考えてみる．ここでの「おじさん」は中川さんが指摘しているようなイミグラント性をもつものではなく，単に親戚や地域の「おじさん」のようなリアルな身体をもつという意味でしかないです（こういったところに出てくる「身体」，困ったときの「身体（性）」です）．そのリアル...
続きを読む

出張報告書_20150212−0215　あるいは，アスキーアート写経について

12日は六本木の東京ミッドタウン・デザインハブに行き「 デジタルメディアと日本のグラフィックデザイン その過去と未来 」を見た．展示は「現在までのデジタルメディアとグラフィックデザインの関係を，プレデジタルメディアの時代（70年代以前），CGの時代（80年代），マルチメディアの時代（90年代），ウェブ広告の時代（00年代）に分け，コンピュータを道具ではなく環境として、あるいは素材として制作された先駆的な作品を集め」たものであった．展示方法で興味深かったのは，記録映像や紙媒体での展示ではなく，発表当時のコンピュータを使って作品が体験できるようになっていたことである．また，各時代のキーパーソンのインタビューも行われていて，その映像も視聴できた．時間の都合で，CGの時代の藤幡正樹，ウェブ広告の時代の田中良治のインタビューしか視聴することができなかったが，コンピュータとともに表現の領域を切り開いてきたふたりの言葉はとても示唆に満ちたものであった．藤幡がコンピュータのアルゴリズムに美を見つけていたのに対して，田中はコンピュータをインターネットにつなぐための道具と見なしていた．このコンピュータに対する感覚のちがい，それはまたインターネットという環境に対するちがいでもあるものは，とても興味深いものであった． 13日は午前中に六本木の国立新美術館に「 第19回メディア芸術祭 」を見に行った．アート部門の大賞作品はCHUNG Waiching Bryanによる《 50 . Shades of Grey 》で，これは様々なプログラミング言語で50段階の灰色のグラデーションの画像を制作したものである．ここでのメインは50段階の灰色のグラデーションの画像ではなく，それを生み出すプログラミン言語である．同一画像であっても，プログラミン言語によってその記述方法は全く異なる．全く異なる記述から同一の画像が生みだされるのも興味深いことであったけれど，この作品の展示で一番興味があったのは額装された6つの「プログラミン言語」の横にそれぞれつけられた作者の「思い出」である．そこにはそれぞれのプログラミン言語に対して，CHUNG Waiching Bryanがいつ，どのようにそれを学んだのか，その言語を最後に使ったのはいつかなどが書かれていた．私はほとんどのプログラミン言語を理解することはできなかった...
続きを読む