collisions.dotimpac.to

広島国際アニメーションフェスティバルに行ってきた (2006-03-07)
広島国際アニメーションフェスティバルに行ってきた(2) (2006-03-07)
「まるごとJavaScript & Ajax! Vol.1」に記事を執筆しました (2007-03-01)
和らいで (2006-04-03)
実技授業「インタラクションデザイン」 (2006-03-07)
Recommuni Hacks (2006-03-07)
インタラクション・デザインとは何か (2006-03-07)
よく考えたらわりと遍在するJavaScript (2006-03-07)
AIExport for Processing 0085 Beta (2006-03-07)
Processing入門2005 (2006-03-07)
webページの数字をルーズソックス数字に変換するbookmarklet（終了） (2006-03-07)
「イラレでJavaScript」（Shibuya.js TT#02 LightningTalk) (2006-07-01)
Network tangram (2006-03-07)
iOdorokiban for ProcessingBETA (2006-07-08)
サイト衣替え＆lilyプラグインいろいろ (2006-03-07)
Amazonからアートワークを追加.js (2006-03-07)
その日聞いたPodcastのログを出力する (2006-03-07)
スケジュール指向Wiki風メモツール：Calki (2006-03-07)
ニコニコ動画開発者ブログのコメントをニコ動コメント風に流すbookmarklet(IE7/FF) (2007-02-27)

Aug, 29 2004 (Sun)

■ 広島国際アニメーションフェスティバルに行ってきた

※写真はイメージです

■8月19日から23日にかけて５日間開催された、第１０回広島国際アニメーションフェスティバルに行ってきました。毎年行ってるわけではないんですが、前回に続き連続の参加となってますね。回数としては３回目です。

つづきを読む▼

at 2004-08-29 01 01。ァ35 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Aug, 31 2004 (Tue)

■ 広島国際アニメーションフェスティバルに行ってきた(2)

[/event]

■１日目に続いて、２日目のイベントレポートです。

つづきを読む▼

ポール・ブッシュ特集

ダーウィンが眠っている間に　While Darwin Sleeps

リチャード・ウイリアム・セレクション

遥かなる戦場　The Charge of Light Brigade　（のアニメーションパート）

at 2004-08-31 00 00。ァ40 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Mar, 01 2007 (Thu)

■ 「まるごとJavaScript & Ajax! Vol.1」に記事を執筆しました

[/info]

まるごとJavaScript & Ajax! Vol.1

天野仁史 (著), 舘野祐一 (著), 川崎有亮 (著), 小飼弾 (著), arton (著), 田中孝太郎 (著), 国分裕 (著), 山本有悟 (著), 海野裕也 (著), nanto_vi (著)
￥ 1,995 （税込）
インプレスジャパン

■遅ればせながらではありますが。

インプレスのムック「まるごとJavaScript & Ajax! Vol.1」に記事を書きました。JavaScript関係の錚々たる顔ぶれが記事を寄せるなか、わたくしは例によって飛び道具的なIllustratorのスクリプト関係の記事を書かせていただきました。

ていうか、このネタもずいぶん出涸らしなんですけども…せっかくなのでこのサイトでのJavaScript/Illustratorスクリプト/JScript関係の記事をまとめておきます。

JavaScript

Illustratorスクリプト

JScript/iTunesCOM/WSH

■あと身近なところでいうと、最近Z社が制作したNHKアーカイブスのFlashコンテンツ巡　meguruが公開されましたが、これで使われている放送年表の文字データは、元の放送年表テキストに独自のマークアップを施したデータファイルを元に、Illustratorで自動レイアウトしてPNGファイルに書き出すスクリプトを使って作られています（この制作自体には僕は関わっていないですけども）。膨大な文字データが綺麗な書体できちんとレイアウトして表示できているのは、Illustratorスクリプトのおかげというわけです（CS2でのスクリプトのバグっぽい動作のおかげで弊社バイトのアオキ君がうなっていた気もしますが）。

at 2007-03-01 00 00。ァ05 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 03 2006 (Mon)

■ 和らいで

[/life]

■ご多分にもれずお花見に。土曜の夜は寒さもいくぶん和らいでいて、よい夜桜だった。

まぜてもらった花見会場では、平野治朗さんによるインスタレーション作品「GINGA」が出前開催（？）されていて、会場のいたるところに中で電球が光る風船が配られて不思議な空間になっていた。ふつうのゴム風船に糸がわりのコードで電池ボックスがつながれていて、中で電球が光るだけという単純な仕組みなんだけど、風船そのものが発光しているように見える。光りながら風にふわふわ浮いているそれをみんなが持っている風景がとてもよかったな。

ライト・インスタレーション「GINGA」

■せっかくなので書いておくと、エイプリルフールネタで使ったサイコロの画像はPOV-Rayというフリーのレンダラでかなり適当に作ったもの。シーン記述言語に慣れれば簡単な形ならわりと楽にCGを作れるので絵心のないプログラマが絵の必要なネタをやったりするには便利なのだ。今回のサイコロのデータはこんな感じ。

ひさしぶりにPOVRayを触ったんだけど、ちなみに前つくったものも公開しておくと、こんなもの。ほんとうに役に立たないものばかり作っているということがよくわかる。

at 2006-04-03 00 00。ァ08 / permalink / はてなブックマーク /del.icio.us / MM/Memo

May, 13 2005 (Fri)

■ 実技授業「インタラクションデザイン」

[/project]

■えー、ついにセンセー業がはじまりました。

昨年度までとある美大（というか、女子美ですが）の専任助手として「インタラクションデザイン」という授業のサポートをしてたんですが、任期満了で助手を抜けることになり、ではということで「インタラクションデザイン」の授業のはんぶんを講師として受け持つことになりました。おもにコンピュータとその周辺をあつかう表現（なのかな？）についての実技授業のうち、わりとプログラム系を教える担当です。

ぜんいんが美大女子学生のクラスで、プログラムを教えるというのはなかなか至難で、メイン講師の伊藤ガビン先生と模索しながらやってるわけなんですが、とりあえず今年は、去年に引き続き Processing を使用してプログラミングの基礎的なレクチャーをして、それを使った作品制作をしてもらう予定になってます。ちょうどProcessingはこないだ久しぶりのバージョンアップでBeta(0085)がリリースされて、いいタイミングのような、仕様変更とバグで苦労しそうなようなで、やや面食らってます。あああ、テキスト書き直さなきゃ…

とりあえず第１回目の授業をしたので、それのレジュメと講義の音声ファイル（！）を特に意味もなく公開してます。

つづきを読む▼

インタラクションデザイン（プログラム系）　第１回授業

at 2005-05-13 21 21。ァ43 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 09 2005 (Sat)

■ Recommuni Hacks

[/project]

■ソーシャルネットの話ですいません。音楽配信SNSの recommuni というのがあって、これ僕はわりと気に入ってるんですが（ちょっとだけ立ち上げに関わったので愛着があるせいもあるけど）、インターフェイスはお世辞にもいいとはいえないので、そのへんを支援するスクリプトをちょこちょこ書き始めました。基本的には iTunes COM Interface をWSHでたたいて、「今聞いてる曲で」なんとかする、というものです。

つづきを読む▼

at 2005-04-09 14 14。ァ57 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Jun, 02 2005 (Thu)

■ インタラクション・デザインとは何か

[/study/interaction]

■担当している授業が、いままでのProcessingのプログラムで静止画をつくってみる入門辺から、動きやインタラクションのある内容に差し掛かるところとなりました。

ということで、まずそもそも「インタラクション・デザインとは何か」というイントロダクションが必要だろうということで、「インタラクションとは、つまりコンピュータとのコミュニケーションである」というあんまり聞かない（ような気がする）論法でいろいろ仕込んで授業してみました。例によって音声ファイル（デジオ）つき。

つづきを読む▼

at 2005-06-02 01 01。ァ01 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Nov, 26 2005 (Sat)

■ よく考えたらわりと遍在するJavaScript

[/study/javascript]

■なんとなく僕も入門Ajax便乗企画。
いちおう貼っときます。まだ買えてないんですが。

入門 Ajax

高橋登史朗 (著)

■このあいだと旧友との飲み会で「JavaScriptが～」というような話をしてたら友人のacicくん（えーと、仕事ではサーバサイドJavaとかやってるひと）に「JavaScriptなんか使うほうが間違ってるっていう認識だけど」と返されて、うーん、まだそうなのかも。まだ汚名は返上されてないかも。と思ったところ。

ところでわれをひるがえってみるに、なんで今のAjax環境にわりとすんなり適応できてるかというと、よく考えてみると過去3年くらいでJavaScriptでいろんなものを作ってみていて、しかもいろんな（いわば）変態環境をとっかえひっかえするのに慣れていたので、「JavaScript（/JScript/ActionScript/などのECMAスクリプト系）はなんでもあり」というイメージがあったからではないかと思った。

なので、JavaScriptでなにができるか／なにを作ったかを、ここらで棚おろししてみます。

つづきを読む▼

JavaScript+DHTML（Ajax)

Photoshop / illustrator　スクリプト

Flash ActionScript

GA的驚き盤作成ツール　GenekistiScope（flash版）

WindowsScriptingHost(WSH)

まだやってないけど - GraceMonkey / XUL / Konfabulator(Dashboard,GoogleDesktop)

萌ディタ

at 2005-11-26 14 14。ァ37 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 29 2005 (Fri)

■ AIExport for Processing 0085 Beta

[/study/processing]

■ 授業で活用してみようと思って、Processing上の描画をIllustratorのaiファイルに書き出してくれるライブラリ AIExport を試してみたら、Alphaで作られたライブラリってまるっきりBetaでは動かないんですな。これは。

Processingでつくったプログラムの描画をどんどん紙に印刷させたいんで、まあsaveFrameのビットマップだけでもできなくはないけどちょっと悲しいし、でもAIExportを使うためだけにAlphaを授業で使うというのもシャクだなあ…と思ってなんとかならんかとソース（サイトで公開されている。 Allan William Martin 氏に感謝！）をいじっていたら、なんとか動くようになったので公開しておきます。Processing Betaの形式でimportできます。

■くわしくはこちら。

http://processing.dotimpac.to/index.php?library%2FAIExportFor0085Beta

つづきを読む▼

Alphaライブラリのコンバート

at 2005-04-29 11 11。ァ11 / permalink / はてなブックマーク /del.icio.us / MM/Memo

May, 20 2005 (Fri)

■ Processing入門2005

[/study/processing]

※解説図はTabletPCでナグリ描き…ないよりはいいかなと

■担当授業のProcessingレクチャーのために「Processing入門」の2005年度版を書きはじめました。去年のものをベースに、Betaバージョンでの変更の反映や、説明の順番などをいじっています。基本的には授業とは無関係にテキストだけ読んでもわかるように書いているつもりです。プログラムをやったことないけど、Processingを使ってみたい、という方がいたら参考に読んでみてください。

Processing入門2005

その１　Processingとは/Processingをインストール/Processingをはじめる/直線を描く/曲線を描く/変数をつかう/繰り返し描く
その２　色をつける／画像を使う／文字を使う／場合分けする／illustratorファイル出力
その３（予定）　関数／initとdraw／マウスを使う／キーボードを使う／配列（アニメーション）
その４（よ、予定…）　映像を使う（videoライブラリ）／音声を使う（sonia）

つづきを読む▼

プログラムを教える順番

at 2005-05-20 00 00。ァ18 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Oct, 08 2005 (Sat)

■ webページの数字をルーズソックス数字に変換するbookmarklet（終了）

[/study]

■デイリーポータルZサイト開設３周年　24時間ウェブもぶじ終了したようなので、bookmarkletは動かなくしました。お楽しみいただけましたか？

まあ単純なものなので、ソースを置いておくのでご参考にどうぞ。

http://processing.dotimpac.to/index.php?sample%2FJavaScript%2Fbetsuyaku.js

ちなみにこの手の遊びは「document.body.innerHTML」で検索するといっぱいありますので、こういうのは一瞬で作って一瞬で飽きていくとよいと思います。

つづきを読む▼

ついでに：デイリーポータルZ「ちょっと見てきて」

at 2005-10-08 14 14。ァ49 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Jul, 01 2006 (Sat)

■ 「イラレでJavaScript」（Shibuya.js TT#02 LightningTalk)

[/text/presentation]

■Shibuya.js テックトーク#2でのライトニングトークセッションにて発表しました。

Shibuya.js　Technical Talk #2

http://shibuyajs.org/articles/2006/06/15/technical-talk-2

「イラレでJavaScript」発表資料

http://dotimpac.to/doc/shibuya_js_02/js_on_illustrator.presen.htm

GenekistiScope

http://processing.dotimpac.to/?sample%2FJavaScript%2FaiGeneScope

発表音声ファイル

http://sweet.podcast.jp/home/dotstream/archives/release/main/2006/07/01_124747.html

発表のために以下のドキュメントやサイトを参考・使用しました。

Illustrator CS2 体験版

http://www.adobe.com/jp/products/illustrator/demoreg.html

Adobe Illustrator CS2 Getting Started with JavaScript(pdf)
Adobe Illustrator CS2 JavaScript Reference(pdf)

http://partners.adobe.com/public/developer/illustrator/sdk/index_scripting.html

「Illustrator10自動化作戦with JavaScript」

http://www.amazon.co.jp/exec/obidos/ASIN/4839913544/

そのほか調査

at 2006-07-01 13 13。ァ16 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Feb, 07 2005 (Mon)

■ Network tangram

[/works/flash]

■えーと、ずいぶん遅くなってしまいましたが2005年正月に公開した年賀flashについて。

そもそも去年までは年賀状も出さない自堕落な正月だったんですが、去年から紙年賀状と、同じデザインでちょっと遊べるflashオンライン年賀状をつくるようにしています。ちなみに去年はこんな感じ。今年はサーバ通信のあるflashをつくってみたかったので、タングラム（正方形を６つのピースに切り出し、形を作って遊ぶパズル）のピースをみんなで動かして酉を作ろう！　というものに。正月のヒマなときにほかの人がピースを動かしてるのがわかるのはちょっと楽しいかも！　と思ったわけですけども、そもそも正月からだと同時につなぐ人が少なすぎてあんまり成立しなかったですな。だめじゃん。

http://www.dotimpac.to/work/nettangram/

つづきを読む▼

flashによるサーバ通信

at 2005-02-07 11 11。ァ21 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Jul, 08 2006 (Sat)

■ iOdorokiban for ProcessingBETA

[/works/processing]

■2年前にオープンキャンパスの子供向けワークショップで使うために作っていた「iOdorokiban」というソフトがあるんですが、また使いたいとのことで、ProcessingBETAで動くよう修正したので、公開しておきます。

久しぶりに遊んでみたけど、いまでもけっこう楽しい。

iOdorokiban for ProcessingBeta

http://processing.dotimpac.to/?sample%2FProcessing%2FiOdorokiban

iOdorokibanと映像ワークショップ

http://collisions.dotimpac.to/project/iOdorokiban.html

つづきを読む▼

実行形式アーカイブ

あそびかた

at 2006-07-08 13 13。ァ26 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Jun, 02 2005 (Thu)

■ サイト衣替え＆lilyプラグインいろいろ

[/works/ruby]

■ごらんのとおり、6月に入ったのでおもわずサイトを衣替えしてしまいました。なんとなく気持ち悪く思ってたとこがすっきり。主にはスタイルシートを変えた程度ですが、ちょっと凝りたかったところについてはlilyのプラグインをつくったり改良したりしたので、そのへんを公開しておきます。

つづきを読む▼

at 2005-06-02 01 01。ァ39 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 30 2005 (Sat)

■ Amazonからアートワークを追加.js

[/works/tool]

■ RecommuniHacks の続きで、 Recommuniでダウンロードした曲にアートワークを追加なんてのを作って遊んでいたんですが、これがけっこう楽しくてふつうの曲でもやりたくなったので、Amazonから（アーティスト名とアルバム名で該当すれば）アートワークを追加できるスクリプトを書きました。

blog.bulknews.net で宮川さんがつくってた「 iTunes のアートワークを Amazon Web Services からとってくる」とおんなじですが、まあActivePerlとモジュールがインストールされてなくても使える、というのが利点かなと。AWSのディベロッパトークン（というのですか）は必要です。 Amazon Web サービス登録ページで登録すればもらえます。ぼくもさっきもらいました。

だいたいもともとCDDBのアーティスト名／アルバム名だろうからAmazonで引っかからないのも多いし、てきとうに書いてるのでうまくいかないかもしれませんが、とりあえず。

http://processing.dotimpac.to/index.php?sample%2FJavaScript%2FAddArtworkfromAmazon

at 2005-04-30 21 21。ァ40 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Feb, 28 2006 (Tue)

■ その日聞いたPodcastのログを出力する

[/works/tool]

http://processing.dotimpac.to/?sample%2FJavaScript%2FPodcastlog.js

■otsuneさんの日記で反応があったので、自分が使う用に作ってみました。

iTunes COM interfaceを使っています。iTunesを起動した状態でスクリプトを起動（ファイルをダブルクリック）すると、再生日が今日になっているPodcastトラックをログファイルに出力します。ファイルはスクリプトと同一ディレクトリに書き出されます。

ID3タグの情報しか取り出せないので、こんな感じ。形式はお好みで編集してください。
ほんとはpodcastのurlもつけられるといいんですが、それはiTunesでは無理ということで。

// iTunes Podcast Playlog
// 2006-02-26

-ラジオ沼「[podcast.jp] 沼：303 月影と舞」（Array）
--2006-2-26 21:11

-StarWatching Express「Vol.21 明けの明星宵の明星」（AstroArts Inc.）
--2006-2-26 21:18

しかしpodcast.jpのフィードでアーティスト名がArrayになるのはただのバグだろうから直してほしいな。

at 2006-02-28 14 14。ァ22 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Feb, 06 2005 (Sun)

■ スケジュール指向Wiki風メモツール：Calki

[/works/web]

■おもに自分が使う用に作っていたwebツール、「Calki」を公開しました。RandomNoteをベースに改造を加え、日付管理と簡易スケジュール機能を搭載したものです。Ruby（1.8以上推奨）の使用できるサーバにて動作します。

http://calki.dotimpac.to/index.rb

つづきを読む▼

at 2005-02-06 21 21。ァ53 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Feb, 27 2007 (Tue)

■ ニコニコ動画開発者ブログのコメントをニコ動コメント風に流すbookmarklet(IE7/FF)

[/works/web]

■リスペクトってことで。

このあたりを開いて、アドレスバーにコピペしていただければ、そのままです（最初なかなか出てきませんので、しばらくお待ちください）

例によってたいしたことはしておりませんが、ブログコメントが時間順に流れるの意外といいなあと思いました。

インクルード版

javascript:(function(){var d=document;var h='http://dotimpac.to/work/nicocomment/nicovideo.js';var s=d.createElement('script');s.src=h;d.body.appendChild(s);})();

直書き版

javascript:(function(){var doc=document,o=[],w=(window.outerWidth||doc.body.scrollWidth),oc=0;cnt=0,coms=[],n=null,d=0,c=doc.body.getElementsByTagName('p'),od=(Date.parse("2007/02/24:23:07:00")||Date.parse("2007/02/24/23:07:00"));for(var i=0,l=c.length;i<l;i++)if(c[i].innerHTML.indexOf("Posted by")!=-1)coms.push(c[i].innerHTML+"<br/>"+c[i+1].innerHTML);var id=setInterval(function(){for(var k in o){var oo=o[k];oo.x-=3;oo.style.left=oo.x+'px';if(oo.x<-300){doc.body.removeChild(oo);o.shift();}};cnt++;if(cnt*10>d){if(n){var e=doc.createElement("div");e.innerHTML=n;e.style.position="absolute";e.style.width="300px";e.style.top=o.length*100+"px";e.x=w;e.style.left=e.x+"px";doc.body.appendChild(e);o.push(e);}n=coms.shift();if(n){d=(Date.parse(n.match(/\d+年\d+月\d+日 \d+:\d+/)[0].replace(/(年|月)/g, "/").replace(/日 /, (doc.all)? ":" : "/")+":00")-od)/60;}else{clearInterval(id);}}},20);})();

at 2007-02-27 15 15。ァ19 / permalink / はてなブックマーク /del.icio.us / MM/Memo