タグ

ブックマーク / d.hatena.ne.jp/gyuque (6)

  • Spark勉強会 JSplashの資料を公開+α - 最速チュパカブラ研究会

    A Brief Introduction in English JSplash is a conversion tool, that converts SWF movies to javascript. Converted script renders shapes with SVG and rewrites ActionScript dynamically to run on browser's JS Engine. You can see a demonstration at http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml Left one is a screenshot of the movie running on JSplash. And right one is running o

    Spark勉強会 JSplashの資料を公開+α - 最速チュパカブラ研究会
    t_43z
    t_43z 2008/10/03
    これはすげー!
  • 100%失敗するWebアプリの作り方 - 最速チュパカブラ研究会

    誰にとは言いませんが、私からの警告です。 要件 「Web上で日記を書いて、コメントをつけるシステムを作りたい」 普通の技術者の設計 えーと、日付ごとに分けてテキストを保存しておけばいいんだな。一日に複数の話題を書くこともあるだろうから、先頭に * がある行は見出しとして扱おう。コメントはシンプルなテキストで、各日付に関連させておけばいいな。 以上。 天才(自称)の設計 ふむ、コメントつきの日記システムか。凡人にはコメントと文は別物のように見えるかもしれないけど、俺に言わせると実は同じものなんだ。だって、どちらも何かの話題に対して何らかの意見を述べているものだろ? 違いは、ある話題のツリーのトップにあるのが文、そこにぶら下がってるのがコメント。ツリーといえばファイルシステムだ。そう、つまり我々が作ろうとしているものはファイルシステムの一種なんだよ。日記を書けるファイルシステムというものを

    100%失敗するWebアプリの作り方 - 最速チュパカブラ研究会
  • 「家庭教師のトライ」のCM風に落書きできるサービス「TryPaint」公開 - 最速チュパカブラ研究会

    「家庭教師のトライ」のCMで、お偉いさんが堅い話をしている映像がリアルタイムで落書きされるというのがあります。 これを再現するサービス「TryPaint」を作ってみました TryPaint: http://try.dzfl.jp/ 遊び方 Webカメラを接続して上記のURLへ行ってください カメラを選択するボタンが現れるので、いずれかを押して選択してください(アナログテレビのチューナがある場合は、それも表示される場合があります) カメラに顔を映してください 画面下の丸いエリアに絵を描いてください 顔の認識に成功すると、描いた絵が顔の上に表示されます ボタンの説明 描いた絵をサーバ上に公開します カメラからの取り込み映像を一時停止します アンドゥです。1回だけです(´・ω・) 記念撮影をします 絵を消去します 補足 顔全体だけでなく目も認識に使っているので、カメラに目を見せるようにすると動き

    「家庭教師のトライ」のCM風に落書きできるサービス「TryPaint」公開 - 最速チュパカブラ研究会
  • WebKitのCSSパーサをActionScript3に移植するよ - 2008-04-22 - 最速チュパカブラ研究会

    ちょっとFlashから呼べるCSSパーサが欲しくなったんで、WebKitのものを移植してみました(まだ7割ぐらい) http://coderepos.org/share/browser/lang/actionscript/ascss/src/ パース結果をグラフに出すサンプルはこんな感じです http://svn.coderepos.org/share/lang/actionscript/ascss/src/CSSTest.swf エラいのは私じゃなくてkmyacc。当にコレはすごい。文法定義の部分は、WebKitのものがほぼ修正なしで通りました(もちろんその後のmxmlcは通らないけど)

    WebKitのCSSパーサをActionScript3に移植するよ - 2008-04-22 - 最速チュパカブラ研究会
  • IEの気持ち - 最速チュパカブラ研究会

    amachang史上最多のブクマ数をマークした例のwindow.documentの高速化に関して、便乗してちょっと書いてみようと思います。 基礎知識 ブクマコメントで 2007年10月11日 b:id:staki vbやった事ある人なら自然に沸く発想だったりする。理屈も同じなんじゃなかろうかと妄想。五倍ってのは中々無かったけど。 * と指摘されているのは、たぶんCOMまわりの事だと思います。御存知のように、Windowsはシステム内のあらゆる部品をCOM(Component Object Model)オブジェクトとして実装しており、IE内のxxElementやDocument、Window、そしてIE自身もCOMです。 で、javascriptでよくやる window.document という操作も、(amachangのテクニックを使っていない場合は)COMを通して行うことになります。この

  • GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会

    MDCの記事用にGeckoのReflow(レイアウトを組み立てる処理)の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各

    t_43z
    t_43z 2007/03/28
    「Geckoのレイアウトを組み立てる処理をアニメーションにしました。」これは面白い。
  • 1