iOS/Androidアプリ開発、UI/UXデザイン、ブランドサイトやウェブメディア立ち上げ、インタラクティブ制作まで。xbsにご相談ください。
Not a new idea here, but it was still fun to make. While in NYC last week, I spoke at the Boards Summit. They asked if Andrew Bell and I would give a talk on Processing. I made the following demo because I wanted an easy way to showcase what Processing can handle in real-time and also wanted a way to segue into showing off a couple audio-visual pieces I made a while back. I decided to just start w
Visualizing Data 最近は「見える化」っていうんですかね、著者のBen Fryはprocessingの生みの親にして、多量情報のビジュアライズを専門にするMITの研究者。 有名なところだとAnemoneとValenceなのかな。 同書は情報の可視化から、その理論、使いどころ、アルゴリズムからソースコードまで色々列挙されたナイスな本。まぁ英語だけどパラパラ見て絵が気に入ったらソースコード読むで色々勉強になりそう。 あとBen Fryの論文読みたければ、「情報デザイン―分かりやすさの設計」 という本に和訳が入っててお勧め。こちらもかなり名著というかマストな一品。 自分的にはiknowよりこういう本読む方が英語の勉強になる気がするYO
If you want a somewhat pretty picture of your DBIC schema (with relationships drawn, of course), install GraphViz, SQL::Translator, and DBICx::Deploy from the CPAN, and then run: $ dbicdeploy -Ilib MyApp::Schema ~/graphs GraphViz ~/graphs will then contain a .sql file that is actually a png of your schema. Rename it and see your schema in your favorite png viewing application. Oh yeah, the post ne
Thinking Machine 4 explores the invisible, elusive nature of thought. Play chess against a transparent intelligence, its evolving thought process visible on the board before you. The artwork is an artificial intelligence program, ready to play chess with the viewer. If the viewer confronts the program, the computer's thought process is sketched on screen as it plays. A map is created from the trac
http://lab.rails2u.com/auto_renderer/ を作ってみました。WinIE だとかなり重い疑惑なので注意です。 最近Life is beautiful: Flashで「油絵フィルター」を作ってみたを読んで、そういえば Taka さんが .fla で書いてたよなぁ、と読み返してみたら面白そうなので実装してみました。 で、あれこれやってるうちに、何にもないところから徐々にアニメーションさせて表示させてみたらそれはそれでかなり面白くて。レタッチして最終的な出来を重視するよりも、いろいろレンダラ差し替えたりサイズ変えたりしてる方が面白くなりそうなので、その値を微調整するインターフェイスを Flex2 で作ってみたり。 右下のフォームに作成プロセスを視たい画像の URL 入れればロードされます。最初はぼーっと視るのも良し、いきなり suto shape size を外し
MDCの記事用にGeckoのReflow(レイアウトを組み立てる処理)の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各
Diagram An activity diagram to describe the resolution of HTTP response status codes, given various headers. The diagram is available in various formats: http-headers-status.gif (205 kb) http-headers-status.jpg (340 kb) http-headers-status.png (447 kb) http-headers-status.svg (315 kb) please see request for assistance below The Visio diagram, published on Google Code Request for assistance
JavaScript でソートアルゴリズムを可視化 JavaScript でソートアルゴリズムを可視化するプログラムを書いてみました。元ネタは Jon Bentley による ソートアルゴリズムを可視化する Java アプレットです。 アルゴリズム 要素数 動作確認は Firefox 2, IE 7, Opera 9 で行いました。要素数は最大で200まで選べますが、かなり重くなるので遅いマシンで実行すると危険です。 English version is also available. ソースコード: sort-animation.js 解説 X軸が配列の添え字、Y軸が配列の要素の値を示しています。最初に要素がランダムに並んでいる配列 (値に重複なし) を作って、それを各種のソートアルゴリズムでソートする様子をアニメーションで表示します。 ただし、要素のあらゆる変更に対して毎回表示を更新し
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
VIRAL365: Platform Game Online Terpercaya dengan Beragam Pilihan Game Seru VIRAL365 - di dunia game online yang semakin berkembang, menemukan platform yang menawarkan pengalaman bermain yang seru dan terpercaya adalah kunci untuk menikmati hiburan digital dengan optimal telah berhasil menciptakan ruang bagi para penggemar game dengan menyediakan tidak hanya berbagai pilihan game yang mengesankan,
9割型のソーシャルタギング・サービスが、ユーザーインターフェースの模索をほとんどせずに、サービスの再生産をしているのは如何なものかと。 とか思ってみる。 例えばタグ分布の可視化を例にしてみると、はてな、del.icio.us, Technorati, Flickerと、まったく代わり映えがしない。あえて言うならば、Snippy(要招待)が面積比を使おうとしていたり、それ以前にflogが開き直ってタグを捨てたりしている程度である。 タグの可視化などサービスの本筋とは関係がない、と言ってしまえばそれまでだが、本質でないならばなおさらに有名サイトをマネするのではなく、むしろ積極的に情報デザインの実験の場にしてもよいはずだ。 例えば下の例は、サイズの代わりに背景の明度でタグのポピュラリティーを可視化したものだ。サイズ変化の手法では、最もポピュラーなタグは発見しやすいものの、サイズのせいで文字のベー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く