http://code.djangoproject.com/wiki/UsingVimWithDjango#UsingVimwithDjango

まずはここからデフォルトのランタイムパス以下のファイル群を取得。
http://www.vim.org/download.php
version 7.xのソースごとdownloadしてその中のruntimeディレクトリ以下が目的のものです。

とインストールしてる最中にこんなのがあることに気づきます。。
http://www.vim.org/runtime.php
指示通りにaapをインストールし、runtimepathにcdして実行するとどんどんファイルが更新されて行きます。

:cd $VIMRUNTIME
:!aap -f ftp://ftp.vim.org/pub/vim/runtime/main.aap fetch

一度これを実行しておけば、あとは定期的に

app fetch

を実行するだけで、更新されたファイルのみアップデートしてくれるようです。
結構便利ですね。これ。

続いてカラースキームやらプラグインファイルをdownloadしていきます。

• inkpot.vim(color scheme)
• minibufexpl.vim
• yankring.zip
• surround.zip
• Align.vba.gz
• taglist.zip
• fuzzyfinder.zip
• eregex(まだ)
• snipettsEmu(まだ。snipetMetaに移行するか迷い中)http://blog.dealforest.net/2009/04/migrate-over-to-snipmate-from-snippetseeu
• mru(まだ)
• EnhCommentify.vim(まだ)

あわせて.vimrcも整理してかなりすっきりしました！
http://pakpak.jp/work/dot_files/_vimrc

25
26
27
28
29
30
31
32
33
34
35
36
37

        try {       
          ExternalInterface.call(<><![CDATA[
              (function(obj, klassName) {
               obj.toString = function() { return klassName };
               console.log(obj);
               ;})  
              ]]></>.toString(),
              ObjectUtil.clone(arg),
              getQualifiedClassName(arg)
              );    
        } catch(e:Error) {
          ExternalInterface.call('console.log', r);
        }

ExternalInterface.callの第一引数がなんか見慣れない書式。
なんかオブジェクトつくってtoStringしてる？
調べてみた。

package {
  import flash.display.*;
  public class Hello extends Sprite {
    public function Hello(){
      var hoge:Object = <><![CDATA[
        (function(obj, klassName) {
         obj.toString = function() { return klassName };
         console.log(obj);
         ;})
        ]]></>;
      log(hoge);
      log(hoge.toString()); 
    } 
  }
}

なるほどー。CDATAセクションのみのXMLListオブジェクトつくってtoStringしてるんですね。それにしても変わった書式。

というか、ExternalInterface.callの第一引数、evalしたときに関数になってたら何でもokなんすね。
これならjs,flashの連携が楽にできそ。

まずはflex3sdkをインストール。

http://blogs.adobe.com/akamijo/archives/2009/03/flex_sdk_33.html
こちらを参考にしました。
そして適当なディレクトリ(Macなら/Applications/flex_sdk_3.4とか)にzipファイルを展開。
パスを通す。

export PATH=/Applications/flex_sdk_3.4/bin:$PATH

終わり。

次にログ出力のための設定。

これについては後で少し解説します。

frameworks/flex-config.xml

32
33
34

      <source-path>
        <path-element>/Applications/flex_sdk_3.4/log</path-element>
      </source-path

souce-pathに指定したファイルパス以下のファイルはコンパイル時に自動でロードされます。
log以下には以下の２つのファイルを配置。
こちらからダウンロードできます。（ちなみに僕は作者ではありません。。）
http://github.com/hotchpotch/as3rails2u/blob/113c00677c1c1807e1f40060a4a49e8681a2831d/src/log.as

log/ObjectUtil.as

package
{
    import flash.utils.getQualifiedClassName;
    import flash.utils.ByteArray;
 
    public class ObjectUtil {
        public static function clone(arg:*):* {
            var b:ByteArray = new ByteArray();
            b.writeObject(arg);
            b.position = 0;
            return b.readObject();
        }
 
        public static function inspect(... args):String {
            return inspectImpl(args, false);
        }
 
        internal static function inspectImpl(arg:*, bracket:Boolean = true):String {
            var className:String = getQualifiedClassName(arg);
            var str:String; var results:Array;
 
            switch(getQualifiedClassName(arg)) {
                case 'Object':
                case 'Dictionary':
                    results = [];
                    for (var key:* in arg) {
                        results.push(inspectImpl(key) + ':' + inspectImpl(arg[key], false));
                    }
                    str = classFormat(className, '{' + results.join(', ') + '}');
                    // str = classFormat(className, arg);
                    break;
                case 'Array':
                    results = [];
                    for (var i:uint = 0; i < arg.length; i++) {
                        results.push(inspectImpl(arg[i]));
                    }
                    if (bracket) {
                        str = '[' + results.join(', ') + ']';
                    } else {
                        str = results.join(', ');
                    }
                    break;
                case 'int':
                case 'uint':
                case 'Number':
                    str = arg.toString();
                    break;
                case 'String':
                    str = arg;
                    break;
                default:
                    str = classFormat(className, arg);
            }
            return str;
        }
 
        internal static function classFormat(className:String, arg:*):String {
            return '#<' + className + ':' + String(arg) + '>';
        }
    }
}

log/log.as

package {
  import flash.external.ExternalInterface;
  import flash.utils.getQualifiedClassName;
  import ObjectUtil;
 
  /**
   * log() is Object inspect dump output to trace() and use 
   * Browser(FireFox, Safari and more) External API console.log.
   * 
   * example
   * <listing version="3.0">
   * var a:Array = [[1,2,3], [4,[5,6]]];
   * var sprite:Sprite = new Sprite;
   * log(a, sprite);
   * # output
   * [[1, 2, 3], [4, [5, 6]]], #&lt;flash.display::Sprite:[object Sprite]&gt;
   * </listing>
   */
  public function log(... args):String {
    var r:String = ObjectUtil.inspect.apply(null, args);
    trace(r)
      if (ExternalInterface.available) {
        var arg:* = args.length == 1 ? args[0] : args;
 
        try {
          ExternalInterface.call(<><![CDATA[
              (function(obj, klassName) {
               obj.toString = function() { return klassName };
               console.log(obj);
               ;})
              ]]></>.toString(),
              ObjectUtil.clone(arg),
              getQualifiedClassName(arg)
              );
        } catch(e:Error) {
          ExternalInterface.call('console.log', r);
        }
      }
    return r;
  }
}

コンパイルしてみる。

/samples/explorerに移動して

% mxmlc explorer.mxml
設定ファイル "/Applications/flex_sdk_3.4/frameworks/flex-config.xml" をロードしています
/Applications/flex_sdk_3.4/samples/explorer/explorer.swf (382598 bytes)

ちゃんとswfが出力されました。

Rascutをいれる。

http://d.hatena.ne.jp/nitoyon/20070914/how_to_install_rascut

% rascut Hellow.as -s

とすると、localhost:3001でプレビュー、ファイル更新を監視して自動的にコンパイル、そしてデプロイまでやってくれちゃいます。すてきです。

log.as

最後に上で設定したログ出力の関数について少しだけ触れておくと、
こんな風にプログラム中でおもむろにlog(object)と書くと、firebugのコンソールにログ出力されるという代物です。

package {
  import flash.display.*;
  import flash.text.*;
 
  public class Hello extends Sprite {
        public function Hello(){
      var textField:TextField=new TextField();
      textField.text="Hello World!";
      addChild(textField);
      log([1,2,3]);
      log(textField);
    }
  }
}

モダンPerl入門 (CodeZine BOOKS)

牧 大輔. 翔泳社 2009, 大型本, 344ページ, ¥ 2,940

さわりだけ読んで半年近く本棚に寝かしておりましたが、
昨日やっと読み終えました。
といってもあまり興味ない箇所ははしょりましたが＾＾；

デザパタと、perl使いが覚えておくべきことみたいなの（もう章立てわすれてる）は非常にためになった。
中級者向けかなと思いました。
体系的に学ぶというよりは、他の書籍でカバーしきれない内容を補ってくれる感じです。
初めてのperl、effective perlときてこれを読むと効果的かと思いました。

おとなりはひと世代前のmac book君。そのまたとなりはtimecupsleです。
キーボードはHHK Professional2です。以前はmac book君のキーボードを使って作業していたのですが、
職場の環境と合わせるためにHHK Professional２代目購入しちゃいました。
ディスプレイとあわせて8万の出費。。。
結構いたいですが、これでかなり家の開発環境が快適になりました！

このブログの更新頻度もあがるかも？？

紛失した過去記事の中で使っていたプログラムをサルベージ。
javascriptで実装したサポートベクターマシン(Support Vector Machine：SVM)のデモプログラムです。

デモ：

http://pakpak.jp/work/svm_javascript/

平面にプロットされた二種類の点（赤、青）を学習データとし、それら二種類の入力を識別する関数を求め、分離超平面（カーネルトリックってのを使ってるから曲面になる）を可視化しています。

正方形のマップ上で左クリックすると点がプロットされます。プロットする点の色は下の「change color」から変更します。「execute svm」をクリックするとそれまでの入力を学習し、識別関数を求めて分離超平面を可視化します。その下にある「parameter」と「kernel」は分離超平面の求め方を制御するためのものです。

canvas？何それ？状態な時期につくったもので、マップ表示は全部ただのdivタグですw あと、firefoxでしか動作確認していません。また、条件によって非常に計算量が多くなり、ブラウザが落ちちゃう可能性もありますので、その辺ご理解の上ご覧下さいm(_ _)m

SVM？何それ？

って方に。
http://www.neuro.sfc.keio.ac.jp/~masato/study/SVM/index.htm
もすこしちゃんと勉強したい方はこちらが参考になるかと思います。
http://www.ism.ac.jp/~fukumizu/ISM_lecture_2006/

http://arx.ee.utsunomiya-u.ac.jp/research/svm/index.html

http://ibisforest.org/index.php?SVM

自分の理解

理論的なところをちゃんと理解した訳じゃないんですが、二種類のグループの間の距離（マージン）を最大化することで分離超平面を求めるという手法（線形SVM）のようです。でも平面だと曲面じゃないと分離できないようなケースに対応できないので、高次元の特徴空間に写像しておいて、そこで二つのグループを分離する超平面をもとめるという手法（非線形SVM）が用いられます。しかし、写像先での分離超平面を求める際に、その空間でのベクトル演算が必要になるのですが、高次元ベクトル演算の計算量は次元数に対して指数的に増大（たぶん）していくのでなるたけ避けたい。そのため、カーネルトリックとよばれる数学的手法が用いられる。これは、写像前のデータによる演算（実際必要なのは内積）をあたかも写像先で行ったかのように扱うことが出来る関数（カーネル関数）を用いる手法だそうです。（なんでそんなことが可能なのか私にはよくわかりません。。）特定の条件を満たす関数であればカーネル関数としてあつかっていいそうで、デモの「kernel」という項目ではそのカーネル関数のうちいくつかを選択することが出来るようになっているという訳です。

と、いつの間にかこんな時間だ。。おやすみなさいzzz

]]> http://blog.pakpak.jp/2009/08/23/javascript-de-svm/feed/ 0 http://blog.pakpak.jp/2009/08/21/%e3%82%b8%e3%83%b3%e3%83%a1%e3%83%ab%e3%83%bb%e3%81%a4%e3%81%aa%e3%81%8c%e3%82%8a%e3%81%ae%e5%93%b2%e5%ad%a6-nhk%e3%83%96%e3%83%83%e3%82%af%e3%82%b9-%e5%8d%98%e8%a1%8c%e6%9c%ac/ http://blog.pakpak.jp/2009/08/21/%e3%82%b8%e3%83%b3%e3%83%a1%e3%83%ab%e3%83%bb%e3%81%a4%e3%81%aa%e3%81%8c%e3%82%8a%e3%81%ae%e5%93%b2%e5%ad%a6-nhk%e3%83%96%e3%83%83%e3%82%af%e3%82%b9-%e5%8d%98%e8%a1%8c%e6%9c%ac/#comments Fri, 21 Aug 2009 14:50:00 +0000 pakpak http://blog.pakpak.jp/?p=97

ジンメル・つながりの哲学 (NHKブックス)

菅野 仁. NHK出版 2003, 単行本, 256ページ, ¥ 1,019

計算不可能性を設計する―ITアーキテクトの未来への挑戦 (That’s Japan)

神成 淳司. ウェイツ 2007, 単行本, 295ページ, ¥ 1,680

生物と無生物のあいだ (講談社現代新書)

福岡 伸一. 講談社 2007, 新書, 286ページ, ¥ 777

決断力 (角川oneテーマ21)

羽生 善治. 角川書店 2005, 新書, 201ページ, ¥ 720

考える脳 考えるコンピューター

伊藤 文英 (翻訳). ランダムハウス講談社 2005, 単行本, 269ページ, ¥ 1,995

wordpressのエントリのうち書評タグがついているものをDBから取得して、エントリ本文をサーバサイドでパースして本棚風に加工して表示しようと考えたけどwordpressのphpにうんざりしたのでやめた。
かわりに書評タグがついたfeedをxhrで取得してjavascriptでXMLパースすることに。
なんやかんやで一時間ぐらいはかかりますね。。
cssは徐々にかっちょよくしていく予定（未定）

あ、サイドバーに表示するウィジェットもついでにつくろーっと。
うーん、、safariでうまくうごかないorz。ちなみにmac/ff3でしか動作確認してません。。

safariのDMParserでgetElemetsByTagNameでcontent:encodedタグが取得できていなかったようです。なんでだろ。。
とりあえず、WebKitのみdom全体をtextContentで取得して正規表現にかけることで対処しました。
こんな感じ。

54
55
56
57
58
59
60
61
62
63
64
65
66

      if(key === 'content:encoded'){
        var value;
        if(Prototype.Browser.WebKit){
          value = item.textContent;
        }else{
          value = item.getElementsByTagName(key)[0].textContent;
        }
        var result = value.match(/"(http:\/\/ecx\.images-amazon\.com\/.+\.jpg)"/);
        node['image'] = result[1];
      }else{
        var value = item.getElementsByTagName(key)[0].textContent;
        node[key] = value;
      }

神々の沈黙―意識の誕生と文明の興亡

Julian Jaynes (原著). 紀伊國屋書店 2005, 単行本, 637ページ, ¥ 3,360

下流志向〈学ばない子どもたち 働かない若者たち〉 (講談社文庫)

内田 樹. 講談社 2009, 文庫, 280ページ, ¥ 550

飽きのこないいいデザインですよね。カスタマイズ性も高いし言うことなしです！

]]> http://blog.pakpak.jp/2009/08/19/wordpress%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e%e3%80%82/feed/ 0 http://blog.pakpak.jp/2009/05/27/taskpapervim/ http://blog.pakpak.jp/2009/05/27/taskpapervim/#comments Wed, 27 May 2009 13:05:03 +0000 pakpak http://blog.pakpak.jp/?p=43 最近vimをGTDツールとして使っていたのですが、
syntaxハイライトしてほしいなとおもって探したらこんなのありました。
http://www.vim.org/scripts/script.php?script_id=2027

メールで日報を送ったときに終了したタスクがわかりやすいようにフォーマットを修正。
syntax/taskpaper.vim

1

syn match  taskpaperDone "^>.*$"

タスクが終わったらtd！
.vimrc

1
2

autocmd FileType taskpaper  :nmap td :s/^/> /:nohlsearch
autocmd FileType taskpaper  :vmap td :s/^/> /:nohlsearch

JSDeferredはcho45さんがモチキのDeferred機構に影響されて作ったらしいJavascript用の非同期処理ライブラリで、煩雑になりがちな複数の非同期処理間の協調動作を、簡単かつ柔軟に記述できるステキングなライブラリ
引用：http://unsigned.g.hatena.ne.jp/Trapezoid/20080425/1209054401

desu。

非同期処理

そもそも非同期処理とはどのようなものかといいますと、XHRリクエストがそのひとつです。
この例では、1,2,3の順に処理が実行されます。なれればなんてことないですが、処理順序が逆転していることがわかります。

1
2
3
4
5

console.log("1");
var myAjax = new Ajax.Request(url, {
				method: 'get',
				onComplete: function(res){ console.log("3");}});
console.log("2");

もうすこし複雑な例。

1
2
3
4
5
6
7
8
9
10
11
12
13

new Ajax.Request(url, {
  method: 'get',
  onComplete: function(res){
    console.log(res);
 
    new Ajax.Request(url2,{
      method: 'get',
      onComplete:function(res2){
        console.log(res2);
      }
    });
  }
});

うーん、もう処理順序がぐちゃぐちゃで処理を追いづらいですね。。

JSDeferredをつかうと。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

ajax_request(url).
next(function(res){
 console.log(res);
}).ajax_request(url2).
next(function(res2){
 console.log(res2);
});
 
vaf ajax_request = function(url){
    var d=new Deferred();
    new Ajax.Request(url,{
      method: 'get',
      onComplete:function(res){
        d.call(res);
      }
    });
    return d;
}
Deferred.register('ajax_request',ajax_request);

だいたいこんな感じに書けます。(直接ここに書いたので間違ってるかもしれません^^;）
ちゃんと上から順に実行されていくので、処理の流れを理解しやすいですね！

しくみ

ソースよんでくらはいｗ
短いですが、javascriptのエッセンスがつまっていてとても勉強になると思います。

参考：

http://d.hatena.ne.jp/amachang/20060910/1157911122

http://labs.gmo.jp/blog/ku/2007/09/firefoxsettimeout.html

http://ido.nu/kuma/2007/11/29/coding-synchronized-asynchronous-processing-intuitively-with-mochikit-async-deferred/

http://d.hatena.ne.jp/amachang/20080303/1204544340

http://d.hatena.ne.jp/amachang/20061129/1164799871