「nessy（ネッシー）」は、企業データを検索、管理するサービスです。クラウドマップはここで企業マップを提供しました。 今回は”実験的な”プロジェクトで、色々な技術を試せる場となりました。特に技術開発では、javascriptでどこまでできるか、をテーマとしました。 これまで、クラウドマップのインターフェースはflashで作られていたのですが、少し重い(約300kb)というのと、どうしても使えないブラウザ機能などがありました。 例えば、リンクをホイールクリック等で開けない、リンクの訪問済み表示ができない、ブラウザの右クリックメニューが使えない、右クリックが（基本的には）使えない、ホイール操作がフォーカスしてからでないと効かない、などの問題点が挙がっていました。 この問題を解決するにはjavascriptで開発するしかないのですが、もともとはjavascritpとflash(flex)を比べ
#先日上げたslideshareのスライドを見つつ読んでもらえると、多少分かり易くなると思います。 #http://www.slideshare.net/ranha/b2b-presen-presentation?type=powerpoint 最初の方の理由は後付けです。こんな面倒くさい事先立って考えません。 ブラウザについて 最近では、ネットブックと呼ばれるようなマシンも出てきました。 ネットブックはWebサービス等を中心活用し、ローカルに様々なデータを蓄えずとも、ネットワークインフラの発達に伴いネット上のリソースにアクセスしても速度的にある程度満足出来る為に成り立ちうるからこそ出来るのでは無いかと思います。 ネットブックの中心は、やはりWebブラウザです。 ここで、ブラウザを今後のローカル環境のシフト先として捉える事を少々考えてみたいと思います。 直接的なシフト先としては、WebOS
XML のパース速度を環境を変えて測定してみたところ、面白い結果が出てきたので、まとめてみました。 XMLデータ 測定に使った XML は次のようなシンプルなものです。単純ですが、Web API の出力として、よく用いられる形です。 <root> <result>1</result> <items> <item>http://www.example.com/?e0fe16290dc90f4e929bb4f72973c4ce</item> <item>http://www.example.com/?150f9f8df8b51d7feb61999623f4ea0b</item> : <item>http://www.example.com/?a7d3bd66e2eb279d789f34efb6f8a9ac</item> </items> </root> JavaScript でのパース まず、
JavaScript から Flash を操作できるツール、Flex-Ajax Bridge (FABridge) を試してみました。 名前に Flex や Ajax とついていますが、Flex や Ajax にしばったライブラリではなく、JavaScript から SWF を操作できる、と考えたほうがよい感じです。 必要なファイルは SWF に組み込む FABridge.as と HTML でインクルードする FABridge.js の２つです。ダウンロード方法はちょっとややこしいので最後で説明します。 SWFの準備 まずは、SWF 側の実装。bridge フォルダに FABridge.as を置きます。AS3.0 です。 // Test.as package { import flash.display.Sprite; import bridge.FABridge; public cl
![JavaScript から Flash を楽々操作できる FABridge [てっく煮]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0152b5a283748a3bce479101d22b9b4c157d2c27/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
弊社フラッシュチームからは常識じゃん？的なことを言われましたが、FlashのExternalInterfaceに無名関数を使うというテクはなかなか使えるなぁ。 UserAgent取得 var ua = ExternalInterface.call("function() { return navigator.userAgent }"); JSつかってJSONパースさせてオブジェクトを得る var json = '{foo:"bar"}'; var object = ExternalInterface.call("function(json) { return eval('('+json+')') }", json); などちょっとしたことやるならjsファイルでなんかやらなくてもas内だけで完結できる。 ちょっとがんばればasクラスだけでjsの正規表現つかうラッパークラスとかもできそうだけど
最近ではAjaxの流行もあり，JavaScriptのライブラリがかなり充実していますね。これらのライブラリの関数を始めとしたJavaScriptの関数を，Flashムービーから呼ぶことができれば，Flashムービーだけでは実現が難しい処理も意外に簡単にできてしまうこともあります。 ムービーを表示しているHTMLドキュメントのURIを取得する あけましておめでとうございます。本年もよろしくお願いいたします。 さてさて，図1のムービーでは，ムービーを表示しているHTMLファイルのURI（URL）を表示しています。 図1：ムービーを表示しているHTMLファイルのURIを取得するムービー（クリックするとムービーを表示します） Flashムービーでは，ムービー自身のURIは「_urlプロパティ」を使って取得できますが，ムービーを表示しているHTMLファイルのURIまでは取得できません。では，図1のム
先日のスクリプトエンジンのVirtualMachine（VM）でも使っているテクニックなのですが、VMはバイトコードに対応した処理をしなければならないので、 for (; pc < length; ) { switch (code[pc]) { case 'NOP': pc += 1; break; case 'LIT': code[code[pc+2]] = code[pc+1]; pc+=3; break; case 'ADD': code[code[pc+3]] = code[pc+1] + code[pc+2]; pc+=3; break; .... default: throw Error(); } } というように、大量のcase分岐が必要になります。Flashはswtich-caseで単純な比較&ジャンプのコードしか生成しないので、このように大量にcaseがあると、一番最後の
人様にActionScript (あるいは JavaScript)を教える時に、絶対に鬼門となるthisスコープについてのまとめメモ。 ECMAスクリプトでは関数が他の変数に代入可能な為、関数のthisが文脈によって変動します。どうも、Javaとかやってる人にはそれがスゴイ気持ち悪いらしいのです。 thisとな何なのか？ 端的に言うならば、thisは「その関数を、何のプロパティと解釈して呼び出したか？」によって決定します。 関数を直接呼び出す場合と、オブジェクトのプロパティに代入してから呼び出す場合を比較してみます。 function hoge(){ alert(this); //trace(this); flashの場合はコッチ } var myObj = new Object(); myObj.hoge = hoge; hoge(); myObj.hoge(); のように書いた場合、
Welcome to the OSFlash Wiki, a resource site on open source Flash maintained by members of the OSFlash community. This site is a Wiki. That means that once you register for an account, you can log in and update any page on the site yourself. Please edit a page only if you can improve it. Please use the playground to test the wiki, learn wiki syntax and read through the style guide before contribut
Flash / JavaScript Integration Kit (Beta) 昨日コンポーネント指向Ajaxとかのたまってたら、タイムリーにMacromediaから、Flash/JavaScript相互通信フレームワークとライブラリが発表されました。 驚くべきことに、これを使用すると、オブジェクトの型を保ったままJSとFlashでデータ通信ができるそうです。対応ブラウザも、モダンブラウザ全てサポート。 というわけで、次なる焦点は「FlashからJavaScriptを制御するか、JavaScriptがFlashを制御下に置くのか？」になりそう。ＤＯＭ操作とブラウザ互換依存部分以外はflashにコードを隠蔽してしまってもいい気がする。そのほうが動作安定しそうだし。しかし、三ヶ月ぐらいhidden進行でリサーチしてた分野が無駄になったよコンチクショー。 投稿者 Taka : 2005年06
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
