collisions.dotimpac.to

ニコニコ動画開発者ブログのコメントをニコ動コメント風に流すbookmarklet(IE7/FF) (2007-02-27)
Tokyo Estate Height Map (2006-07-31)
Webページでダイスを振るbookmarklet (2006-04-02)
Create Your Own DragonQuest Spell (2006-03-07)
Piccy ver.001 (2006-03-07)
Piccy : Ajax photo album (2006-03-07)
スケジュール指向webメモツール：Calki　ver.002 (2006-03-07)
kaiwarecotonoha powered by AJAX (2006-03-07)
スケジュール指向Wiki風メモツール：Calki (2006-03-07)
弾幕webブラウザ　BulletSurf (2006-03-07)
画像くっつきwebブラウザ　StickyWeb (2006-03-07)

Feb, 27 2007 (Tue)

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

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

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

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

インクルード版

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

Jul, 31 2006 (Mon)

■ Tokyo Estate Height Map

[/works/web]

■http://realtimemachine.sakura.ne.jp/mashup/tokyoheightmap/

■Sun×RECRUITマッシュアップアワード応募作品です。

桃鉄ネタにつづく、GoogleMaps×ゲームインターフェイスのマッシュアップ（？）でもあります。

つづきを読む▼

at 2006-07-31 21 21。ァ52 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 02 2006 (Sun)

■ Webページでダイスを振るbookmarklet

[/works/web]

■エイプリルフールエントリはなんかもっともらしいこと書いときゃいいだろ、と思って書いたらぜんぜんウソになってなかった。来年の4/1までにはもうちょっとウソがつけるようになっておかないと。

そんなわけで、「GoogleMaps上でサイコロが振れると桃太郎電鉄みたいでいいなー」というまえまえから暖めていたアイデアをあわてて作ってみたものです。

bookmarkletとしても動作するようにしました。以下のスクリプトを任意のwebページを開いてアドレスバーかブックマークに登録しておいて実行すると、そのページでサイコロが転がります。

javascript:(function(){var d=document;var h='http://realtimemachine.sakura.ne.jp/dice/js/';var s=d.createElement('script');s.src=h+'dice.js';d.body.appendChild(s);var s=d.createElement('script');s.src=h+'dicebm.js';d.body.appendChild(s);})();

まあネタ以外のなにものでもないですが、桃鉄のあのゲーム画面にサイコロが転がる感じはいまだに好きなんで、なんかこういう感じがWebにもあるといいよなーと思っているところです。

at 2006-04-02 10 10。ァ37 / 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

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

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

Aug, 28 2005 (Sun)

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

[/works/web]

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

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