collisions.dotimpac.to

WikiばなVol.4　Wiki博覧会に行ってきた (2006-03-07)
WikiBana Vol.5　に行ってきた (2006-03-07)
毎日デジオしますよ (2006-03-07)
個展3日目 (2006-03-07)
@IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1) (2006-03-07)
"dotimpact"　田中孝太郎 (2007-09-17)
Modulobeで遊んでみた (2006-03-07)
タイムラインを共有 (2006-04-27)
よく考えたらわりと遍在するJavaScript (2006-03-07)
Processing(BETA)0085リサーチ (2006-03-07)
サイト衣替え＆lilyプラグインいろいろ (2006-03-07)
スケジュール指向Wiki風メモツール：Calki (2006-03-07)
スケジュール指向webメモツール：Calki　ver.002 (2006-03-07)
Create Your Own DragonQuest Spell (2006-03-07)
Piccy : Ajax photo album (2006-03-07)
Piccy ver.001 (2006-03-07)

Mar, 14 2005 (Mon)

■ WikiばなVol.4　Wiki博覧会に行ってきた

※産業プラザ6Fは眺めがよかったです。

■3月12日に大田区産業プラザで行われた「WikiばなVol.4」に参加してきました。WikiとWikiばなというものがどの程度認知されているのかよくわからないんですけども、Wikiというのはおおまかに言うと「いつ誰からも書き換えられるWebページ」というコンセプトとそのためのソフトのことで、「Wikiばな」というのは、このなんでもありのWebコラボレーションツールとどうやってうまくつきあっていくか、Wikiが今後どうなっていくかについて、Wikiっぽく「ざっくばらん」に話し合うというイベントです。

WikiばなVol.4のWikiページ

http://wikibana.socoda.net/wiki.cgi?WikiBana%2fVOL%2e4

Vol.4である今回は万博イヤーらしく（なのかな）「Wiki博覧会」ということで、各地で発表されている定番／先鋭／変態Wikiエンジンについて、開発者やユーザーみずからにプレゼンテーションしてもらおうというイベントでした。僕は前２回のWikiばなにも参加していて、過去はわりと少人数によるディスカッションが主だったのですが、今回はわりと学会ぽいというか、たくさんのWikiについてみんなで知ろうという会になってましたね。

ちなみに前々回WikiばなVol.2のポジションペーパーと感想

前回WikiばなVol.3のポジションペーパーと感想

つづきを読む▼

Wiki博の各パビリオン紹介

at 2005-03-14 00 00。ァ43 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Oct, 16 2005 (Sun)

■ WikiBana Vol.5　に行ってきた

[/event]

※今回写真撮るの忘れてしまった。会場のとなりの児童館は運動会をしていたらしく、割れ気味の音量でハッスル音楽がのどかに流れていました

■10月15日に品川は高輪福祉会館で行われた「WikiBana Vol.5」に参加してきました。Wikiに関心のある利用者・開発者が集まって話題を交換するフリートークイベント。Wikiそのものへの興味はもちろん、参加しているみなさんの雰囲気や、毎回ちょっとづつやり方を変えてよりよくしているスタッフの熱意も刺激的で、いつも楽しみにしているイベントです。僕は今回で４回目。

WikiBanaサイト「Wikiバナソコダネット」

http://wikibana.socoda.net/wiki.cgi?WikiBana/VOL.5

つづきを読む▼

at 2005-10-16 22 22。ァ40 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Jul, 01 2005 (Fri)

■ 毎日デジオしますよ

[/inProgress/realtimemachine]

個展初日まであと5日

■えーと制作はだいたい終わったということで（搬入2日前でだいたいもなにもないですが）、ここの制作日誌もめでたくここまでですな。いやー、何とか間に合ったからここであからさまに書いてたこともシャレになってよかった。まだ搬入とか展示とか山場がいくつもあるけどー。

で、ということで、会期中は日記じゃなくてデジオします。そのほうがライブ性があるしゲストを招いたりできそうだし。なのでとりあえずDedioWikiDedioのリアル・タイム・マシーン展特設ページ
をつくりましたんでそちらからどうぞ。

あと、PodcastRSSもつくったのでiTunes4.9とかもう入れてる人は、そっから聞いたりもできるとおもいます。聞きたいかどうかはともかく。

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

Jul, 07 2005 (Thu)

■ 個展3日目

[/inProgress/realtimemachine]

■3日目まで終了しました。来場のみなさまありがとうございます！「PONG-ED」はいまだに調子わるいですが…

■言及リンクが増えてますのでまた紹介。

id:matatakiさん　瞬く静寂
瀧坂亮さん　omo*8
id:tanziさん　見たもの、聴いたもの、買ったもの

関係ないけどotsuneさんにリンクされて人がいっぱい来てるような。モヒカン族にロートルゲーマーはいらっしゃいませんか！

■そだ、デジオのほうも毎日続けてますんでそういうのお好きな方はどうぞ。

DedioWikiDedio特別編　「リアル・タイム・マシーン・デジオ」

あとfotolifeも更新してみました。だれかきれいな写真取ってくれないかなー。

http://f.hatena.ne.jp/dotimpact/favorite

てなところで。

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

Nov, 11 2005 (Fri)

■ @IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1)

[/info]

■@IT：リッチクライアント＆帳票フォーラムの記事を担当することになりました。全３回の連載第１回が公開されています。

Ajaxで作るインタラクティブWebアプリケーション(1)

Ajaxフォトアルバムのフェードイン画像フレームを作ろう

実践的な内容のAjax記事が欲しいという編集者さんとお話をさせてもらう機会がありまして、Prototypeやscript.aculo.usを紹介しながら、PiccyみたいなAjaxアプリケーションを実際につくるプロセスを解説するようなものなら書けるかなということで今回の連載となりました。Ajaxの技術は細かなテクニックやノウハウは各所のブログで公開されているものの、アプリっぽいものを最初からつくっていくような記事はあまりないようなので（強いて言うとAjaxでエロゲーを作るブログとか？　ほかにあったら教えてください）。解説読んでたいしたことないなーともっと面白いもの作ってくれる人が増えるといいなと。あと２回続きますのでよろしくお願いします。ちなみにサーバ通信は最後の最後（！）になる予定です。まだ書いてないですけど。

第１回の執筆時には以下の日記／ブログ／ソースを参考にさせていただきました。順不同で感謝。

prototype.js
script.acul.us
naoyaのはてなダイアリー（prototype.js でデザインパターンのシリーズ）
Using prototype.js
こども(てれび)

ひげぽん OSとか作っちゃうかMona

Collection & Copy

（翻訳）AJAX/JavaScriptライブラリまとめ

LesserWiki
ページ内リンクでスムーススクロール@ZEROBASE CAST

そのほか多くのJavaScript/Ajaxハッカーの技術とあけっぴろげのソースにも感謝。

書き起こしのAjaxアプリの意義の考えかたについてはAjax で隠れた技術を表舞台に出すをヒントにしました。きまぐれ日記の工藤拓さんもちょうど作って理解するAjaxという連載を始めるようなので、どんな内容になるのか楽しみです。

あとあれだ、サンプルの画像が意味もなくシンメトリー写真なのはまあ気にせず。無難なのがなかっただけです。ほんとはオランダのサッカーチームの写真とかがよかったんですが。

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

Apr, 17 2005 (Sun)

■ "dotimpact"　田中孝太郎

[/info]

1975年5月1日生
プログラマー、インタラクションデザイナー
ゼロベース株式会社　エンジニア、インタラクションデザイナー
女子美術大学短期大学部　非常勤講師
東京芸術大学先端芸術表現科　非常勤講師

つづきを読む▼

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

Aug, 09 2005 (Tue)

■ Modulobeで遊んでみた

[/joy]

■江渡浩一郎さんが現在産総研のプロジェクトで開発しているコンピュータ上でフレームを組み立てて仮想生物を作る物理シミュレーション環境「Modulobe」のbeta版がちょっと前にリリースされています。はまってしまうのは目に見えてるのでなかなか触れなかったんですが、夏休み的に時間ができたのでいろいろやってみました。

http://www.modulobe.com/

公式サイト

http://wiki.modulobe.com/

マニュアルやモデルデータが公開されているWiki

デスクトップで起動したらかなり致命的に落ちたので（ビデオドライバを新しくしたら直りましたが、原因はわかりません）しばらくノート（タブレットPC）で遊んでたんですが、タブレットだとかなり直感的にいじれてすごく楽しい。シミュレーションが重いのかCPUパワーをかなり（うちのTC1100だと常に計算率80%以上になります）使うのでバッテリを消耗する＆本体が持てないくらい熱くなるのが残念。外で暇なときに遊べたりすると楽しそうなんだけど。

むかしプレステに「パネキット」というゲームがありましたが、あれをもうちょっとシンプルにした、というか、もうちょっとゲームっぽくなくした感じでしょうか（そのはずでパネキットのスタッフの渡辺kuniさんもModulobeの開発にもかかわってるそうです）。“シャフト”と呼ばれる骨組みと“リンク”と呼ばれる駆動部（つながったモジュールとの接合部を曲げる動きをつけられる）というふたつのモジュールを角度をつけながらうまくつないでいくと、ちゃんと物理法則にのっとっていろんな動きをするモノがつくれます。具体的に言うとシャフトの連結方式はパネキットで、リンクの動きの指定はsodaconstractorぽい（？　そうでもないかな）感じ。慣れるまではけっこう難しいですが、しばらくいじってみてコピー＆ペーストも活用できるころには（2,3時間くらいずっと触ってたんですが）、もうかなりシャフトの組み合わせる角度やリンクとの使い分けが頭に入ってきて、形が想像で作れるようになりました。いまも「あー、こうしてこうすると8の字走行する３輪車とか作れそうだなー」というアイデアが浮かんできてまた遊んでしまいそうです。

とりあえず作ってみた多足ホイールと立体スネーク

sodaplayなんかより環境の自由度が高いぶん、ここから先どうバージョンアップしていくのかが楽しみです。がんばってください！＞etoさん

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

Apr, 27 2006 (Thu)

■ タイムラインを共有

[/life]

■昨日話題になっていたVirtualSynchroChatがすごく興味深い。

なにかというと、いわゆるタイムシフト機能のあるチャットとでもいうものかな。チャットルームでメッセージを書き込むと、そのチャットルームがスタートしてからの経過時間とともに記録されて、別の人が別の時間にそのチャットルームに「参加」したとき、同じタイミングでメッセージが表示される。ふつうチャットというとリアルタイムのチャットを指すわけだけど、このVirtualSynchroChatはひとつのタイムラインを共有することで、非リアルタイムに擬似的なチャットができるわけだ。ソフトが提案しているのは、HDDレコーダなどに録画したテレビ番組を観るときに同時に特定のチャットルームを開く、という使い方で、いわゆる「実況スレ」を読みながら番組を観るような行為が、時間に縛られずにできる。たとえばここにはアニメの実況チャットログがすでにいくつか作られている。

で、これ、別にアニメの実況スレに限らなくて、使いみちがいろいろあるんではないだろうか。PodcastでもDVDでもコンサートでも、ブートプロセスでもコンパイルでも、鉄道でも飛行機でも、特定の時間継続を持つメディアがあればなんでもバーチャルシンクロできるわけだ（ゲームはプレイヤーによって展開が変わっちゃうからムリだけど）。すごく可能性を感じる。いろいろ考えられるなー。

もうひとつおもしろいのは、bounce.comでZAZEN BOYZ向井秀徳が連載しているpodcastコラムPodcast向井で、アイデアとしてはまったく同じことをpodcastの録音でやってたこと。僕は先週末に先にこっちを聞いて、これはすごく興味深いと思っていたのだった。

podcast向井第２回では、向井がトーキングヘッズ83年のアルバム『Speaking In Tongues』収録の曲“This Must Be The Place（Naive Melody）”を（たぶん）ヘッドホンで聴きながら、その曲の模様をしゃべったりフレーズを口ずさんだりしている（曲自体はpodcastには流れない）。コラムにも記載されているように、

『Speaking In Tongues』をお持ちの方は、同曲を再生しながらお聴き頂けば楽しみも倍に!　お持ちでない方はいますぐ購入してから聴くといいと思います。

というわけで、レコードショップのpodcastとしてこれ以上ないほどの訴求力をもつコンテンツにもなっている。でこれも、べつに実況中継するのは音楽にかぎらず、映画でもスポーツでもかまわないはずだ。いわゆるオーディオコメンタリーを勝手に作ってpodcastするようなジャンルがあっていい。ディープなサッカーファンが全試合を観ながらコメンタリーするとか、軍事オタが集まって戦争映画を観たときのコメンタリーとか収録してあるとおもしろいんじゃないだろうか。

at 2006-04-27 06 06。ァ55 / 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, 25 2005 (Mon)

■ Processing(BETA)0085リサーチ

[/study/processing]

■授業で教えなきゃいけないのもあって、Processingベータの変更点やら新命令やらをリファレンスを読みながら書き出してます。なるほどけっこう変わってるなあ。いじってて気がついたことは、

メインループの構成の変更。従来loop()の中に書いていた記述はdraw()に書くようになり、ループするかどうかを選択できるようになった（loop()/noLoop()）。redraw()というrepaint相当の命令も用意されて、イベントドリブンなプログラムが想定されてるっぽい。
画面更新のパフォーマンスを最適化するような方策が採られている。従来pixels[]でディスプレイ画像のピクセルを操作すると即座に反映されてたけど、updatePixels()を明示的に呼ぶことで画面に反映されるようになった。updatePixels()は領域の指定もできるので、無駄な書き換えを減らせる。ちなみにPImage(従来のBImageから置き換わった）の内容を書き換えたときも同様で、PImage.updatePixels()を呼び出さないと画像を書き換えたことにならない。これは本家のリファレンスにはぜんぜん書いてないので、過去のプログラムをBETAにコンバートするときに注意。
OpenGLライブラリのサポートに際して、描画や座標変換に関する命令がよりOpenGLライクになった。3D系の命令（座標変換、カメラ、アトリビュート、光源）はOpenGLのAPIにネーミングもほぼ対応しているみたいなので、GLの入門テキストで勉強したほうがよさそう。

といったところ。目玉のライブラリについてはまだあんまり触ってないけど、VideoライブラリはQuickTimeムービークリップを操作する命令が充実しててけっこう楽しそう。期待のOpenGLライブラリはまだけっこうバギーな感じでおっかない。むしろじつはP3D（Processing専用の3D描画ライブラリ）が結構速くてよくできてるっぽい。2DのプログラムでもP3Dを指定するとOutofMemoryが出なくて問題なく動く場合なんかがあった。

このへんの情報はprocessing.dotimpac.toのwikiのほうにまとめているのでご参照ください＆更新歓迎。

http://processing.dotimpac.to/?0085

つづきを読む▼

.objで遊ぶ

at 2005-04-25 13 13。ァ45 / 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

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

Aug, 28 2005 (Sun)

■ スケジュール指向webメモツール：Calki　ver.002

[/works/web]

■夏の自由研究がわりにcalkiに手を入れてバージョンを上げてみました。Ajax系支援機能の追加でおもにデザインとユーザビリティがリファインされています。

prototype.jsを使ってこりこりと地味に非同期ロード系の機能を盛り込んでみたら、なんとなく便利っぽくなってきましたがどうでしょうか。とりあえずサンプル（というか自分で使ってる）サイトをごらんくださいませ。

http://calki.dotimpac.to/　サンプルサイト

つづきを読む▼

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

Nov, 01 2005 (Tue)

■ Create Your Own DragonQuest Spell

[/works/web]

■ちょっと思いついたので作ってみました。

http://dotimpac.to/work/dqspell/dqspell.html

参考：

なんか想像してたよりおもしろくなかったなー。
以上！

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

Sep, 26 2005 (Mon)

■ Piccy : Ajax photo album

[/works/web]

■ブラウザ上で気持ちよく使えることを目指した写真ビュアーを作ってみました。かなりのピュアAjax アプリケーションでもあります。

おもな機能

JavaScriptによる画面更新なしの写真閲覧
スライドバーで画像サイズの動的変更
画像のドラッグ＆ドロップによるタグ管理
写真タイトルなどのテキストをその場で編集（in-place-edit)

こちらでお試しください（アクセス集中すると重いかも…）

http://piccy.dotimpac.to/

■[追記]　公開後の問題を修正し機能を追加したver.001をリリースしました。

http://collisions.dotimpac.to/works/web/piccy001.html

つづきを読む▼

at 2005-09-26 12 12。ァ44 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Oct, 13 2005 (Thu)

■ Piccy ver.001

[/works/web]

■先日公開したPiccyを、問題の修正や新機能を追加してバージョン001として公開します。

バージョン001では動作の不具合の修正と以下の機能を追加しました。

管理者認証機能
写真、フォルダ、タグへのコメント
GPS携帯からの位置情報通知、ロケーションタグ機能
GoogleMapsによるロケーションタグ一覧

サンプルサイトをごらんください。サンプルサイトはパスワード「guest」で管理者ログインできます。

http://piccy.dotimpac.to/

■ロケーションタグとGoogleMapsAPIもフォトアルバムを考えていた当初からやってみたかったので、とりあえず作ってみましたがどうでしょうか。

ちなみに写真と位置情報については、以前増井"富豪家"俊之さんとお話してたときに（Wikiばなですな）、「位置情報と時間の関連データが取れてれば後からどうにでもなるんだから位置情報をいちいち写真に添付するのはナンセンスだ」という話をしてて、もっともだなーと思っていたので、そういうものをつくってみたいなと前から思ってたんでした。

■［追記］

バグを修正したpiccy002をリリースしました。
piccyサポートwikiページを用意しました

つづきを読む▼

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

■ WikiばなVol.4 Wiki博覧会に行ってきた

■ WikiBana Vol.5 に行ってきた

■ 毎日デジオしますよ

■ 個展3日目

■ @IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1)

■ "dotimpact" 田中孝太郎

■ Modulobeで遊んでみた

■ タイムラインを共有

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

■ Processing(BETA)0085リサーチ

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

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

■ スケジュール指向webメモツール：Calki ver.002

■ Create Your Own DragonQuest Spell

■ Piccy : Ajax photo album

■ Piccy ver.001

■ WikiばなVol.4　Wiki博覧会に行ってきた

■ WikiBana Vol.5　に行ってきた

■ "dotimpact"　田中孝太郎

■ スケジュール指向webメモツール：Calki　ver.002