Ads by Google
【Javascriptをスクラッチから書いてみる】 eventの発生元のオブジェクトを取得する
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)
最近、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 検証
サイトの表示がだいぶ遅いと言われる。
日本から見る分には軽快に動いているので、日本-フランス間のネットワークの影響なのかなと思い検証してみる。
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
RubyAMF And Flash 8 Memo
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のコードから赤の部分を追加・変更しました。
import mx.remoting.*;
import mx.services.Log;
import mx.rpc.*;
import mx.data.binding.ObjectDumper;
import models.*;
// rubyamfのurl
var rubyamf_url = "http://localhost:3000/rubyamf/gateway";
// ユーザー作成用関数
function createUser() {
var user = new User;
user.name = "Satou"l
Object.registerClass('User',User);
var userService:Service = new Service(rubyamf_url, null, "users", null, null);
var us:PendingCall = userService.save(user);
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();
テーマ:まいらいふ(´∀｀*) - ジャンル:日記
プロフィール
Author:liao
海とか山とか川とか酒とか好きです。
リンク
全記事表示リンク
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | - | - | - | - | - |
ブログ内検索
最近の記事
- 【Javascriptをスクラッチから書いてみる】 eventの発生元のオブジェクトを取得する (01/27)
- VIMでFLASH(ActionScript3) (01/26)
- Trace Route 検証 (01/15)
- サクラインターネット(共有サーバー)でRAILS LIGHT (11/18)
- RubyAMF And Flash 8 Memo (11/12)
- Prel メール 文字コード変更方法 MINE Encodeモジュール (11/07)
- MYSQL バックアップ オフラインバックアップ手法 (11/06)
- Flash Rubyamd 間での日付の受け渡し時に、文字列から日付クラスに変換する (Flash8) (11/06)
- Ruby XML (11/05)
- Apache SSL設定例 メモ (11/03)
- WEBサーバーの情報を非表示。 (10/30)
- JD Rubyのインスートル (10/16)
- JQuery Validateを試してみる。 (10/08)
- RMagcik リサイズされない。 ImageMagickコンパイルエラー (10/02)
- Apache2 CGIの設定 画面が真っ白 (泣) (09/29)
- Ruby On Rails 2.1.1 環境構築ガイド 〜 ImageMagick Passenger RMagick 〜 (09/24)
- Google Chrome ゲット (09/02)
- みんなで凹んで慰めあう。。 リグレト (09/01)
- 素敵な友達達。。 (08/27)
- 夏だ!海だ!西伊豆だ! ダイビング 田子 (08/26)
最近のコメント
- kuma:西の魔女が死んだ (07/18)
- インディ:西の魔女が死んだ (07/16)
- kuma:バーベキューだっ 温泉だっ ホタルだっ 寿司が。。 (06/26)
- sanae:バーベキューだっ 温泉だっ ホタルだっ 寿司が。。 (06/25)
- ベトナム大好き:あふりかー (05/31)
- :撮影現場 (05/29)
- sanae:撮影現場 (05/28)
最近のトラックバック
カテゴリー
- 未分類 (63)
- WEBデザイン (6)
- お酒・食べ物 (7)
- システム開発 (15)
- 旅行・登山・温泉 (10)
- イベント (4)
- 書籍・音楽 (0)
- FLASH (2)
- Ruby (1)
- ネットワーク (1)
- Javascript (1)
検索フォーム
ブロとも一覧
■ ブログ名：25歳♀、インディになる！
ブロとも申請フォーム
QRコード
最近聴いた読んだ書籍&音楽
