熊の散策路

【Javascriptをスクラッチから書いてみる】　eventの発生元のオブジェクトを取得する

liao — 2009-01-27T16:56:36+09:00

書いてみるっていうか、わけあってPrototypeやらJQueryが使えないので仕方なくスクラッチ。

eventオブジェクトから発生源のオブジェクトを取得したいのだけど、IEとFireFoxで挙動が違う。
困ったもんだ。

下記のような場合
①　特定のタグAにclick時のイベントを設定
②　イベント内でタグAの情報を取得したい

■ポイント1 IEとFIREFOXのイベント登録時の表記方法が違う
IE: .attachEvent('onclick', function() {}, false);
FireFox : addEventListener('click', function() {}, false);

■ポイント2 IEとFIREFOXの発生源オブジェクトの取得方法が違う
IE: .window.event.srcElement.id
FireFox : e.target.id

コードにすると。。。

// ①　特定のタグAにclick時のイベントを設定
var item = document.getElementById("item");
if (navigator.userAgent.match(/MSIE (\d\.\d+)/)) {
  item.attachEvent('onclick', helloWorld, false);
} else {
  item.addEventListener('click', helloWorld, false);
}

// ② イベント内でタグAの情報を取得したい
function helloWorld(e) {
  if (navigator.userAgent.match(/MSIE (\d\.\d+)/)) {
    alert(window.event.srcElement.id);
  } else {
    alert(e.target.id);
  }
}

統一してほしい・・。

VIMでFLASH(ActionScript3)

liao — 2009-01-26T16:19:20+09:00

VIMでFLASH(ActionScript3)

最近、ActionScript3をいじることが多い。
んでもってActionScriptはコードをがんがん書けるのでvimを使いたい。
って事でプラグイン導入。

シンタックスとオムニ補完用ファイル
シンタックスが2.0版しか見つからなかった。。あるのかな。
vim actionscript 2.0 syntax
　→　http://www.vim.org/scripts/script.php?script_id=1061
vim actionscript 3.0 Omnicompletion
　→　http://www.vim.org/scripts/script.php?script_id=2478

ファイルは合計3つ。それぞれ対応したフォルダに入れる。
actionscript 2.0 syntax
　　actionsctipt.vim →　c:\$VIM\runtime\syntax
actionscript 3.0 Omnicompletion
　　actionsctipt.vim →　c:\$VIM\runtime\ftppligin
　　actionscriptcomplete.vim →　c:\$VIM\runtime\autoload

以下コマンドでシンタックスが効けばOK

:set syn=actionscript

オムニ補完はControl + Pです。

かなり快適です。。

Trace Route 検証

liao — 2009-01-15T12:09:21+09:00

仕事でフランスのサイト制作をしていて、それはもちろんフランスの人に見てもらうわけですが、
サイトの表示がだいぶ遅いと言われる。
日本から見る分には軽快に動いているので、日本-フランス間のネットワークの影響なのかなと思い検証してみる。

tracerouteというコマンドを使用する。
オプションは以下の通り

-d　デバックモードで動作する

-F　IPパケットの分割（フラグメント）を禁止する

-I　UDPパケットではなく、ICMP Echo Requestを用いる

-n　出力をIPアドレスのみに抑制する（DNS逆引きを行わない）

-r　ルーティングテーブルを無視して直接パケットを指定したホストに転送するように指示する。すなわち、同一の物理ネットワーク上に目的のホストがない場合はエラーになる

-v　詳細モード

-x 　ICMPのCheckSumの評価を行う

-g　経由すべきゲートウェイ（ルータ）のアドレスを最大8個まで指定できる。ただし指定されていないゲートウェイも経由できる（loose source routed）

-i 　指定されたインターフェイス（ネットワークカード名）を用いて実行する

-f　使用するTTLの初期値を指定する。つまりこの初期値のホップ数のゲートウェイからの表示となる

-m　使用するTTLの最大値を指定する。つまりこの最大値のホップ数のゲートウェイまでの表示となる

-p　使用するUDPパケットのポート番号を指定する（DPパケットを使用する場合のみ）

-q　1つのゲートウェイに対する試行回数を指定する。デフォルトは3

-s　指定されたIPアドレスから実行する（Source Addressを指定する）

-t　パケットのTOS（Type Of Service：サービスタイプ）を指定された値に設定する

-w　タイムアウト時間を指定する。単位は秒。デフォルトは5秒

試しに、YahooJapanとFranceとで試してみる。
レスポンスが100msを超えたら「焦げ茶」200msを超えたら赤にする。

まずはYahooJapan

[root]$ traceroute yahoo.jp -q 5
traceroute to yahoo.jp (203.216.227.176), 30 hops max, 40 byte packets
1 192.168.1.1 (192.168.1.1) 0.793 ms 1.144 ms 1.486 ms 1.798 ms 2.156 ms
2 221x249x162x33.ap221.ftth.ucom.ne.jp (221.249.162.33) 7.068 ms 7.212 ms 7.402 ms 7.540 ms 7.682 ms
3 221x112x22x145.ap221.ftth.ucom.ne.jp (221.112.22.145) 7.802 ms 7.943 ms 8.078 ms 8.216 ms 8.356 ms
4 221x112x21x73.ap221.ftth.ucom.ne.jp (221.112.21.73) 8.495 ms 1.333 ms 7.219 ms 7.441 ms 7.630 ms
5 221x112x16x49.ap221.ftth.ucom.ne.jp (221.112.16.49) 7.838 ms 7.977 ms 8.119 ms 8.297 ms 8.439 ms
6 61.122.113.5 (61.122.113.5) 8.575 ms 8.711 ms 8.850 ms 8.988 ms 9.126 ms
7 usen-61x122x114x90.gate01.com (61.122.114.90) 9.263 ms 9.699 ms 13.390 ms 6.597 ms 6.463 ms
8 usen-61x122x114x121.gate01.com (61.122.114.121) 3.992 ms 1.684 ms 4.895 ms 5.013 ms 5.141 ms
9 210.173.176.241 (210.173.176.241) 6.644 ms 6.993 ms 7.135 ms 7.268 ms 9.994 ms
10 202.93.74.223 (202.93.74.223) 10.454 ms 10.587 ms 10.723 ms 10.937 ms 4.704 ms
11 203.216.238.242 (203.216.238.242) 4.872 ms 4.999 ms 5.132 ms 5.170 ms 5.287 ms

さすがに国内なのでだいたい一桁。
次にYahooFrance。。

[root]$ traceroute yahoo.fr -q 5
traceroute to yahoo.fr (217.12.6.29), 30 hops max, 40 byte packets
1 192.168.1.1 (192.168.1.1) 0.884 ms 1.259 ms 1.585 ms 1.937 ms 2.247 ms
2 221x249x162x33.ap221.ftth.ucom.ne.jp (221.249.162.33) 7.423 ms 7.614 ms 7.752 ms 7.887 ms 8.024 ms
3 221x112x22x145.ap221.ftth.ucom.ne.jp (221.112.22.145) 8.206 ms 8.350 ms 8.489 ms 8.619 ms 8.757 ms
4 221x112x21x73.ap221.ftth.ucom.ne.jp (221.112.21.73) 8.954 ms 1.411 ms 7.141 ms 7.583 ms 7.713 ms
5 221x112x16x49.ap221.ftth.ucom.ne.jp (221.112.16.49) 7.998 ms 8.143 ms 8.323 ms 8.453 ms 8.589 ms
6 61.122.113.205 (61.122.113.205) 8.792 ms 8.934 ms 9.071 ms 9.207 ms 9.344 ms
7 usen-61x122x114x37.gate01.com (61.122.114.37) 30.723 ms 30.868 ms 31.010 ms 24.348 ms 24.142 ms
8 61.122.127.209 (61.122.127.209) 4.336 ms 1.667 ms 5.104 ms 6.113 ms 6.385 ms
9 xe-0-1-0.a21.tokyjp01.jp.ra.gin.ntt.net (61.213.161.89) 6.585 ms 6.724 ms 6.861 ms 6.998 ms 7.130 ms
10 xe-1-0-0.r20.tokyjp01.jp.bb.gin.ntt.net (61.213.162.229) 7.649 ms 7.790 ms 8.155 ms 3.672 ms 1.906 ms
11 as-1.r20.snjsca04.us.bb.gin.ntt.net (129.250.2.34) 116.154 ms 116.549 ms 116.655 ms 116.825 ms 117.212 ms
12 * * * as-0.r21.lsanca03.us.bb.gin.ntt.net (129.250.3.145) 118.345 ms 118.728 ms
13 xe-0.level3.sttlwa01.us.bb.gin.ntt.net (129.250.9.162) 104.676 ms xe-1.level3.sttlwa01.us.bb.gin.ntt.net (129.250.9.210) 104.930 ms xe-9-0-0.edge1.SanJose3.level3.net (4.68.110.49) 119.661 ms xe-1.level3.sttlwa01.us.bb.gin.ntt.net (129.250.9.210) 114.884 ms 116.011 ms
14 ae-32-54.ebr2.Seattle1.Level3.net (4.68.105.126) 106.336 ms * 107.594 ms 106.202 ms 100.739 ms
15 xe-1.level3.lsanca03.us.bb.gin.ntt.net (129.250.9.86) 112.499 ms xe-0.level3.lsanca03.us.bb.gin.ntt.net (129.250.8.182) 113.230 ms 115.271 ms xe-1.level3.lsanca03.us.bb.gin.ntt.net (129.250.9.86) 111.306 ms xe-0.level3.lsanca03.us.bb.gin.ntt.net (129.250.8.182) 115.971 ms
16 ae-2.ebr4.NewYork1.Level3.net (4.69.135.186) 229.352 ms 229.495 ms 229.704 ms ae-3.ebr1.Chicago2.Level3.net (4.69.132.62) 160.940 ms 157.733 ms
17 ae-6.ebr1.Chicago1.Level3.net (4.69.140.189) 162.418 ms 173.938 ms ae-64-64.csw1.NewYork1.Level3.net (4.69.134.114) 216.433 ms ae-74-74.csw2.NewYork1.Level3.net (4.69.134.118) 226.513 ms ae-93-93.ebr3.LosAngeles1.Level3.net (4.69.137.45) 112.667 ms
18 ae-2.ebr3.SanJose1.Level3.net (4.69.132.9) 122.439 ms ae-2.ebr2.NewYork1.Level3.net (4.69.132.66) 206.968 ms 198.448 ms 205.289 ms 202.028 ms
19 ae-82-82.csw3.NewYork1.Level3.net (4.69.134.90) 212.620 ms ae-63-63.csw1.SanJose1.Level3.net (4.69.134.226) 123.900 ms ae-44-44.ebr2.London1.Level3.net (4.69.137.77) 252.862 ms ae-42-42.ebr2.London1.Level3.net (4.69.137.69) 267.298 ms ae-43-43.ebr2.London1.Level3.net (4.69.137.73) 265.529 ms
20 ae-71-71.ebr1.NewYork1.Level3.net (4.69.134.69) 198.893 ms ae-24-54.car3.London1.Level3.net (4.68.116.113) 272.701 ms ae-24-56.car3.London1.Level3.net (4.68.116.177) 262.875 ms ae-24-52.car3.London1.Level3.net (4.68.116.49) 288.573 ms ae-24-56.car3.London1.Level3.net (4.68.116.177) 262.064 ms
21 ae-2.ebr4.NewYork1.Level3.net (4.69.135.186) 213.382 ms 213.679 ms 213.269 ms ae-44-44.ebr2.London1.Level3.net (4.69.137.77) 248.062 ms ae-2.ebr4.NewYork1.Level3.net (4.69.135.186) 220.651 ms
22 ae-64-64.csw1.NewYork1.Level3.net (4.69.134.114) 216.227 ms ge-2-1-0.msr2.ukl.yahoo.com (217.146.181.220) 316.171 ms ae-84-84.csw3.NewYork1.Level3.net (4.69.134.122) 211.212 ms ge-2-1-0.msr2.ukl.yahoo.com (217.146.181.220) 278.106 ms ae-24-54.car3.London1.Level3.net (4.68.116.113) 249.550 ms
23 te-9-4.bas-a2.ukl.yahoo.com (217.12.2.223) 253.496 ms te-9-4.bas-a1.ukl.yahoo.com (217.12.2.221) 265.838 ms 195.50.90.142 (195.50.90.142) 244.416 ms te-9-4.bas-a2.ukl.yahoo.com (217.12.2.223) 266.169 ms 266.778 ms
24 ge-2-1-0.msr2.ukl.yahoo.com (217.146.181.220) 245.326 ms alteon1.34.ukl.yahoo.com (217.12.6.6) 267.646 ms 255.707 ms ae-43-43.ebr2.London1.Level3.net (4.69.137.73) 271.328 ms ge-2-1-0.msr2.ukl.yahoo.com (217.146.181.220) 254.184 ms
25 ae-24-56.car3.London1.Level3.net (4.68.116.177) 258.809 ms te-9-4.bas-a1.ukl.yahoo.com (217.12.2.221) 257.792 ms alteon1.34.ukl.yahoo.com (217.12.6.6) 253.732 ms ae-24-56.car3.London1.Level3.net (4.68.116.177) 259.806 ms te-9-4.bas-a1.ukl.yahoo.com (217.12.2.221) 258.280 ms

あぁ。。さすがに真っ赤に。
どんだけ経由してんだろって感じです。こりゃ思いわ。

サクラインターネット(共有サーバー)でRAILS LIGHT

liao — 2008-11-18T01:35:26+09:00

サクラインターネット(共有サーバー)でRAILS LIGHT メモ

■　サクラインターネット

RubyAMF And Flash 8 Memo

liao — 2008-11-12T00:24:00+09:00

RubyAMFの詳細設定についてのメモ

RubyAmfを利用したFlash8の実装方法。
今まで何回が日記に書いたけど、かなり適当だったけど、もう少し細かく書けたらなんて思ったり。
RubyAMF自体の情報が少ない上に、それがさらにFlash8となると殆ど無い・・。
ちなみにRailsのバージョンは2.1.2です。

■　RubyAMF AND Flash8 実装　目次

ざっくりと実装までの流れです。

① 【RAILS】　RubyAMFインストール
② 【RAILS】　rubyamf_configの設定
③ 【RAILS】　Model・Controllerの作成
④ 【RAILS】　データベース作成
⑤ 【Flash】　RubyAMD連動　(find_all編)
⑥ 【Flash】　RubyAMD連動　(create編)

① 【RAILS】　RubyAMFインストール　　　　　　　　　　　　　　　　

railsフレームワークを生成してRubyAMFプラグインをインストールします。

[linux@]$ rails rubyamf
[linux@]$ cd rubyamf
[linux@]$ ./script/plugin install http://rubyamf.googlecode.com/svn/tags/current/rubyamf

② 【RAILS】　rubyamf_configの設定　　　　　　　　　　　　　　　　　

config/rubyamf_config.rbの設定を変更します。

config/rubyamf_config.rb

require 'app/configuration'
module RubyAMF
  module Configuration
    ClassMappings.translate_case = true
    ClassMappings.assume_types = false
    ParameterMappings.scaffolding = true
  end
end

③ 【RAILS】　Model・Controllerの作成　　　　　　　　　　　　　　　

Generateスクリプトに「rubyamf_scaffold」が追加されるので、実行します。
Controller・Model共に一括で作成してくれます。

[linux@]$ script/generate rubyamf_scaffold user name:string sex:integer

そのあとに設定ファイルに一行追加します。

config/rubyamf_config.rb

require 'app/configuration'
module RubyAMF
  module Configuration
    ClassMappings.translate_case = true
    ClassMappings.assume_types = false
    ParameterMappings.scaffolding = true
    ClassMappings.register(:actionscript => 'User', :ruby => 'User', :type => 'active_record')
  end
end

これでRubyOnRails側の設定は完了です。

④ 【RAILS】　データベース作成

マイグレートファイルを作成します。

class CreateUsersTables < ActiveRecord::Migration

  def self.up
    options = "ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin"
    create_table "users", :force => true, :options => options do |t|
      t.string :name
      t.integer :sex
      t.timestamps
    end
  end

  def self.down
    drop_table "users" rescue nil
  end

end

続いてテストデータ用にフィクスチャファイルを編集します。

tarou:
  name: "tarou"
  sex: 2

yamada:
  name: "yamada"
  sex: 1

マイグレート・フィクスチャ　スクリプト実行

[linux@]$ rake db:migrate
[linux@]$ rake fixtures:load

⑤ 【Flash】　RubyAMD連動　(　find_all編　)　　　　　　　　　　　　

import mx.remoting.*;
import mx.services.Log;
import mx.rpc.*;
import mx.data.binding.ObjectDumper;

// rubyamfのurl
var rubyamf_url = "http://localhost:3000/rubyamf/gateway";

// ユーザー取得用関数
function getUser() {
  var userService:Service = new Service(rubyamf_url, null, "users", null, null);
  var us:PendingCall = userService.find_all();
  us.responder = new RelayResponder(this, "getDataTrue", "getDataFault");
}

// 実行結果がTRUEだった場合の処理
function getDataTrue(re:ResultEvent) {
  trace(ObjectDumper.toString(re.result));
}

// 実行結果がFALSEだった場合の処理
function getDataFault(fe:FaultEvent) {
  trace("Error description from server: " + fe.fault.description);
}

getUser();

以下のように結果ででれば成功。

[{id: 948504704,
    name: "Yamadai",
    sex: 0,
    createdAt: Thu Nov 13 17:33:53 GMT+0900 2008,
    updatedAt: Thu Nov 13 17:33:40 GMT+0900 2008},
{id: 948504704,
    name: "Yamadai",
    sex: 1,
    createdAt: Thu Nov 13 17:33:53 GMT+0900 2008,
    updatedAt: Thu Nov 13 17:33:40 GMT+0900 2008}
]

⑥ 【Flash】　RubyAMD連動　(　create編　)　　　　　　　　　　　　

Railsのモデルに対応したクラスを作成する必要があります。
なので、modelsディレクトリを作成してそこにasファイルを作成してインポートする事にします。
models/User.as

↓な感じで・・。

class models.User {
  public var name:String;
  public var sex:Number;

  function User() {
  }
}

find_allのコードから赤の部分を追加・変更しました。