メモ：流体のキャンバスとスケッチパッド

composition & the browser
ラファエル・ローゼンダールがブラウザの枠が可変であることから「流体のキャンパス」と言っていたことが気になっていて，でもそれは別にブラウザ特有のことではなくて，GUIのウィンドウに備わっている特性であるのではないかということを考えてたら，アイヴァン・サザーランドがつくった「スケッチパッド」のときからキャンバスはガスのように自由自在に拡大縮小され，移動されていたなと思ったのであった．なので，「流体・ガス」のような表現・オブジェクトというのはコンピュータに特有なものなのだろうと考えるに至った．「流体・ガス」をコンピュータ「メディア」特性と考え，そこに合致した画像形式としてベクター画像にこだわると明確に述べるラファエル・ローゼンダールはやはりおもしろい．

このブログの人気の投稿

サマーウォーズ：身体とアバターのデザイン（１）

ようこそOZの世界へ OZは，世界中の人々が集い， 楽しむことができるインターネット上の仮想世界です． アクセスはお持ちのパソコン，携帯電話，テレビなどから簡単に行えます． では，これからOZの世界を体験してみましょう． グレーゴルの苦悩とOZの楽しさ 「OZ」は，映画「サマーウォーズ」に登場したひとつの仮想世界です．OZに住むためにはアカウントを登録して，自分の分身となるアバターを設定する必要があります．OZの説明では次のように言われています．「まずはあなた自身のアバターを設定しましょう．アバターとはOZ上でのあなたの分身です．服，ヘアスタイル，尻尾などあなたの思うままに着せ替えできます．かわいいアバターができましたね」この説明とともに，画面上でははじめに白いヒト型のアバターが提示されて，それを頭，胴体，足といった順番で自分の好きなかたちにしていく様子が描かれています．ここで行われているのは，仮想世界上での自分を作ることであり，それは自らの身体をデザインすることでもあります．自分の身体をデザインするとは少しおかしな感じです．持って生まれた身体ではなく，ゼロから自分の身体を作る機会をもつことは，今までなかったことです．けれど，自分の身体をヒトのかたちではないものも含めて，自由にデザインすることが許されているのが，OZであり，仮想世界なのです．そこでは，好きな動物にもなれるし，空想上の何かになることもできます． 何にでもなれてしまう．とてもいい感じです．しかし，ここでちょっと考えてみましょう．自分の身体が自分以外というか，ヒトのかたちではなくなるというのは，どうゆうことなのでしょうか．例えば，チェコの作家フランツ・カフカは『変身』という短編小説を書きました．小説の書き出しはこうです． ある朝，不安な夢から目を覚ますと，グレーゴル・ザムザは，自分がベッドのなかで馬鹿でかい虫に変わっているのに気がついた．甲羅みたいに固い背中をして，あおむけに寝ている．頭をちょっともちあげてみると，アーチ状に段々になった，ドームのような茶色の腹が見える．その腹のてっぺんには毛布が，ずり落ちそうになりながら，なんとかひっかかっている．図体のわりにはみじめなほど細い，たくさんの脚が，目の前でむなしくわなわなと揺れている．(p.32)  ...
続きを読む

サマーウォーズ：身体とアバターのデザイン（３）

ポストシンボリックコミュニケーション 最後にOZのアバターのもうひとつの可能性を考えてみたいと思います．それは「コミュニケーション」についてです．今までの考察で暗黙に前提にしていたことがあります，それは今では多くの人が「インターフェイスの非対称性」を自分の感覚として持っているということです．作品のなかでも，若い人に限らず，老若男女誰もがOZにログインして，アバターを操作している．そして，作品を見ている人も特に何の違和感もなく「OZのアバター」といったものを受け入れられるし，それについて考えるもことができる．つまり，ゲームやコンピュータの体験：「インターフェイスの非対称性」が一般化した今だからこそ，サマーウォーズという作品は生まれたのです．このことの意味はしっかりと考える必要があります．次の引用は，マリオの生みの親として有名な任天堂の宮本茂さんの対談での細田さんの発言です． 細田　本当に，その社会情勢がもたらしたのがあの映画の設定だったと思うんです．そうじゃなければ，とてもああいう設定で普通の人が活躍するってことはできなかったと思いますね．アクション映画はやっぱり，特別な人が活躍するものみたいな部分があって．『マトリックス』じゃないけど，「キミは選ばれし人だ」とか言われないと活躍できない．でも，DSがこれだけ広まっているという世界的な状況があれば，DSや携帯も含めてそこからアクセスできる身近な道具を使うことによって，普通の人でも活躍できるアクション映画が成り立つんじゃないかと．(p.169)  「PLUS MADHOUSE 03：細田守」キネマ旬報社，2009年 ゲームやコンピュータが当たり前の存在となって，選ばれた誰かがヒーローになるのではなく，誰もがヒーローになれる作品が生まれた，というふたりの話はとても興味深いです．では，誰もがヒーローになれる作品の舞台になっているOZについて改めて考えてみたいと思います． 細田監督作品の特徴と言われる記号的表現．その効用のひとつが，色や形態などを単純化する記号を使うことで，表現にある種のスピード感が得られることだ．単純化とは表現力に制限を加えることだが，その反面，視認性がアップする．たとえばその性質は交通標識などによく現われていて，標識に向かい合った人間はその表示内容にすぐさま反応することが求めら...
続きを読む

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

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

画面分割と認知に関するメモ

画面分割についてのスライドを作っていて，アメリカのドラマ「24」が初期のころはよく画面分割を使って緊迫感をだしていたのに，その手法が徐々に使われなくなっていたことを Wikipedia で知る． なぜだろうと思いつつ，マイク・フィグスの「 時代×４ [About Time 2] 」を見る．これは４分割された画面で同時に物語が進んでいく短編映画で，「 10 Minutes Older 」というオムニバスの映画のひとつである． 画面を４分割して，物語で進んでいくと，段々のそこで起こっていること全てを認知することが難しくなり，認知限界を超えることを実感した．「24」は，リアルタイムという軸があるから，ために画面が分割されても，それは空間的に離れているところで「同時に」物事が起こっていることを示すために有効だが，そこで「リアルタイム」という軸が外れてしまうと，見ているヒトは分割された画面の関係性が分からなくなってしまうのではないだろうか．そこで，「24」で画面分割が使われなくなったことには，認知限界が関係しているのではということを考えた． 24 時代×４[About Time 2] レフ・マノヴィッチが画面分割はユーザ・インターフェイスの「GUI」からの影響であると指摘している．「ひとつのスクリーンにひとつのイメージ」というのが画面構成の論理であったが， GUI を構成する要素であるビットマップ方式のディスプレイがこの論理を破綻させたと，マノヴィッチは考えている．ビットマップ以前に，映画では電話をかける場面などで画面分割を行っていたが，大々的には行われていなかったとはいえるので，マノヴィッチの指摘には賛成である．そして，画面分割を「空間的モンタージュ」と呼び，これまでの「時間的モンタージュ」に変わるものだとし，「空間的モンタージュ」は，GUI の画面を占拠して，そこでは何も消えることがない「記憶」の場として機能していると，マノビッチは考える． my desktop マルチウィンドウシステムにもつながる，パーソナル・コンピュータの大元のアイデアであるヴァネバー・ブッシュのメメックスは２画面を備えた装置として描かれている．メメックスは増大する情報量に対処するために作られた装置であった．ブッシュは膨大な情報に対するヒトの認知限界を考え，メメックスを開発...
続きを読む

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

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

［GIF］ボタンに納得がいかない

iPhoneのtumblr公式アプリには［GIF］ボタンがある．こんな感じのやつ．これがとても気になる． ［GIF］ボタン この［GIF］ボタンを押さないと，アニメーションが再生されない．GIFアニメーションが勝手に再生されないから，ちょっと調子が狂う．ひと目で「GIF」だということはわかるけれども，勝手に「再生」されないというか動いていないので，［GIF］ボタンをタッチしてようやくアニメーションを楽しむことができる． GIFアニメーション以外の動画には［▷］ボタンがついている． ［▷］ボタン GIFアニメーションは他の動画とは「違う」ことになるが，ボタンを押さないと「動画」を楽しめないという点では同じになっている．GIFアニメーションは［GIF］ボタンを押すとその場で「再生」されるのに対して，他の動画はページが遷移する． その場で動くGIFアニメ 画面遷移 その場で動くから［GIF］ボタンにしたのかもしれないし，ボタンを押した後は短い映像が延々とループするから，YouTubeに上がっている映像などとは区別したかったのかもしれないけれど，GIFアニメーションを見るためにいちいちボタンを押すのは，なんか納得がいかない．GIFアニメは画面に現れた時点で，有無をいわさず動いていて，それも延々とループしていてなんとなくウザイ感じがいいのに，再生のためにユーザにお伺いを立てるGIFアニメーションなんて，GIFじゃない． しかし，tumblrはなぜに［GIF］ボタンを設置したのか？　素人考えでは，iPhoneの限られた処理能力をやりくりするためだとは思うけれど，もっと深遠な理由があるのかもしれない．なんといってもtumblrである．画像流通に関して大きな変革を遂行しているともいえるtumblrが，なぜにGIFボタンを設置したのか．あまりにもGIFアニメがウザイとクレームが来たのか．それとも「動画」としてカテゴライズさせたかったのか，そうだとするとなぜ［▷］ボタンにしないかったのか．［▷］を押して，GIFアニメーションだったときのガッカリ感を軽減するためのなのか． tumblrのダッシュボードを流れてくるGIFアニメーション．パソコンで見るときには，流れてきて画面内に入ってきた時には，既に再生・ループしている．ちょっと...
続きを読む

矢印の自立

The World's Biggest Signpost from adghost on Vimeo . ノキアのナビゲーションサービスのプロモーションのためにつくられた巨大な矢印．携帯から位置情報を送ると，矢印が動いてその方向を指すもの．情報を送った人は，矢印の先に何があるかも想像することができるので何を指しているかわかるけれども，多くの人は，そこに流れるメッセージを読んだとしてもこの矢印の先にあるモノを想像できないなのではないだろうか．でも，矢印の方向に私たちの注意は向いてしまう． 矢印の先に注意を向けるということを，私たちはごく自然に行っているが実はそれはつい最近になって生まれた行為らしい．矢印は，長い間，「モノの動く方向を示す」という意味しかもっていなかったが，今世紀に入って，矢印が示す意味が多様化してきてると，以下のように書かれている． 矢印の意味をほんの少し調べただけでも，現在の記号的な教えを示す矢印のなかから，たちどころに７種類もの違う意味で使われている矢印を見つけることができる． １．動きの向き 物体の動きであったり，動かす必要がある物理的な動きの向きを示す． ２．物理的な変化，変容  ある状態や状況に置かれているところから別のものに変化，変容することを示す． ３．ディメンションの提示 通例としては距離を示したり，数量，重量，時間といったいろいろな寸法とともに使われる．距離を表したり，重量を示す． ４．連結関係を示す 例えば組み合わせにすべき部品と部品を示す矢印．この場合，昔の医学書や科学書で見られるものと同じく，結合線（破線）と同一の意味を持つ．この矢印は，現在使われている矢印と同じくさまざまな起源から生まれてきたことを示す． ５．注意を喚起 どこを見るべきか，図版の特定の場所を示すために使われる． ６．連続性を示す 現代の科学技術では，機能を使ったり，ある要素と要素を組み合わせるには，多くの手順を経る必要がある．そうした一連の手順において，矢印で次にするべき段階を示す． ７．特定の意味を持つ 矢印が教え示す意味は，必ずしもいつも明確とは限らない．また仮に明確でなくとも，意味は持っている．例えば「電気」や「リサイクル」に使われている記号がそれにあたる．(pp.19-20) 矢印の起源と多様化 in 矢印の力：その先にあるモ...
続きを読む

メタファーと身体の関係

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

メディアアート概論（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年前の論文を紹介するという奇妙な体験でした。難波さんのお父さんである 難波和彦さんが発表終...
続きを読む