ラベル work の投稿を表示しています。 すべての投稿を表示
ラベル work の投稿を表示しています。 すべての投稿を表示

日曜日, 9月 16, 2012

Designing Tumblr

Tumblr解説本、Designing Tumblrを献本していただきました。ありがとうございます。僕が関わったKAKATO、梅川良満さんのTumblrも紹介してもらってます。あとthirozumiさんのページで投稿されてるのが僕のTEE PARTYの商品です。

で、KAKATOで使ったURLをランダマイズするスクリプトの掲載部分が中途半端だったので、補足しておきます。urls配列に入れたURLをダウンロードボタンとして使っているa要素(id="downloadURL")にセットするところ。

var urls = ["ダウンロードURL1","ダウンロードURL2","ダウンロードURL3"];
var a = document.getElementById("downloadURL");
a.href = urls[Math.floor(Math.random() * urls.length)];

アップロード先のサーバが混雑してたり落ちてたらURLだけ分散しても意味ないので、実際にこのような目的で使う場合はアップロード先も分散しておいた方がよいと思います。

本当は技術的なレビューとか面白いTumblrのセレクションで参加する予定だったのですが忙し過ぎで何一つできなかったので、代わりにと言うか何と言うか、せっかくなので書籍を参考にTumblrのテーマを作ろうかと思います。

今まではCustomizeのEdit HTMLで編集してた(もしくはローカルのHTMLからコピー&ペースト)んだけどストレス溜まるので、ローカルで開発環境を整えたい。

書籍にはfumblrが紹介されてたんだけど、環境の問題かすんなり動かなかったので深追いせずにThimbleを使うことにした。PHP製なのでXAMPPとかですぐ動かせる。どっちも微妙に古くて新しいタグに対応してなさそう。仕組みとしてはテンプレートタグをパースしてるだけっぽいので、自分で拡張すればよいかも。とりあえずforkしておいた。

月曜日, 2月 28, 2011

□□□『CD』

□□□の新しいアルバム『CD』のグラフィックを作ったり、
MV作ったり、

Web作ったり、
CDの読み方
ライブの演出を手伝ったりしました。
どれも全体のアートディレクションは伊藤ガビンさん、グラフィックデザインはいすたえこさんです。
ボストークという会社で制作してました。

本当はそれぞれのタイミングで書くのが良かったのだけど、途切れることなく山場が続いたので全く告知できず。
色々まとめようかと思ってたけどインタビューが掲載されたのでそっち読んでもらった方がいいかも知れない。Webもいくつかの雑誌に載るらしいです。
初回版もうすぐなくなりそうとのことで、売り上げに貢献できたっぽくて嬉しいです。

テクニカルな部分に関してはProcessingをめちゃくちゃ使っていて、PDFの書き出しがとても役立った。ジャケットやTシャツ、ポスターなどサイズが変わったりしても扱いやすい。gupon君にデータを渡すために連番のPDFを書き出したり、PDFだと何故かAfterEffectsが落ちるからXpdfてのでEPSに変換したり、細かい部分で色々勉強になりました。
歌詞の文字の重複をなくしたり、濃度順に並び替える部分はpython使ったり。

MVの最後の方の文字が右上に上がって行くところは元々Evan Rothが作ったjay-zのプログラムっぽいことをやろうとしてProcessingに移植して作った。文字と文字がぶつからないようにとか色々改良してある。ソース読む限り元ネタはおそらくGoran Levinのこれ。

で、僭越ながらアルバムの内容紹介です。
1. はじまり
デモの段階からすごく変わった曲。音の響きが気持ちいい。後半の盛り上がりは感動的。大好き。作業中はずっと「ひび きあい(日々気合・響き合い)」を繰り返してた。歌詞カードがもうすぐWebで見られますが、このビジュアルから始めて曲作ったそうです。右チャンネルと左チャンネルからそれぞれ音が鳴って、右は「右」の母音(いい)、左は「左」の母音(いあい)になってる。というのを感じさせないで普通に聴けてしまうのは良いのか悪いのか。

2. 1234 feat.内田慈
4人の登場人物がそれぞれ別々の拍子で歌う。映画のカット割を意識してるらしいけど本当にそんな感じで映像が浮かぶ。内田慈さんの声がいい。「フォルダから携帯のデータ ワン」のとことかね。これはWebで歌詞カード見れます。
内田さんにはライブ2日目での怪演に衝撃を受けた。『スカイツリー』の写メとか、『Tokyo』でのキュートさとか。ロリコンが直るレベル。

3. ヒップホップの経年変化
せいこうさんの『ヒップホップの初期衝動』の続き。音はよりハードで、リリックにも励まされる。これのMVもガビンさん監督で、gupon君と牧鉄平さんがアニメーションと編集をしました。ucnvさんに作ってもらったグリッチ版、『「ヒップホップの経年変化」の経年変化 by ucnv』もかっこいい。熟女好きになるレベル。

4. 恋はリズムに乗って feat.大木美佐子
元メンバーの大木さんがボーカル。爽やかでキャッチー。最初に皆これ好きになるでしょ。

5. スカイツリー
吾妻橋ダンスクロッシングで発表した作品。僕、観てたのですが寝てました。。年末にしのださん一人でのパフォーマンスも観ていて、その時はまだ何かの可能性は感じたけど完成ではないなぁという印象だった。別々に進行してる人や物事がある瞬間に交差して、よく分からないけど生まれるいい時間。『Tokyo』に続く東京シリーズで、ただ東京で生活してる感じがしてすごくいい。交通手段も通信手段も発達した今、これくらいの温度感だと思う。岡崎京子さんの漫画みたいな?僕も東京に対して思い入れはあるけど、いわゆる故郷を離れてどうとか、冷たい街とかのステレオタイプなイメージとは全然違う。ライブ2日目では細金監督の超絶映像と内田さんの怪演で確実にこの日のハイライトだった。

6. あたらしいたましい feat.金田朋美
4つ打ちのエレクトロっぽい音色で、最初聴いた時はすごく戸惑ったけど今ではとても好きな曲。男女2つのフレーズが組み替えられて曲ができあがっていく。MVではしつこいくらいにそこを強調した。マスタリング終わったら時間長くなってて焦った。

7. ちょwwwおまwwww
僕は割と綺麗にまとまる方向が好きなんですけど、こういう曲を入れてくるところに余裕を感じる。慣れるとちょっとはまる。ライブ1日目で披露したファンキーなバージョンがとてもかっこいい。全然違う曲。そして1日目終わった後にあっさり2日目用に長いのを作ってきてくれた。リハーサルで初めて聴いて、終わってからプログラム書き直し。本当に「ちょwwwおまwwww」て言いながらやってた感じ。

8. ヵゝヵゞゐ。feat.RUMI
かっこいい。知らずに聴いたら□□□だと気付かないのではないだろうか。「キター」のところからのグルーヴ感が好き。ライブ1日目のせいこうさん版もよかった。

9. iuai feat.まつゆう*
村田シゲさんが作った曲。夜に聴きたくなる。サビの部分が全て同じ母音で、歌詞も英語みたいな日本語で音として面白い。正確な日本語としては意味が分からないけど、感覚として分かる。

10. lʌ'v mi
僕は□□□のインストが好きで、『Kuchiroro Posse』とか最高だと思ってる。何て言うかかわいい。この曲はさらにキラキラした歌心がある。

デモは上がってくる度に良くなるし、ライブではさらにアレンジを変えてくるし、毎回驚かされて、刺激の多い案件でした。それに加えていすさんやいしい君のグラフィックだったりgupon君の映像だったり、細金君の映像が加わって来て、水尻さんとかucnvさんとか谷口君も巻き込んで、自分も奮起させられたし、結果面白いものになったのではないかと思います。締め切り直前の追い上げ感は卒展とかの盛り上がりに近い。プロがそれじゃ駄目なのかも知れないけど。音楽だけでなく映像やグラフィックも含めてこういう過剰さを持ったアーティストって僕が10代だった頃はフリッパーズギターとかフィッシュマンズとか電気グルーヴだったりしたと思うんだけど(oasisとか聴いてたのでリアルタイムでは通過してない)、今の□□□はそういう存在だと思う。

月曜日, 3月 15, 2010

似ているIPアドレスのページを探す

lip
検索対象に近いIPアドレスのドメインネーム(リモートホスト)を表示するサイトを作りました。
ドメインネームからIPアドレスに変換して、ネットワーク部と推測される部分の下一桁違いのアドレスに問い合わせて、あればドメインネームを取ってくる。

redundant webというWeb上の展覧会に出した作品。
kiviakというアーティストランスペースの谷口君が企画。
参加作家は全員以下のレギュレーションに従って制作した。

1:webを展示空間とするのではなく,素材として用いること.
2:単なるwebツール/webサービス(道具)を作らないこと.目的のない,且つ合目的な道具を作る.

メディアアートというジャンルを語る際に、余りにもテクノロジーや政治的なアクションにばかり傾き、「この赤がいいよね」というような質感に関する議論がほとんどなされていないのではないか、という疑問が谷口君にあったらしい。
花は繁殖のために綺麗に咲くというが、それにしては綺麗過ぎるという「目的なき合目的性」こそが「美術」であると捉え、「役に立たない機械」を作ることでそれを達成しようという試み。

Webにある素材としてまず着目したのがIPアドレス。普段あまり意識することはないけど、なくてはならないものだから。

無作為にWebページを見たり、新しいものを見つけるのは結構難しいという風に思っていた。RSSリーダで沢山のページは購読しているが、たまに全く関係ないものにアクセスしてみたくなる時がある。結局それを面白がれるかどうかは自分次第なので、そんなに振れ幅は大きくならないのだけど、それまで自分になかったものをどうやって取り入れていけるかは常に考えている(今はKPOPのアイドルが好きです)。
2番目の「目的のない,且つ合目的な道具を作る」という課題への回答としては上記のようなところで、当たる確率の低さや、下一桁違いという大雑把な探し方が冗長性かなと思っている。これでは理由として弱い気もするが。

似たような作品にIP Browserというものがある。こっちはラジオのチューナーを意識しているみたい。「Googleとは違う世界の見方」、みたいなことが書いてあるが、今回の僕の狙いも1つはそこで、「ポータルサイトがなくなったらどうなるのか」という疑問がネットを始めた頃にあった。すごくシンプルで愚直な答えが出せた。

技術的なところでは、初めてPerlでCGIを書いて、JavaScriptもXMLXttpRequestをある程度使えるようになったのが良かった。

月曜日, 7月 20, 2009

hysyskとかmrrychとかいい加減にしよう

myfye.net
丸尾君の新作。おんぶにだっこのだっこ担当(クライアントサイド)。おんぶ担当(サーバーサイド/normal version)はnajimi.jpのyamakk。

撮った写真がカメラからそのままネットにアップロードされ、撮影の間隔が12秒以内の場合、指定された濃度で自動的に乗算合成されて一枚になります。

このような仕組みが、どう撮るものに影響してくるのか楽しみです。

HTMLからSWFに値を渡す方法、スライダーなどのユーザーインターフェース、ビットマップの操作など色々勉強になりました。

最近読み始めた「ActionScript 3.0デザインパターン」の内容を習得できればもっと綺麗に書き直せそうです。
「Foundation Actionscript 3.0 Image Effect」も買ったので今後のバージョンアップに活かせそうです。

木曜日, 3月 06, 2008

sonicode by st44100

sound file

s o n i c o d e
s o n i c o d e
s o n i c o d e
s o n i c o d e
s o n i c o d e
s o n i c o d e
電子音楽
電子 楽
 子音 
電子音楽
電 音楽
 子音 
電子fdさfdさfdさ 楽
 子 楽
電子音楽
電子音楽

電子音楽
電子音楽

電子音楽
電子音楽

S
S O
SON
SONI
CODE
ODE
DE
E
C /
O /
D /
E /
C C
O O
D D
E E

S
S O/
SON/
SONI/
CODE/
ODE/
DE/
E/

S O N I C O D E

S O N I C O D E

S O N I C O D E

S O N I C O D E

S O N I C O D E
SONIC♪
CODE ♬
SONIC♪♪
CODE ♬ ♬
SONIC♪♪/
CODE ♬ ♬ /
S O N I C O D E /
S O N I C O D E / /
S O N I C O D E / / /
S O N I C O D E / / / /
S O N I C O D E / / / / /
S O N I C O D E / / / / / /
S O N I C O D E / / / / / / /

㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㍿ ㍿ ㍿ ㍿
㈱
㈱ ㌕
㈱ ㌕ ㌖
へへへへへへへへへへへへへ
へへ へへ へへ へへ
 へ  へ  へ  へ

wwwwwwwwwwwww
wwwwwwwwwwwww
wwwwwwwwwwwww
IAMAS
IAMAS
IAMAS
IAMAS
IAMAS
IAMAS
I
I
I
I
I
A
A
A
A
M
M
M
M
A
A
A
A
M
M
M
M
A
A
A
A
M
M
M
M
S
S
S
S
S
2
2
2
0
0
0
0
0
0
8
8
8
2008
   8
  08
 008
2008
   8
  08
 008
2008

金曜日, 12月 28, 2007

20071228

卒展のwebがローンチしました。第一弾。今後トピックとか作品情報とか充実していきます。わざわざwordpressで作ったので利点を最大限活かしたいところ。
IAMAS 2008 » 情報科学芸術大学院大学第6期生修了研究発表会岐阜県立国際情報科学芸術アカデミー第11期生卒業制作展

情けないことにブラウザごとで変わる見た目に2日ほど泣かされてました。ブラウザのせいっていうか、自分のコードが間違ってたんだけど。毎回本番に一番勉強してしまうのは何とかしたい。春から社会人なのに...。firebugとか、自作のbookmarkletが意外と役立った。デバッグ重要。ガチのプロがガイド作ってくれてたのでスムーズにコーディングできた。

次は印刷物。これもひとひねり効かせてるので、大変だけど、いいものになると思う。

バイト先のwebのこともあって、jquery調べてたんだけど、面白い。というか、javascriptもっと使わなきゃと思う。locationオブジェクトとか駆使すれば、かなりクライアント側でも頑張れる。

で、ユーザビリティ(アクセシビリティ?)とかweb標準的にはどうかわかんないけど、自分のページで色々試してみた。
hysysk

linkのとこで、liタグの中にリンクがある場合、css側でcursor:pointer;になるようなclassを用意しておいて、クリックしたらaタグ内のリンク先を解析して飛ぶようにしてある。クリッカブルな領域が広くとれるので使いやすいのでは、と思う。かなり視覚的な作り。workでの画像の見せ方も、dtタグにタイトルと拡張子入れといて、クリックしたらcss書き換えて背景画像にしてる。まぁ、見にくいのはわかってるけど、楽しんでやってる。

土曜日, 7月 28, 2007