——————————————————
こんな事を書きつつ、僕自身JAMには参加していないのですが、
「RubyKaigiが終わるまでプライベートではRuby以外書かない」
という自分ルールを愚直に守っていた為、参加できませんでした。。
さすがに今からじゃ間に合わない><
——————————————————

wonderfl APIの現在の仕様として、、リソースが存在しなくても、認証に失敗しても、全てHTTPステータスコード 200を返却してくるまずい仕様なので(せっかくリソース指向になってるのに；)、異常系処理を書いてる時に困った人も多いかと思います。このライブラリではAPIのエラー内容に応じた例外を投げるようにしています。それ以外は薄いラッパーなのでキャッシュ機能などは備えておらず、JSONレスポンスを解析する程度しか内部では行っていません。

導入方法

gemを利用してインストールできます。

$ gem install wonderfl

また、このライブラリを利用するにはapi keyが必要です。
wonderfl build flash onlineにて作成しておきます。

使い方

詳細はRubygemsのページから辿れます。RDocも適宜参照してください。
基本的に Wonderfl::Client クラスの各メソッドを呼ぶだけです。

Wonderfl::Client

get_user(‘user name’)

get_user_codes(‘user name’)

get_code(‘code id’)

get_code_forks(‘code id’)

[ruby]
#!/usr/bin/ruby

require ‘rubygems’
require ‘wonderfl’

begin
# Wonderfl::Client オブジェクトを生成、引数にapi key
client = Wonderfl::Client.new(‘your api key’)
client.api_key = ‘your api key’ # 後でapi keyを設定することも可能

# ユーザー情報を取得、引数にユーザー名
user = client.get_user(‘wellflat’) #=> Wonderfl::User

# 各ユーザー情報を参照
puts user.icon #=> “http://wonderfl.net/img/comon/~.gif”
puts user.external_url #=> “http://rest-term.com/”
puts user.name #=> “wellflat”
puts user.description #=> “web engineer”

# 作品情報を取得、引数にコードID
code = client.get_code(‘code id’) #=> Wonderfl::Code

# 作品の各情報を参照
puts code.thumbnail #=> 作品のサムネイルURL
puts code.forked_count #=> forkされた数
puts code.favorite_count #=> favoriteされた数
puts code.title #=> 作品のタイトル
puts code.as3 #=> 作品のAS3.0コード (巨大なコードもあるので注意)
… # 他にもいろいろな情報を取得できます

# ユーザーの投稿した作品情報を取得
user_codes = client.get_user_codes(‘user name’) #=> Wonderfl::UserCodes

# ユーザーの投稿した作品数
puts user_codes.count

# 作品のタイトルを列挙
user_codes.each do |code|
puts code.title #=> title 以外でももちろんOK
end

# forkされた作品情報を取得
code_forks = client.get_code_forks(‘code id’) #=> Wonderfl::CodeForks

# forkされた作品数
puts code_forks.count

# forkしたユーザーの名前を列挙
code_forks.each do |code|
puts code.user_name
end

rescue Wonderfl::BadRequest => e
# 各メソッドの引数が不正な場合

rescue Wonderfl::Unauthorized => e
# 認証に失敗した場合 (api keyが不正)

rescue Wonderfl::NotFound => e
# 指定したユーザーや作品が存在しない場合

rescue Wonderfl::InternalServerError => e
# wonderfl APIがレスポンスを正しく返却できない場合
# (APIの仕様変更などによりJSONレスポンスが解析不可の場合も)

end
[/ruby]
コードを見てもらえば分かるように、各エラー内容に応じた例外が発生するようになっているのでそれぞれに対応した異常系処理を書くことが簡単になります。また、取得した情報が数値なら(forked_count 等) Integer 型、日付なら(created_date 等) Time 型に内部で変換しています。

また、現在取得できるユーザー/作品情報について載せておきます。

・ユーザー情報 (Wonderfl::User)

• icon
• external_url
• name
• description

・作品情報 (Wonderfl::Code)

• thumbnail
• as3 (get_user 利用時のみ参照可)
• parent
• modified_date (get_user 利用時のみ参照可)
• compile_ok
• created_date
• forked_count (get_user 利用時のみ参照可)
• license
• swf
• diff (get_user 利用時のみ参照可)
• user_icon (get_user_codes, get_code_forks 利用時に参照可)
• user_name (get_user_codes, get_code_forks 利用時に参照可)
• title
• id
• favorite_count (get_user 利用時のみ参照可)

注意事項

BANされないように、取得結果をキャッシュしつつ利用するといいです（このライブラリにキャッシュ機能を付けることも考えています）。あと、要望や不具合などがあったらお知らせください。

gemのライブラリを作った個人的な目的としては、gitに慣れることとRSpecの書き方を学ぶことの2つがありました。会社ではバージョン管理にsubversionを使っていてgitを使う機会がなかったので。RSpecについては、振る舞い駆動開発というものを体験しておく必要性を感じたからです。どちらもある程度理解することはできたので目的は達成したかなと思います。rakeの使い方にも慣れるという嬉しい副産物も(^^

また、Flash使いの人はサーバサイドの言語にPHPを選択する人がほとんどだと思いますが、Rubyが使えるとRailsアプリケーションと連携したりと作品の幅が広がるのでオススメです。

Web Workers を利用しています。
Workerプロセスに画像データを渡し、Worker内部で各チャンネル毎にヒストグラムを計算して返却。
通常のWorkerでは、Workerインスタンスとバックグラウンドプロセスが1対1で対応しているため、
並列処理を行うといっても特に難しいことを考える必要はありません。
(pthreadを扱うような難しさはなし、SharedWorkerを利用する場合は多少注意が必要)

また、IE以外の主要ブラウザでは、Workerに単純なObjectが渡せるようになっており、
この対応のおかげでWeb Workersの利用用途が増え、自由度が上がりました。
ただし、Web Workersを利用する時は少しだけ気を付けることがあって、
例えば、Worker内部からはDOMオブジェクトにアクセスできません。
これはビューとビジネスロジックの分離を強制させてくれるので良い設計に繋がります。
制作寄りの方々はこの制限を不便なものだと最初は捉えるかと思いますが、
今後、HTML5が普及してJavascriptの重要性が高まり、大規模なプロジェクトが増えるはずです。
そういった時に設計から任せられるデザイナは重宝されると思います。

個人的にHTML5関連で興味があるのはストレージ周りなので、
Indexed Database APIの情報/実装が揃ってきたら、そちらの方の調査をしていく予定です。

>> My 3D Library Test – jsdo.it

以前、jsdo.itに投稿した
Heart Surface – jsdo.it
Möbius Strip – jsdo.it
の2つは、座標計算や描画処理を全て1つのオブジェクトに詰め込んだ使い捨てのコードでした。
ライブラリを書くとなると、座標計算周りはただ計算するだけでいいので悩む所はないのですが、
FlashでいうところのDisplayObject(?に当たるものまで自前で書かないといけないので大変；
計算と描画を綺麗に分けて書くのが難しいです。
その点、Actionscriptは強力なクラスライブラリ/API群が備わっているので羨ましい限り。

あと話は変わって、jsdo.itのJavascript/HTML/CSSの書き分けとして、
Javascript/CSSは別の作品から読み込むことができるので、HTMLと密結合してない方がいいです。
（例えば、タグのid/class名が直接Javascriptのエリアに入り込んでしまう等）
Web Workersを利用したコードも結局DOMと切り離した書き方をすることになりますから。

引き続き、HTML5の勉強を進めていきたいと思います。

実際に業務で見ている主にメモリ周りのパラメータについて。
特別なノウハウ等は入っていない基礎知識程度です。

MySQLのバッファには以下の2種類のタイプがある。
パラメータチューニングの際にはこの2つのタイプの違いを意識しないといけない。

* グローバルバッファ (mysqld内部で1つだけ確保される)
* スレッドバッファ (スレッド毎に確保される)

スレッドバッファに多くのメモリを割り当てすぎるとコネクションが増えた途端すぐにメモリ不足に。
物理メモリ以上のサイズを割り当ててしまうと、スワップが発生して逆にパフォーマンスが落ちる。

* その他

MySQLには他にもたくさんパラメータはありますが、とりあえず見ておくべき項目を挙げました。
最近はInnoDBばかり使っているので、MyISAM関連はあまりわかりません；
ちなみに、MySQL 5.5ではデフォルトストレージエンジンはInnoDBらしいですね。
ただ、業務で5.5導入するのは当分先になりそうです。。

wonderflとの一番の違いは、その利用者層の広さだと思っています。
前述のように制作さんでもHTML+CSSのプレイグラウンドとして利用できるし、
デベロッパのJavascriptの書き方も人それぞれで幅広く、見ていて飽きません。
手続き型で情熱的に勢いよく書きまくっている人。
関数オブジェクト、prototype等を効果的に使って緻密に書いている人。
Actionscript3.0な世界よりも広大に見えます。
潜在的な開発者数はFlashよりも多いのでそれは当然のことなのかもしれません。

2003,4年頃(? でしょうか。
AS1.0のonClipEvent()から少しずつprototypeをいじり倒すようになり、そしてAS2.0のclassへ。
jsdo.itでもそれに似た成長過程をたくさんのコードの中で目にするようになるんじゃないかと思います。
とても楽しみです。

Möbius Strip – jsdo.it

Suffix Array (接尾辞配列)は、もともと生物情報学の分野でゲノムデータベースの解析などに用いられてきたらしいのですが、そこからテキスト圧縮/検索などの自然言語文書を索引対象とした応用が広がり、全文検索エンジンの文字列索引(インデックス)としても利用されているデータ構造です。

Suffix(接尾辞)とは、索引対象となる文字列T内の任意の位置からTの末尾までの範囲の文字列のことで、Tの長さがNであればN個のSuffixが定義されインデックスが付与されます。Tの各Suffixは辞書順にソートされ、そのインデックスを配列にしたのがSuffix Arrayです。Suffixは辞書順にソートされているため、検索対象文字列をSuffix Array内で二分探索することにより、大規模テキストに対する高速な検索を可能にします。

詳細については以下のサイトにて詳しく解説されています。
suffix array

Suffix ArrayのActionScriptでのコード例を示します。
1: “abracadabra” という文字列データが入ったファイルを読み込み、そのデータでSuffix Arrayを構築(クイックソート使用)
2: Suffix Array構築完了後、”ac” という部分文字列を探索(二分探索)して出現位置を返却

[as]
package {
  import flash.display.Sprite;
  import flash.events.*;
  import flash.net.URLLoader;
  import flash.net.URLRequest;

  public class Test extends Sprite {
    private var sa:SuffixArray;
    private var urlLoader:URLLoader;

    public function Test() {
      urlLoader = new URLLoader();
      urlLoader.addEventListener(Event.COMPLETE, completeHandler, false, 0, true);
      urlLoader.addEventListener(IOErrorEvent.IO_ERROR, errorHandler, false, 0, true);
      urlLoader.load(new URLRequest("data.txt")); // abracadabra
    }
    private function completeHandler(e:Event):void {
      sa = new SuffixArray();
      var substring:String = "ac";
      sa.addEventListener(SuffixArray.BUILD_COMPLETE, function():void {
        trace(sa);
        trace("\nindex: " + sa.search(substring));
      }, false, 0, true);
      sa.build(e.target.data, SuffixArray.QUICK_SORT);
    }
    private function errorHandler(e:IOErrorEvent):void {
      trace(e);
    }
  }
}

import __AS3__.vec.Vector;
import flash.events.Event;
import flash.events.EventDispatcher;
import flash.utils.getTimer;

class SuffixArray extends EventDispatcher {
  public static const BUILD_COMPLETE:String = "build_complete";
  public static const QUICK_SORT:String = "quicksort";
  private var suffixes:Vector.;
  private var len:int;
  private var _time:Number;

  public override function toString():String {
    return suffixes.join("\n");
  }
  /**
   * search substring, using binary search O(mlogn)
   */
  public function search(substring:String):int {
    if(len == 0) return substring.length == 0 ? 0 : -1;
    var low:int = 0, high:int = suffixes.length - 1;
    while(low < high) {
      var middle:int = low + (high - low)/2;
      if(suffixes[middle] >= substring) high = middle;
      else low = middle + 1;
    }
    if(suffixes[high].indexOf(substring, 0) == 0) {
      return len - suffixes[high].length;
    }
    return -1;
  }
  /**
   * build Suffix Array, O(n^2logn)
   */
  public function build(str:String, sortFunc:String = null):void {
    try {
      _time = getTimer();
      len = str.length;
      suffixes = new Vector.(len, true);
      for(var i:int = 0; i < len; i++) {
        suffixes[i] = str.substring(i);
      }
      this[sortFunc]();
      _time = getTimer() - _time;
      dispatchEvent(new Event(BUILD_COMPLETE));
    }catch(e:ReferenceError) {
      suffixes.sort(
        function(x:String, y:String):int {
          return x > y ? 1 : x < y ? -1 : 0;
        }
      );
      _time = getTimer() - _time;
      dispatchEvent(new Event(BUILD_COMPLETE));
    }
  }
  public function get time():Number {
    return _time;
  }
  /**
   * apply Quick Sort
   */
  private function quicksort():void {
    _quicksort(suffixes, 0, suffixes.length - 1);
  }
  private function _quicksort(data:Vector., low:int, high:int):void {
    if(low > high) return;
    var i:int = low + 1, p:int = low, c:int = int((low + high)/2), pivot:String = data[c];
    data[c] = data[low];
    while(i <= high) {
      if(data[i] < pivot) {
        var tmp:String = data[++p];
        data[p] = data[i];
        data[i] = tmp;
      }
      i++;
    }
    data[low] = data[p];
    data[p] = pivot;
    _quicksort(data, low, p - 1);
    _quicksort(data, p + 1, high);
  }
}
[/as]

• 実行結果

a
abra
abracadabra
acadabra
adabra
bra
bracadabra
cadabra
dabra
ra
racadabra

index: 3

ここで、テキスト圧縮技術の評価によく用いられるCalgary/Canterburyコーパス(書籍、ニュース、プログラムソースコード、ゲノム列(E.coli)などが含まれる)を用いてSuffix Arrayの構築時間を測ってみました。組み込みソート(Vector.sort())、クイックソート、マルチキークイックソート(Ternary Search Tree)での処理時間は以下の通りです(5回の計測時間の平均)。

• 環境：
Mac OSX 10.6.2: 2.26GHz / 2GB RAM
Flash Player: 10.0.45 (Debug)
Flex SDK: 4.0.0.14159

4MB程度のデータ(E.coli)でも効率の悪いソート法だとFlash Playerがギブアップしてしまいます。。Suffix Arrayの欠点は構築に多くの時間がかかる点です。この問題を解決するためにマルチキークイックソートやMSD radix sort (基数ソート法, O(nlogn))、Two-Stage sort (二段階ソート法, O(n)) など数々の手法が提案されています。機会があればTwo-Stage sortあたりは一度書いてみたいなと思います。まぁでもFlashで大規模データは扱わないですよね。

Suffix Arrayは、整列(ソート)や探索、データ構造などをまとめて勉強できる教材として新人のC言語研修などに利用できるという話を聞きました。文字列配列を扱うのでポインタの勉強にも効果的かと。僕の所属部署では課題としては出ませんでしたが、検索事業などを持ってる部署ではN-gramと併せて課題の一つになってるみたいです。

あと、Suffix Arrayの構造を理解する為の小さなコードをwonderflに投稿しておきましたのでもし興味があれば。
Suffix Array | wonderfl build flash online

• 参考
CiNii 論文 -  Suffix arrayの効率的な構築法
suffix array
Sorting and Searching Strings

Cassandraでの書き込み操作はまずディスク上のCommitLog(書き込み操作のログ)に対して行われ、それからメモリ上のMemtableと呼ばれる構造体に対して書き込まれます。Memtableの構造は以下のようになっていて、ColumnFamily毎に保持されています。Key の列の Token は書き込み要求時にデータを保持するノードを決める際に計算されるものです。

Memtable関連の設定について

conf/storage-conf.xml にMemtable関連の設定項目があります。これらはMemtableがディスクにフラッシュされる(ディスク上のSSTableに非同期で書き込まれる)までの種々のしきい値を設定しています。

・ MemtableThroughputInMB
総データ操作量のしきい値
デフォルトは64(MB)、ColumnFamily単位で設定される

・ MemtableOperationsInMillions
保持されるカラム数のしきい値
デフォルトは0.3(Millionsなので300,000個)、ColumnFamily単位で設定される

・ MemtableFlushAfterMinutes
時間のしきい値
ここで設定した時間が経ってもまだフラッシュされてない場合は強制的にフラッシュされる
デフォルトは60(分)、プロダクション環境では1440などの大きな値の設定が推奨されている(storage-conf.xmlでのコメントより)

メモリ不足でノードが落ちてしまわないように、ColumnFamilyの数とそれぞれのColumnFamilyのカラム数などからきちんとこれらのしきい値を設定しておく必要があります。

分散ストレージ周りは個人で検証環境を用意するのは大変なので、会社のデータセンターを使わせてもらって検証しています。社内導入も真剣に考えていきたいなと思っていますがなかなか難しそうです；

・関連記事
Cassandra Java Client
Cassandra Thrift APIのConsistencyLevel
Cassandraについて

* ブラウザはCSSをどう解釈している？
ルールを照合するとき、右端のセレクタから調べ始めて、順に左のセレクタを調べていく。

ということは、
[css]
#contents > li { font-weight: bold; }
[/css]
のようなルールの場合「contents という id を持つ要素を探して、その直接の子要素が li 要素かどうかを調べる」ではなく「すべての li 要素について、その直接の親要素が contents という id を持つかを調べる」となり高コストです。子孫セレクタの場合はさらに高くつき、
[css]
#contents a { color: #0099ff; }
[/css]
のようなルールの場合「すべての a 要素について、contents という id を持つ祖先要素をツリー構造をさかのぼって探す」ということになります。子供セレクタであれば1つ上の階層のノードだけ調べれば済みますが、子孫セレクタの場合はさらにさかのぼって探索しなければなりません。Win IE6対応を無視してもいいなら、子孫セレクタから子供セレクタに置き換えた方がいいです。ただ、その子供セレクタも高コストには違いないので、それを1つの class に置き換えます。
[css]
#contents > li > a { font-weight: bold; }
[/css]
ではなく
[css]
.list-anchor { font-weight: bold; }
[/css]
のように要素と関連づけた名前で class を作ってスタイルを適用させることで、探索時間をさらに短くすることができます。

* ユニバーサルセレクタについて
[css]
* { margin: 0; padding: 0; }
[/css]
一時期よく使われていたユニバーサルセレクタは最近では見かけなくなりました。社内の制作さんは、「パフォーマンスが悪くなる」という点よりも「ブラウザのデフォルトのスタイルを活かす」という点の方を重視しているみたいでしたが、ここまで述べてきた内容からパフォーマンスも相当悪くなるのは明らかです。その点について stevesouders.com さんが検証していました。
CSS Selectors: Universal
上述の子供セレクタや子孫セレクタによる読み込み時間の違いは小さなものですが、ユニバーサルセレクタを使用した場合はケタ違いに読み込みが遅くなっています。

* リフロー時間について
ブラウザがスタイルを適用し要素をレイアウトするのにかかる時間をリフロー時間と呼ぶそうです。スタイルの適用はページの読み込み時のみとは限りません。というのは、最近のWebサイトはJavascriptを多用していて、リッチな表現を行うためにDOM要素の style プロパティを頻繁に書き換えている例が多く見られます。
[javascript]
document.getElementById(“id”).style.property=”value”
// 例
document.getElementById(“contents”).style.fontSize = “larger”;

// 実際は上記のような処理がラップされたjQueryなどのライブラリを利用している場合が多い
// 制作工数とパフォーマンスのバランスを考えて使う
$(“#contents”).css(“border”, “1px solid #333333″);
[/javascript]
style プロパティを書き換えるとブラウザはその度にルールを照合しなおしています。もし、DOM要素が body などの多くの子孫を持つ要素の場合、効率の悪いセレクタがあるとページの反応が遅くなってしまいます。ページの読み込み時だけでなくWebアプリケーションがユーザと情報をやりとりしている間の動作に及ぶ影響にも注意することが重要です。

参加したのは新卒向けの勉強会だったので得られたのはこの程度の内容ですが、通常業務でも制作さんといっしょに仕事する機会ができたので、もう少し深い部分も聞いてみたいと思います。

以下のコードは、例としてブログ記事をデータとして扱っています。
・ColumnFamily は Entry
・entry* という key は title、category、tag の３つをcolumnを持つ

[java]
import java.util.*;
import java.io.UnsupportedEncodingException;
import org.apache.cassandra.thrift.*;
import org.apache.thrift.protocol.TBinaryProtocol;
import org.apache.thrift.protocol.TProtocol;
import org.apache.thrift.transport.TSocket;
import org.apache.thrift.transport.TTransport;
import org.apache.thrift.TException;
import org.apache.thrift.transport.TTransportException;

public class TestClient {
  private static final String KEYSPACE = "Keyspace1";
  private static final String COLUMN_FAMILY = "Entry";
  private TTransport transport = null;
  private Cassandra.Client client = null;
  TestClient() {
    client = getConnection();
  }
  private Cassandra.Client getConnection() {
    try {
      transport = new TSocket("localhost", 9160);
      TProtocol protocol = new TBinaryProtocol(transport);
      Cassandra.Client client = new Cassandra.Client(protocol);
      transport.open();
      return client;
    }catch(TTransportException e) {
      e.printStackTrace();
    }
    return null;
  }
  private void closeConnection() {
    try {
      transport.flush();
      transport.close();
    }catch(TTransportException e) {
      e.printStackTrace();
    }
  }
  private void selectEntry(String key) {
    try {
      SlicePredicate slicePredicate = new SlicePredicate();
      SliceRange sliceRange = new SliceRange();
      sliceRange.setStart(new byte[] {});
      sliceRange.setFinish(new byte[] {});
      slicePredicate.setSlice_range(sliceRange);
      ColumnParent columnParent = new ColumnParent(COLUMN_FAMILY);
      List results = client.get_slice(KEYSPACE, key, columnParent, slicePredicate, ConsistencyLevel.ONE);
      printData(key, results);
    }catch(Exception e) {
      e.printStackTrace();
    }
  }
  private void selectAllEntry() {
    try {
      KeyRange keyRange = new KeyRange();
      keyRange.setStart_key("");
      keyRange.setEnd_key("");
      SliceRange sliceRange = new SliceRange();
      sliceRange.setStart(new byte[] {});
      sliceRange.setFinish(new byte[] {});
      SlicePredicate slicePredicate = new SlicePredicate();
      slicePredicate.setSlice_range(sliceRange);
      ColumnParent columnParent = new ColumnParent(COLUMN_FAMILY);
      List keySlices = client.get_range_slices(KEYSPACE, columnParent, slicePredicate, keyRange, ConsistencyLevel.ONE);
      for(KeySlice keySlice : keySlices) {
        printData(keySlice.getKey(), keySlice.getColumns());
      }
    }catch(Exception e) {
      e.printStackTrace();
    }
  }
  private void insertEntry(String key, Map data) {
    try {
      Map> cfmap = new HashMap>();
      List columns = new ArrayList();
      Column column;
      ColumnOrSuperColumn columnOrSuperColumn;
      long timestamp = System.currentTimeMillis();
      for(Map.Entry e : data.entrySet()) {
        column = new Column(e.getKey().getBytes("utf-8"), e.getValue().getBytes("utf-8"), timestamp);
        columnOrSuperColumn = new ColumnOrSuperColumn();
        columnOrSuperColumn.setColumn(column);
        columns.add(columnOrSuperColumn);
      }
      cfmap.put(COLUMN_FAMILY, columns);
      client.batch_insert(KEYSPACE, key, cfmap, ConsistencyLevel.ALL);
    }catch(Exception e) {
      e.printStackTrace();
    }
  }
  private void deleteEntry(String key) {
    try {
      ColumnPath columnPath = new ColumnPath(COLUMN_FAMILY);
      client.remove(KEYSPACE, key, columnPath, System.currentTimeMillis(), ConsistencyLevel.ALL);
    }catch(Exception e) {
      e.printStackTrace();
    }
  }
  private void updateEntry(String key, Map data) {
    try {
      Map>> mutationMap = new HashMap>>();
      List mutations = new ArrayList();
      Column column;
      ColumnOrSuperColumn columnOrSuperColumn;
      Mutation mutation;
      long timestamp = System.currentTimeMillis();
      for(Map.Entry e : data.entrySet()) {
        column = new Column(e.getKey().getBytes("utf-8"), e.getValue().getBytes("utf-8"), timestamp);
        columnOrSuperColumn = new ColumnOrSuperColumn();
        columnOrSuperColumn.setColumn(column);
        mutation = new Mutation();
        mutation.setColumn_or_supercolumn(columnOrSuperColumn);
        mutations.add(mutation);
      }
      Map> mutationsForColumnFamily = new HashMap>();
      mutationsForColumnFamily.put(COLUMN_FAMILY, mutations);
      mutationMap.put(key, mutationsForColumnFamily);
      client.batch_mutate(KEYSPACE, mutationMap, ConsistencyLevel.ALL);
    }catch(Exception e) {
      e.printStackTrace();
    }
  }
  private void printData(String key, List results) {
    try {
      System.out.println("Key: '" + key + "'");
      for(ColumnOrSuperColumn c : results) {
        if(c.getColumn() != null) {
          String name = new String(c.getColumn().getName(), "utf-8");
          String value = new String(c.getColumn().getValue(), "utf-8");
          long timestamp = c.getColumn().getTimestamp();
          System.out.println("  name: '" + name + "', value: '" + value + "', timestamp: " + timestamp);
        }
      }
    }catch(UnsupportedEncodingException e) {
      e.printStackTrace();
    }
  }
  /**
   * test cassandra api.
   */
  public static void main(String args[]) {
    TestClient c = new TestClient();
    // insert entry1
    Map data = new HashMap();
    data.put("title", "Cassandra Java Client");
    data.put("category", "tech/study");
    data.put("tag", "database");
    c.insertEntry("entry1", data);
    // insert entry2
    data = new HashMap();
    data.put("title", "OpenCV 2.1 is out!");
    data.put("category", "tech/study");
    data.put("tag", "cv/im");
    c.insertEntry("entry2", data);
    // select entries
    System.out.println("select entries, using selectEntry()");
    c.selectEntry("entry1");
    c.selectEntry("entry2");
    // delete entry2
    System.out.println("delete entry2");
    c.deleteEntry("entry2");
    System.out.println("select entries, using selectEntry()");
    c.selectEntry("entry1");
    c.selectEntry("entry2");
    // update entry1
    System.out.println("update entry1: title, category");
    Map updateData = new HashMap();
    updateData.put("title", "change title");
    updateData.put("category", "change category");
    c.updateEntry("entry1", updateData);
    System.out.println("select entry1, using selectEntry()");
    c.selectEntry("entry1");
    // insert entry3
    c.insertEntry("entry3", data);
    // select all entries
    System.out.println("select all entries from Entry, using selectAllEntry()");
    c.selectAllEntry();
    c.closeConnection();
  }
}
[/java]

データ登録では Cassandra.Client.batch_insert を使って複数のcolumnを一度にwriteしてますが、Cassandra.Client.insert という単一のcolumnをwriteするメソッドもあります。writeするcolumnが複数ある場合、その数だけ insert を呼ぶより batch_insert で一度にwriteした方が高速です。 ただし、”Deprecated in 0.6 – use batch_mutate instead” とAPIリファレンスに書いてあるように、データ登録時も Cassandra.Client.batch_mutate の利用が推奨されているようです。

CassandraのクライアントはThriftを利用しているので多言語対応していますが、やはり個人的にはJavaから操作するのがいいかなと思います。プロトタイピングでは Net::Cassandra(Perlの場合)などでさっと作って検証してから、Javaでじっくり書き直す感じになるでしょうか。

・関連記事
Cassandra Thrift APIのConsistencyLevel
Cassandraについて

Cassandra Thrift APIにおける ConsistencyLevel は、 storage-conf.xml で設定した <ReplicationFactor> (データの複製を保存するノード数)に基づいてread/writeの振る舞いを制御します。以下の条件が成り立つ場合は強い一貫性が得られ、常に最新データを参照できます。

if W + R > ReplicationFactor

(W: 更新操作を完了する前に更新通知を受け取る必要のあるレプリカの数、R: 読み込み操作でデータオブジェクトにアクセスしたとき, 取りにいく必要のあるレプリカの数)
一貫性よりも速度(遅延時間)の方が重要な場合は、上記の条件を満たさないような低いレベルを使えます。

Write

Read

この一貫性の設定はデフォルト値に頼らず、明示的にConsistencyLevelを指定するようにした方がいいです。

• 関連記事
Cassandraについて
EventuallyConsistent – 結果整合性

ithreadsはスレッド生成時にすべての変数をコピーし、Copy on Write※は行われません (C/C++から使えるpthreadsだとスタック以外のメモリ領域は暗黙的に共有され、コピーは行われない)。変数をスレッド間で共有したい場合は、宣言時にthreads::sharedのshared属性を明示的に付ける必要があります。ちなみに、C/C++でOpenMPを使う場合、共有したい変数にshared指示節を付けますが、これを省略すると変数は暗黙的に共有されます。

※ Copy on Write
共有しているメモリ空間に更新が発生するときに初めてコピーが行われ、更新された箇所のみ親と子で別々の物理メモリ空間が割り当てられる。

• 例

[perl]
#!/usr/bin/perl

use strict;
use warnings;
use threads;
use threads::shared;

my $var : shared = 10;  # $var をスレッド間で共有する

my $th = threads->new(
  sub {
    while(1) {
      printf("[TID: %d] %d\n", threads->self->tid, $var);
      $var *= 2;
      sleep 1;
    }
  }
);

while(1) {
  printf("[TID: %d] %d\n", threads->self->tid, $var);
  $var += 1;
  sleep 1;
}

$th->join;

# 結果
# [TID: 0] 10
# [TID: 1] 11
# [TID: 0] 22
# [TID: 1] 23
# [TID: 0] 46
# [TID: 1] 47
# [TID: 0] 94
#  ...
[/perl]

ithreadsは前述のようにスレッド生成時にすべての変数のコピーを行うのでコストが高いです。なので、もしこれでサーバを書く場合はper-threadな設計は止めた方がいいということですね。

cond_signal() / cond_wait()
スレッドの同期に使うcond_wait()/cond_signal()の使い方。

・ 例
produce側ではまずキューをロック、そこに数値をpushしてcond_signal()を呼び出しています。このcond_signal()は別スレッドにキューを操作したことを知らせます。consume側ではまずキューをロック、キューが空の時はcond_wait()でロックを解放して待ち状態になって休み、キューに値が入っている時はそこから値をpopして計算後、出力を行っています。

[perl]
#!/usr/bin/perl

use strict;
use warnings;
use threads;
use threads::shared;

my @queue : shared;

threads->new(\&produce);
threads->new(\&consume);

$_->join for threads->list;

sub produce {
  while(1) {
    {
      lock @queue;
      push @queue, int(rand(10));
      cond_signal(@queue);
    }
    sleep 1;
  }
}

sub consume {
  while(1) {
    lock @queue;
    while(@queue == 0) {
      cond_wait(@queue);
    }
    my $i = pop @queue;
    printf "$i * $i = %d\n", $i * $i;
  }
}

# 結果
# 0 * 0 = 0
# 1 * 1 = 1
# 5 * 5 = 25
# 3 * 3 = 9
#  ...
[/perl]

僕自身は業務でithreadsを使ったことはないのですが、他の人が書いたコードを読む時の前提知識としてメモしておきました。

• 参考
Perlのithreads（iスレッド）に関するメモ
WEB+DB PRESS vol.42 (エントリ内のサンプルコード)

CassandraはNoSQL(Not only SQL)データベースの一つ。TwitterやDiggがMySQLからCassandraに移行したことでも有名です。公式サイトのOverviewにもあるように特徴は以下のようになっています。

特徴

分散ストレージを扱う上で、Eventually Consistent (結果整合性) は大切な概念なのでしっかり抑えておく必要があります。(参考：EventuallyConsistent – 結果整合性)

また、Cassandraはmemcachedのような従来のKVSよりリッチなデータ構造を提供していて、従来のKVSでは1つのkeyに対して1つのvalueを保持しますが、Cassandraではそのkeyの部分を4次元、もしくは5次元で扱うことができます。READMEに例が載っています。

  set Keyspace1.Standard2['jsmith']['first'] = 'John'
       \            \         \        \          \
        \            \         \_ key   \          \_ value
         \            \                  \_ column
          \_ keyspace  \_ column family

Data stored in Cassandra is associated with a column family (Standard2),
which in turn is associated with a keyspace (Keyspace1). In the example
above, we set the value 'John' in the 'first' column for key 'jsmith'.

Cassanndraの構造を図にしてみると以下のようになります。

RDBに置き換えると、Keyspaceがデータベース、ColumnFamilyがテーブル、keyが主キー、columnがテーブルのカラムにそれぞれ対応しているイメージです。5次元の場合はSuperColumn(columnのリスト)という次元が追加されます。columnはCassandraにおけるデータの最小単位で以下のような構造。nameがcolumnの名前、valueが値でその他にタイムスタンプも入っています。

{
  "name": "site",
  "value": "rest-term",
  "timestamp":  1271591729517000
}

インストール
CassandraはJavaで書かれています。(JDK 1.6以降が必要)

• 確認

$ java -version
java version "1.6.0_17"
Java(TM) SE Runtime Environment (build 1.6.0_17-b04-248-10M3025)
Java HotSpot(TM) 64-Bit Server VM (build 14.3-b01-101, mixed mode)

以下からビルド済みバイナリを入手して任意の場所に置きます。
The Apache Cassandra Project
ログとデータベースを保存するディレクトリを作成し、パーミッションを変更。

$ sudo mkdir -p /var/log/cassandra
$ sudo chown -R `whoami` /var/log/cassandra
$ sudo mkdir -p /var/lib/cassandra
$ sudo chown -R `whoami` /var/lib/cassandra

起動、接続確認
フォアグラウンドで起動

$ bin/cassandra -f

データ操作
コマンドラインクライアント cassandra-cli を利用
(‘Test Cluster’で接続、デフォルトポートは9160)

$  bin/cassandra-cli --host localhost --port 9160
Connected to: "Test Cluster" on localhost/9160
Welcome to cassandra CLI.

cassandra> show cluster name
Test Cluster
cassandra> show keyspaces
Keyspace1
system
cassandra> set Keyspace1.Standard1['rt']['name'] = 'wellflat'
Value inserted.
cassandra> set Keyspace1.Standard1['rt']['age'] = '25'
Value inserted.
cassandra> set Keyspace1.Standard1['rt']['site'] = 'rest-term'
Value inserted.
cassandra> get Keyspace1.Standard1['rt']
=> (column=73697465, value=rest-term, timestamp=1271591793931000)
=> (column=6e616d65, value=wellflat, timestamp=1271591729517000)
=> (column=616765, value=25, timestamp=1271591787205000)
Returned 3 results.
cassandra> del Keyspace1.Standard1['rt']['site']
column removed.
cassandra> get Keyspace1.Standard1['rt']
=> (column=6e616d65, value=wellflat, timestamp=1271591729517000)
=> (column=616765, value=25, timestamp=1271591787205000)
Returned 2 results.

データの登録/取得/削除の操作が直感的でわかりやすいですね。

get Keyspace1.Standard1['rt']

で複数のカラムのvalueが取得できているところも単純なKVSとの違いです。

Cassandraの設定ファイルはconf/storage-conf.xml で、ここでKeyspaceやColumnFamily、ポート番号などを指定します。MySQLだとコマンドでtableを追加したりできますが、Cassandraの場合は起動前にこのファイルで追加することになります。

Perlクライアントの利用
ここではCPANのNet::Cassandra::Easyモジュールを使います。
(Net::Cassandra モジュールというのもあります)

[perl]
#!/usr/bin/perl

use strict;
use warnings;
use Net::Cassandra::Easy;
use Data::Dumper;

eval {
  my $client = Net::Cassandra::Easy->new(
    server => 'localhost',
    port => 9160,
    keyspace => 'Keyspace1');
  $client->connect();
  my $key = 'rt';
# get
  my $result = $client->get([$key],
                            family => 'Standard1',
                            byname => [qw/name age site/]);
  print Dumper($result);
# insert
  $client->mutate([$key],
                  family => 'Standard1',
                  insertions => { 'site' => 'rest-term' });
# get
  $result = $client->get([$key],
                         family => 'Standard1',
                         byname => [qw/name age site/]);
  print Dumper($result);
};
die Dumper($@) if $@;
[/perl]

• 結果

$VAR1 = {
          'rt' => {
                    'Standard1' => {
                                     'name' => 'wellflat',
                                     'age' => '25'
                                   }
                  }
        };
$VAR1 = {
          'rt' => {
                    'Standard1' => {
                                     'site' => 'rest-term',
                                     'name' => 'wellflat',
                                     'age' => '25'
                                   }
                  }
        };

なかなか良いんではないでしょうか。Thriftで通信できるので他の言語からでも簡単に使えそうです。引き続き調査を進めたいと思います。

livedoor reader を普段使っていないので全く気付かなかったんですが、いったい年明けに何が起こったのか。。
参考：[TopHatenar]

FeedBurnerの管理ページでは数字の大きな変化は特にないようですが、
livedoor reader 上だとなんかリセット(? されてます。
心配なのはこのブログの記事がLDRユーザーの人にちゃんと通知されてるのかどうか。

この記事自体もそれを確認するためのテスト記事です。
以上、よろしくおねがいします。

今までREST APIなどをActionScriptから利用するときは、URLLoaderとかURLRequestとかURLVariablesとかよく考えると不思議な名前のクラスを使っていましたが、HTTPServiceを使うとちょっと楽です。シンプルになります。
URLLoader.load(URLRequest) っていうインタフェースがどうもしっくりこないので；

以下、Flex 4での利用例。
・テスト用 mxml
emacsでmxmlを書くのがツライので極力短くしてます。が、マネしない方がいいかと。
mxmlの書き方はちゃんと公式のサンプルを参考に。

[xml]


[/xml]

・HTTPTest.as

[as]
package {
  import spark.components.Application;
  // テスト用クラス
  // Yahoo!ブログ検索APIを利用する
  public class HTTPTest extends Application {
    namespace ns = "urn:yahoo:jp:blogsearch:article";
    use namespace ns;
    public function HTTPTest() {
      var http:HTTP = new HTTP("http://search.yahooapis.jp/BlogSearchService/V1/blogSearch", {appid:"your AppID here..", query:"apple"}, "GET");
      http.addEventListener(HTTP.SUCCESS, function():void {trace(http.response);}, false, 0, true);
      http.addEventListener(HTTP.CLIENT_ERROR, function():void {trace("CLIENT_ERROR: status " + http.statusCode);}, false, 0, true);
      http.addEventListener(HTTP.SERVER_ERROR, function():void {trace("SERVER_ERROR: status " + http.statusCode);}, false, 0, true);
    }
  }
}

// HTTPServiceのwrapper
import mx.rpc.events.*;
import mx.rpc.http.HTTPService;
import flash.events.*;

class HTTP extends EventDispatcher {
  public static const SUCCESS:String = "success";
  public static const CLIENT_ERROR:String = "client_error";
  public static const SERVER_ERROR:String = "server_error";
  private var service:HTTPService;
  private var _messageBody:XML;
  private var _statusCode:int;

  public function HTTP(url:String, requestParam:Object, method:String) {
    service = new HTTPService();
    service.url = url;
    service.method = method;
    service.resultFormat = "xml";
    service.send(requestParam);
    service.addEventListener(ResultEvent.RESULT, function(e:ResultEvent):void {
      _statusCode = e.statusCode;
      _messageBody = new XML(e.result);
      dispatchEvent(new Event(SUCCESS));
    }, false, 0, true);
    service.addEventListener(FaultEvent.FAULT, function(e:FaultEvent):void {
      _statusCode = e.statusCode;
      if(_statusCode.toString().charAt(0) == "4") {
        dispatchEvent(new ErrorEvent(CLIENT_ERROR));
      }else if(_statusCode.toString().charAt(0) == "5") {
        dispatchEvent(new ErrorEvent(SERVER_ERROR));
      }
    }, false, 0, true);
  }
  public function get response():XML {
    return _messageBody;
  }
  public function get statusCode():int {
    return _statusCode;
  }
}
[/as]

GETの濫用を避けるためにHTTPメソッドはインタフェースで明示した方がいいかと。
RESTを利用する場合はHTTPステータスコードを意識することも重要です。

あとぜんぜん関係ないですけど、昨日の夜友達と六本木アートナイトに行ってきました。
Art Lover だけでなくいろんな人が訪れていて大きなお祭りといった感じ。
まるで別世界。
感性を芯から刺激されました。

HTML5::canvas test

先日の社内コンペでHTML5を使ったすごいデモを出してきたチームがあったので、
僕もそれに刺激を受けていろいろ調べています。
以前Flashで作ったものをHTML5のcanvas要素を使って作り直したりしながら勉強。
簡単な画像処理なんかもできそうなので引き続き調べていきたいと思います。

[2010/03/21 追記]
ソースコードを大幅に書き換えました。
ネイティブのJavascriptでしっかりOOPできるようになりたいな。精進します。

・クライアント

[javascript]
var heart = new Heart(document.getElementById('Canvas'), 8);
heart.play(50, 0.03);  // time, angle
[/javascript]

・heart.js

[javascript]
var Heart = function(canvas, n) {
  this.initialize.apply(this, arguments);
};

Heart.prototype = {
  initialize : function(canvas, n) {
    if(canvas == undefined || canvas == null) return ;
    this.context = canvas.getContext('2d');
    this.WIDTH = canvas.width;
    this.HEIGHT = canvas.height;
    this.SCALE = 25;
    this.FOV = 250;
    this.points = [];
    this.numPoints = 0;
    this.isPlay = false;
    this.setStyle(this.context.createLinearGradient(0, 0, 0, 300));
    this.setPoints(n);
  },
  setStyle : function(grad) {
    grad.addColorStop(0, 'rgb(255, 255, 255)');
    grad.addColorStop(0.7, 'rgb(196, 196, 196)');
    grad.addColorStop(0.8, 'rgb(160, 160, 160)');
    grad.addColorStop(0.9, 'rgb(128, 128, 128)');
    grad.addColorStop(1, 'rgb(96, 96, 96)');
    this.context.fillStyle = grad;
    this.context.strokeStyle = 'rgb(255, 0, 160)';
  },
  setPoints : function(num) {
    var r = 0.0;
    var theta = 0.0;
    var z = 0.0;
    var n = 0;
    for(i=-Math.PI*num; i<=Math.PI*num; i++) {
      for(j=-num; j<=num; j++) {
        theta = i/num;
        z = j/num;
        r = 4*Math.sqrt(1 - z*z)*Math.pow(Math.sin(Math.abs(theta)), Math.abs(theta));
        point = [(this.SCALE*r*Math.sin(theta)), (this.SCALE*r*Math.cos(theta)), (this.SCALE*z)];
        this.points.push(point);
        n++;
      }
    }
    this.numPoints = n;
  },
  play : function(t, angle) {
    var self = this;
    if(!this.isPlay) {
      this.timerID = setInterval(function(){self.render(angle);}, t);
      this.isPlay = true;
    }
  },
  stop : function() {
    if(this.isPlay) {
      clearInterval(this.timerID);
      this.isPlay = false;
    }
  },
  render : function(angle) {
    this.context.fillRect(0, 0, this.WIDTH, this.HEIGHT);
    for(i=0; i

・関連記事

 HTML5でSymmetric Nearest Neighbor 

 HTML5でConvolutionFilter 
]]>
			http://rest-term.com/archives/2555/feed/
		0
		
		
		
		http://rest-term.com/archives/2716/
		http://rest-term.com/archives/2716/#comments
		Sun, 28 Feb 2010 14:13:40 +0000
		wellflat
				

		http://rest-term.com/?p=2716
		
			Tech Note で OpenMP の加筆を再開しました。

情報量がもう少し増えてきたら、ページを分割して見やすく整理しようと思ってます。

PThreadsと比べるとOpenMPは使うだけなら楽です。

ただ、マルチスレッドプログラミング一般の知識を持たずに使ってもあまり効果は出ないでしょう。

それどころか危険なコードに化けてしまう可能性の方が高いです。。

基礎は大事ですね。
]]>
			http://rest-term.com/archives/2716/feed/
		0
		
		
		
		http://rest-term.com/archives/2685/
		http://rest-term.com/archives/2685/#comments
		Sat, 20 Feb 2010 17:19:35 +0000
		wellflat
				
		
		

		http://rest-term.com/?p=2685
		
			久しぶりの投稿；


Demo: HTML5 Image Processing (Symmetric Nearest Neighbor)

(Firefox3.5とSafari4で動作確認しています)
HTML5でConvolutionFilterに続いて、簡単な画像処理を試してみます。

以前、ActionScriptで書いたSymmetric Nearest NeighborをJavaScriptで。

半径を大きくするとそれなりに絵画っぽくなってくれますが、やはり重いです；
・クライアント

[javascript]

var context = document.getElementById(‘Canvas’).getContext(’2d’);

var bmp = new Bitmap(‘sample.jpg’, context);

var radius = 3;

bmp.applyFilter(new SNNFilter(radius));

[/javascript]
bitmap.js

(関係ある箇所だけ抜粋)

[javascript]
var Class = {

  create : function() {

    var properties = arguments[0];

    function self() {

      this.initialize.apply(this, arguments);

    }

    for(var i in properties) {

      self.prototype[i] = properties[i];

    }

    if(!self.prototype.initialize) {

      self.prototype.initialize = function() {};

    }

    return self;

  }

};
var Bitmap = Class.create({

  initialize : function(source, context) {

    this.bitmapData = new Image();

    this.bitmapData.src = source;

    this.context = context;

    this.bitmapData.addEventListener(‘error’,

                                     function() { alert(“can’t load image”); },

                                     false);

  },

  applyFilter : function(filter) {

    try {

      if(this.bitmapData.complete) {

        this.context.drawImage(this.bitmapData, 0, 0);

        var w = this.bitmapData.width, h = this.bitmapData.height;

        var src = this.context.getImageData(0, 0, w, h);

        var dst = this.context.createImageData(w, h);

        filter.apply(src, dst);

        this.context.putImageData(dst, 0, 0);

      }else {

        throw new Error(“load image incomplete”);

      }

    }catch(e) {

      throw e;

    }

  }

});
var SNNFilter = Class.create({

  initialize : function(radius) {

    this.radius = radius;

  },

  apply : function(src, dst) {

    var w = src.width, h = src.height;

    var srcData = src.data;

    var dstData = dst.data;

    var sumR, sumG, sumB;

    var rc, gc, bc, r1, g1, b1, r2, g2, b2;

    var cnt = 0;

    var xyPos, uvPos;
    for(var y=0;y
      for(var x=0;x
        xyPos = (w*y + x) << 2;

        sumR = 0, sumG = 0, sumB = 0;

        cnt = 0;

        rc = srcData[xyPos];

        gc = srcData[xyPos + 1];

        bc = srcData[xyPos + 2];

        for(var v=-this.radius;v<=this.radius;++v) {

          for(var u=-this.radius;u<=this.radius;++u,++cnt) {

            uvPos = (w*v + u) << 2;

            try {

              r1 = srcData[xyPos + uvPos];

              g1 = srcData[xyPos + uvPos + 1];

              b1 = srcData[xyPos + uvPos + 2];

              r2 = srcData[xyPos - uvPos];

              g2 = srcData[xyPos - uvPos + 1];

              b2 = srcData[xyPos - uvPos + 2];

            }catch(e) {

              break;

            }

            if(this.delta.apply(this, [rc, gc, bc, r1, g1, b1]) < this.delta.apply(this, [rc, gc, bc, r2, g2, b2])) {

              sumR += r1;

              sumG += g1;

              sumB += b2;

            }else {

              sumR += r2;

              sumG += g2;

              sumB += b2;

            }

          }

        }

        dstData[xyPos] = sumR/cnt;

        dstData[xyPos + 1] = sumG/cnt;

        dstData[xyPos + 2] = sumB/cnt;

        dstData[xyPos + 3] = 255;

      }

    }

  },

  delta : function(rc, gc, bc, r1, g1, b1) {

    return Math.sqrt((rc - r1)*(rc - r1) + (gc - g1)*(gc - g1) + (bc - b1)*(bc - b1));

  }

});
[/javascript]
最近、HTML5とFlashの話題が盛んですね。

これまでは 主に canvas を利用したものしか試してないんですが、

業務で動画配信に携わっているので video に関することも調査中です。

技術の外側でH.264/Theoraを巡る政治的な争いを見守りつつ、

来年度からのスタートに出遅れないように今の内にしっかり勉強しておきたいです。
・関連記事

Symmetric Nearest Neighbor « Rest Term

HTML5の勉強 « Rest Term
]]>
			http://rest-term.com/archives/2685/feed/
		1
		
		
		
		http://rest-term.com/archives/2670/
		http://rest-term.com/archives/2670/#comments
		Fri, 08 Jan 2010 11:50:28 +0000
		wellflat
				

		http://rest-term.com/?p=2670
		
			実はメイリオまだ進化中！ 誕生秘話を河野氏に聞いた － ＠IT

たくさんはてブされてる記事なので読んだ人も多いかもしれませんがこれは熟読すべき！

河野氏は熱い人だなぁ。一文字へのこだわりがすごい。

Wikipediaの項目もなんだか熱い気がする。。(メイリオ – Wikipedia)
社内プレゼンで使うフォントはメイリオにしよう。

あと、Windows 7には Meiryo UI が入っているので要確認。
・関連記事

 XPでも「メイリオ」が正式利用可能に 
]]>
			http://rest-term.com/archives/2670/feed/
		0
		
		
		
		http://rest-term.com/archives/2660/
		http://rest-term.com/archives/2660/#comments
		Tue, 05 Jan 2010 12:21:33 +0000
		wellflat
				
		

		http://rest-term.com/?p=2660
		
			libeventを使ったhello, world的な小さなプログラム。

(libeventはmemcachedやThriftなどでも利用されているイベント通知API)

・ファイルが更新されたら内容を表示する

[csharp]

#include 

#include 

#include 

#include 

#include 
#define BUF 256
void callback(int fd, short event, void* arg);
int main(int argc, char** argv) {

	int fd;

	struct event ev;

	if((fd = open(argv[1], O_RDONLY)) == -1) {

		perror(“open”);

		return -1;

	}

	event_init();

	event_set(&ev, fd, EV_READ | EV_PERSIST, callback, &ev);

	event_add(&ev, NULL);

	event_dispatch();

	return 0;

}
void callback(int fd, short event, void* arg) {

	char buf[BUF];

	int len;

	//  event_add((struct event*)arg, NULL);

	if((len = read(fd, buf, sizeof(buf) – 1)) == -1) {

		perror(“read”);

		return;

	}

	buf[len] = ‘\0′;

	printf(“%s”, buf);

}

[/csharp]
event_set 関数で EV_PERSIST を指定すると、イベント通知を継続して受け取ります。

これを指定しない場合は、コールバック関数内で再度 event_add 関数を呼び出す必要があります。

また、登録したイベントを削除したい場合は event_del 関数を利用します。
・参考

libevent + 使い方 | NINXIT-BLOG
]]>
			http://rest-term.com/archives/2660/feed/
		0