collisions.dotimpac.to

Processing days (2006-03-07)
日本初のProcessing解説書「Built with Processing」が発売されます (2007-03-01)
「Built with Processing」は３月28日ごろ発売です (2007-03-20)
@IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1) (2006-03-07)
よく考えたらわりと遍在するJavaScript (2006-03-07)
AIExport for Processing 0085 Beta (2006-03-07)
Processing入門2005 (2006-03-07)
Processing(BETA)0085リサーチ (2006-03-07)
think-routine #15　キンダー・ブック (2006-03-07)
Piccy : Ajax photo album (2006-03-07)
Piccy ver.001 (2006-03-07)

Apr, 04 2005 (Mon)

■ Processing days

※dotimpactが「紙相撲の土俵をトントンすると、画面の相撲中継のムービーがコマ送りされる」という改造マウス作品のムービーを発表している様子。「紙相撲」が英訳できそうになくて困った。

■ 前書いたとおりTDCDAYのために Processing のプロジェクトリーダー Ben Fry と Casey Reas （ケイシー・リースという読みかたがなかなか馴染まない…）が来日していました。

で、TDCDAYでのレクチャーはもちろん聴きにいったんですけども、とある筋で両名を招いた日本のProcessingユーザー（…だったのかな？）によるパーティのようなものが企画されていまして、そちらにも参加させていただきました。

てことでそのあたりをレポートしておきます。

つづきを読む▼

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

Mar, 01 2007 (Thu)

■ 日本初のProcessing解説書「Built with Processing」が発売されます

[/info]

Built with Processing ―デザイン/アートのためのプログラミング入門

前川峻志、田中孝太郎
予価：本体3,400円＋税
ISBN：978-4-86100-424-7
B5判/並製本/4C/232頁
2007年3月下旬発売

■去年苦心して書いていた本が発売されることになりましたので紹介させてください。Processing.jpの前川君といっしょにProcessingの本を書きました。

授業のためのテキストを公開してたりした関係でBNNの編集さんに声をかけていただきまして、授業のテキストとして使ったり、プログラミング入門者がProcessingを独習したりできるような本を目指して内容をまとめたつもりです。またたんなるプログラムの学習本ではなく、ProcessingのコミュニティやProcessingを使った作品の紹介、実際にProcessingでプロトタイプを作った卒業制作（「千篇書道」!!）の制作プロセスなども扱っているところもユニークな本になってると思います。

目次は以下。近日中に見本が刷り上がってくるとのことなので、そのころまた続報いたします。

つづきを読む▼

「Built with Processing」目次

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

Mar, 20 2007 (Tue)

■ 「Built with Processing」は３月28日ごろ発売です

[/info]

■先日お知らせした「Built with Processing」の見本刷りが届きましたので続報です。書店に入荷するのは今月の27～28日ごろになります。amazonではまだ扱われていませんが、発売されてからになるだろうとのことです。

以下ちょっとだけプレビュー。本屋で見かけたら手にとってみていただけるとうれしいです。

つづきを読む▼

「Built with Processing」内容プレビュー

at 2007-03-20 01 01。ァ13 / 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

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

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

Oct, 06 1998 (Tue)

■ think-routine #15　キンダー・ブック

[/text/think-routine]

初出：2000-03-25

つづきを読む▼

注釈とか余談

at 1998-10-06 00 00。ァ00 / 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

■ Processing days

■ 日本初のProcessing解説書「Built with Processing」が発売されます

■ 「Built with Processing」は３月28日ごろ発売です

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

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

■ AIExport for Processing 0085 Beta

■ Processing入門2005

■ Processing(BETA)0085リサーチ

■ think-routine #15 キンダー・ブック

■ Piccy : Ajax photo album

■ Piccy ver.001

■ think-routine #15　キンダー・ブック