郵便番号マップを作ってみた - てっく煮ブログ
ビジュアライジング・データ ―Processingによる情報視覚化手法 を読んでたら「アメリカの郵便番号を地図上に図示する」という例が出てきたので、これの日本版を作ってみました。 郵便番号マップ内陸地がぽっかりあいてるのが不思議だったり、色でどのへんの地域が近い番号なのかが分かったり、いろいろ興味深いです。絞り込み機能先頭の数字で絞り込む機能もつけてみました。これが東京（1XX）。これが中国四国地方（7XX）。うっすら四国の海岸線が見えます。今週は、これを作っていく過程を紹介していきたいと思います。乞うご期待。ビジュアライジング・データ ―Processingによる情報視覚化手法作者: Ben Fry, 増井俊之(監訳), 加藤慶彦出版社/メーカー: オライリージャパン発売日: 2008/12/01メディア: 大型本 連載目次（予定）郵便番号データをデータベースに入れるgeocoding
Context Free Art で立体を描く - てっく煮ブログ
ビル群ちょっとした立体風のものを描いてみた。立体を描く方法は Design ideas - Context Free Art を参照した。ソースはこちら。 startshape ALL rule ALL{ Buildings { hue 0 b .7} } rule Buildings{ Building {} BuildingsRecur { hue 10 y 2 s .8 x 4 z -1} BuildingsRecur { hue 10 y 2 s .8 x -4 z -1} } rule BuildingsRecur .1{} rule BuildingsRecur { Buildings{} } rule Building{ CUBESIDE { } Building { y 1 } } rule Building .2{ CUBETOP { } CUBESIDE {} } r
ウニができるまで 〜 Context Free Art の遊び方 - てっく煮ブログ
前回に引き続き、Context Free Art を取り上げる。今回は、Context Free Art で変なウニ風の生き物を作っていく手順を紹介する。さぁ、準備はいいですか？1. 基本となる図形まずは基本となる図形を描画する。こんなやつ。ソースコードは次のようなもの。 startshape LINE // LINE というルールを描画しろ rule LINE { // ルール LINE の定義 CIRCLE { s 6 1 x 3 sat 1 b .3 hue 30} } １行目の startshepe LINE では、「LINE というルールを描画しろ」と指定してる。じゃあ、LINE ルールはどうなってるかというと３行目で定義している。LINE ルールでは CIRCLE を１つ描画する。CIRCLE は Context Free で定義されている円を描画するルールだ。ルールにいくつか
驚きの表現力のお絵かきプログラミング Context Free Art を試してみた - てっく煮ブログ
文脈自由文法でアートが楽しめる Context Free Art というのを試してみた。Windows, Mac, Linux などで利用できて、簡単なコードを書けくだけで複雑な幾何学アートを生成してくれる。サンプルから１つ起動後、メニューの Example からいくつかのサンプルを試してみた。たとえば、木を生成するサンプル「weighting_demo」のソースはこんなの。 startshape SEED1 rule SEED1 { SQUARE{} SEED1 {y 1.2 size 0.99 rotate 1.5 brightness 0.03} } rule SEED1 0.05 {SEED1 {flip 90}} rule SEED1 0.05 { SQUARE{} SEED1 {y 1.2 s 0.99 r 1.5 b -0.5 flip 90} SEED1 {y 1.2 x
アルゴリズムイントロダクション輪講 動的計画法の発表資料 - てっく煮ブログ
2009年3月2日に、はてな京都オフィスで開催された アルゴリズムイントロダクション輪講 の第12回で「動的計画法」について発表しました。資料をここにおいておきます。View more presentations from nitoyon.分かりやすくしようと気合を入れてまとめたら165ページの大作になっちゃいました。無駄に長くてすいません。アルゴリズムの設計と解析手法 (アルゴリズムイントロダクション)作者: T.コルメン, R.リベスト, C.シュタイン, C.ライザーソン, Thomas H. Cormen, Clifford Stein, Ronald L. Rivest, Charles E. Leiserson, 浅野哲夫, 岩野和生, 梅尾博司, 山下雅史, 和田幸一出版社/メーカー: 近代科学社発売日: 2007/03メディア: 単行本
jQuery と object タグの怪 (その２) - てっく煮ブログ
JavaScriptjQuery と object タグの怪 の続き。コメントいただきましたコメント欄で id:coma2n さんのコメントを読んで Silverlight.js の存在を思い出した。Silverlight.jsのヘルパー関数を使えってことなのかなー。ちょっと調べてみます。Silverlight.js の存在を完全に忘れていたが、過去の自分が書いていた…。silverlight.js は SDK インストール時に C:\Program Files\Microsoft SDKs\Silverlight\v2.0\Tools に展開されている。HTML で書くよりも細かな設定ができる印象だ。いくつかの付加機能も魅力的。Flash での swfobject みたいな感じ。Silverlight 2 開発のバリエーション - てっく煮ブログそういえばそんなものがあったなぁ。Silv
jQuery と object タグの怪 - てっく煮ブログ
JavaScriptSilverlightコンテンツを埋め込むｊQueryプラグイン - Programmable Life で困ってたので一緒に悩んでみた。でも何故かIEでは動かない。誰か動くようにしてけれ！Silverlightコンテンツを埋め込むｊQueryプラグイン - Programmable Lifeobject を作れていない？手元に環境を作って動かしてみると、 に を追加するところで JavaScript エラーが出る。状況を切り分けるために、 を追加する部分をコメントアウトしてみた。IE DOM Explorer で眺めてみると DIV タグが追加されている。どうやら var obj = $('').attr({ ... }); のところで object タグが作られていないようだ。jQuery でよく見る現象だ。こういうときは閉じ括弧を入れてあげると大抵うまくいく。
スクリーン座標・クライアント座標の変換いろいろ - てっく煮ブログ
GUI なコーディングしてると必ず出てくる「スクリーン座標とクライアント座標の変換」。環境によって名前がバラバラで思い出すのに時間がかかってしまうのでメモしておく。環境変換方法ActionScript3DisplayObject.globalToLocal(pt:Point), DisplayObject.localToGlobal(pt:Point)JavaScriptevent.screenX, event.screenY, event.clientX, event.clientYJavaScript (prototype.js)Position.positionedOffset()Win32ClientToScreen(), ScreenToClient(), GetWindowRect()WinFormsControl.PointToClient(), Control.PointT
「50個のポリゴンでモナリザ」を AS3 で - てっく煮ブログ
as3ニテンイチリュウ : Image Evolution 経由で知った Image Evolution を試してみた。50個の半透明なポリゴンを塗り重ねてモナリザに近づけてみよう、という試みだ。仕組みは単純。ランダムに配置したポリゴンをランダムに変形させたり色を変えたりしてみて、モナリザの画像の色に近づけば採用、そうでなければ止める。これだけ。微分してとか、輪郭抽出してとか、そういう賢いことは何もやらない。単に貪欲にシミューレーションし続けている。手元の環境で動かしたらこんな感じになった。壮大なる CPU の無駄使い。だが面白い。いちおう Flash も貼っておく。が、猛烈にブラクラなので扱いは慎重に。高速化のために、BitmapData.compare() といったビルトインのメソッドを使っているので、Firefox 3 で canvas 版 よりも10倍ぐらい速く動いた。オリジナルの
<div id="flashcontent">の中身も… - てっく煮ブログ
as3trick7 - 地図を使った「N-04A」スペシャルサイト にて紹介されていた N-04A のサイトがいい感じですね。自分の知る限り、Google Maps API for Flash を前面に押し出した最初のキャンペーンサイトです。しっかりと作り込んでいて、地図と Flash の連携も大変面白いです。が、詰めが甘かった。JavaScript オフで見ると…あぎゃー。なんじゃこれーと思ってぐぐってみると、Flashのフレームワーク「Progression3」を始めてみよう！：第4回 Progression3でWebサイトを作る（前編）｜gihyo.jp の サンプルサイト が引っかかりました。なるほど、これをベースに作成したんですね！私は普段、JavaScript オフで生活しているので、こういう面白い事例に出会いやすいです。JavaScript オフのとき用のページもしっかり作り
セキュリティ＆プログラミングキャンプキャラバン京都2008に行ってみた - てっく煮ブログ
event2月7日の京大でやってた「セキュリティ＆プログラミングキャンプキャラバン京都2008」に行ってみた。人が多くて(80人ぐらいだったらしい)盛り上がってました。志の高い学生さんみたいな人がいっぱいいて活気がありました。プログラミング基礎ミラクルリナックスの吉岡さん(id:hyoshiok)の入門心構え。「ソースコード読むチカラ」が重要ですよ、という話が印象的だった。同感。他人のソースを読んで理解して真似できるかどうかが決めてだと思います。私も読んでる時間のほうが長いなぁ。最後の質疑応答で「何を読めばいいか」といった質問があったけど、やっぱり数をこなすしかないところもある。色んなコード読んでるうちに、これはきれいだなー、とか、ほーそんなやり方が！といった驚きに出会える。いきなり Linux とか Apache とかのソースを読むのは荷が重過ぎるので、最初は自分の興味のあるジャンルの数
Silverlight 2 でちょっとしたアプリケーションをデザイナと作った話 - てっく煮ブログ
silverlight先週のことになりますが、会社でデザイナーさんと一緒に Silverlight 2 アプリケーションを開発してみました。 完成品（４色目並べ）デザイナーとプログラマーの感想は会社のブログに書いています。デザイナー側の感想プログラマー側（私）の感想ブログの方にも書いてますが、とても快適に開発することができました。いままで HTML とか Flex でストレスに感じていたことをほとんど解消してくれる気がします。あと、デザイナーさんが Expression Blend を試すところを横で見ていたのですが、Photoshop や Illustrator を使える人ならば大きな苦労もなく馴染めるようです。ちょっとした操作感の違いはありますが、予想したよりも短い時間で使いこなしている様子に驚きました。Adobe も Expression Blend にあたる Flash Catal
ActionScript3 ブロックスコープの ABC - てっく煮ブログ
as3, tamarin※ AS3 にはブロックスコープがないよ、という内容です一時変数の効率化｜_level0.KAYAC という記事に怪しいことが書いてあったので突っ込んでおきます。この記事によると、for の中で変数を宣言するよりも // 中バージョン function foo1():void{ for(var i:int = 0; i { var a:Object = new Object(); } } 外で宣言をしたほうが // 外バージョン function foo2():void{ var a:Object; for(var i:int = 0; i { a = new Object(); } } a が宣言される回数が少ないので効率的だとしています。けれども、これは間違いです。for の中で宣言しても、ブロックのあとでも生き残ります。もっと言ってしまえば、var 宣言する前
JavaScriptでかんたんHTAアプリに挑戦 - てっく煮ブログ
JavaScriptこんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか、Operaナントカとか…。こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！そしたら意外と簡単だった…！ これならぼくにも作れそう！！ってことで、ちょっとメモしておきますね！ どれにしようかな…！つくるのが簡単なことWinで動いたらいいや使う人がインストールしやすそうなのがいいこんな感じで考えていくと… Googleガジェット か AIR なのかなー、って思ったんだけど、プラグインとかインストールはめんどくさいから、なにもせずに使えるものがいいよね！だから HTA（H
Flex 3 リファレンスガイドの ZIP 版が公開 - てっく煮ブログ
as3via [Flex][AIR] Adobe Flex 3 リファレンスガイドがダウンロード出来るようになりました。 - いそっちノートZIP には HTML と PDF が全て入ってるので、AS3 や Flex 3 の開発する人は手元に置いておくとよいですね。ドキュメント一覧：http://www.adobe.com/support/documentation/jp/flex/ZIPへの直リンク：http://livedocs.adobe.com/flex/3_jp/flex3jp_documentation.zipHTML ヘルプ(chm) を作る方法は、ちょっと古いけど次のページが役に立つよ。flex3_htmlhelp.rb の目次を充実させた - てっく煮ブログflashhelp2chm-ja - Google Code
AS3 を手軽に開発・投稿できるサービス Wonderfl がとてもいい感じ - てっく煮ブログ
asKAYAC さんがリリースした（まだ正式リリースはしていない？） Wonderfl Build Flash Online がとてもよい感じ。 Wonderfl Build Flash Online手軽に開発ブラウザ上で ActionScript3 のソースコードを書いたら、リアルタイムでコンパイルしてプレビューできます。Flex SDK と rascut を導入 すれば同じような感じで開発はできるんだけど、開発環境を整えることなくブラウザ上で手軽に試せるのがとてもよいですね。お手本を元に勉強し放題しかも、他の人のソースとかも見れて、気になるやつは Fork して自分でいじって遊ぶこともできる。お手軽だー。私も Hello World!!! | Wonderfl Build Flash Online というソースを試しに作ってみたのですが、それを Fork して いい具合に改造する人が出
【YQL 速攻レビュー】米 Yahoo! が SQL っぽく色んなデータを取ってこれるAPIを出した - てっく煮ブログ
米 Yahoo! が Yahoo! Pipes みたいに自由度が高くて、またちょっと毛色が違うサービスが出てきた。題して、Yahoo! Query Language。YQL と呼ぶようだ。SQL 風の言語を REST で投げて、結果を XML や JSON で受け取ることができる。具体的にやってみないと分かりにくいので、とりあえず試してみた。RSS からデータ取得YQL を使って RSS から最新のタイトル10個を取ってきてみる。こんな YQL になるらしい。 select title from rss where url='http://d.hatena.ne.jp/nitoyon/rss' rss テーブルに対して select を発行している。実際にこの YQL を試すには YQL 用の console を利用するとよい。（※要ログイン）console の左上に YQL を入力して
はてなブックマークの細かすぎて伝わりにくい新機能を勝手に紹介 - てっく煮ブログ
はてなブックマークがリニューアルして毎日楽しく使っているわけですが、そんな中で気付きにくいけど知ってると便利な機能を勝手にまとめてみました。人気エントリの要約を非表示にみんな大好き人気エントリーに、リニューアル後から要約が表示されるようになりました。クリックする前に概要が分かって便利なのですが、古いインターフェースのほうがよかった…という人もいることでしょう。でも大丈夫。そんな人は「人気エントリー」の右端にある▲のボタンを押してみましょう！要約が消えます。すっきり読みたい人にお勧め。あ、もう一回クリックすると要約は復活します。タグとお気に入りを旧バージョンで右側のボタンつながりで、タグとお気に入りを戻す方法を紹介します。タグが一覧になってしまって悲しい人は、右側のボタンを押しましょう。おー、一昔前のタグクラウドと切り替えられるわけですね。お気に入りも見た目が変わりましたが、これも右側のボタ
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Context Free Art の tile が便利!? - てっく煮ブログ