[B! JavaScript][google] Ehrenのブックマーク

Closure Draw を更新し、カスタマイズ性を高めました - WebOS Goodies

Web アプリケーションに手軽に図形描画機能を組み込むことができる Closure Library ベースの作図ウィジェット Closure Draw をアップデートしました。細かい改善点はいろいろあるのですが、最も大きいのは UI を完全にカスタマイズ可能にしたことです。ツールバーを作図ウィジェット本体から完全に分離し、まったく別の UI に差し替えることができます。また、ウィジェットを外部のスクリプトから制御するためのインターフェースも用意しました。今回の改善で、 Web アプリケーション本体の UI に違和感のない形で Closure Draw を組み込めるようになりました。以下で仕様をご紹介しますので、ぜひご活用ください。新しい Closure Draw のアーキテクチャ今回の最も大きな変更点は、従来 closuredraw.Widget というひとつのコンポーネントで実装さ

Ehren 2010/11/04

リンク

Closure Library で作る簡易ドローツール（Python Hack-a-thon #3 資料） - WebOS Goodies

今週末の土曜日に開催される Python Hack-a-thon #3 にて、 JavaScript ハンズオンを担当させていただくことになりました。 Python Hack-a-thon でなぜ JavaScript という感じですが、そのあたりが日本の Python コミュニティーのおおらかさということでしょうか（笑）。問題はその題材ですが、以前から気になっていた Closure Library を使って簡単なドローツールを作ることにしました。これなら見た目にも楽しいし、 Closure Library は日常業務でも役に立つでしょう。そんなわけで、本日はそのテキスト作りも兼ねて Closure Library の使い方をご紹介します。 Closure Library とは Closure Library は、 Google が開発しているオープンソース (Apache Licen

Ehren 2010/01/20

リンク

Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転改

FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され

Ehren 2009/10/01

リンク

Google Docsはグローバル変数を使う、定石とは逆の実装 | エンタープライズ | マイコミジャーナル

Web Application Development - SitePen Mike Wilcox氏がSitePen Blog ≫ Web Page Global Variable Performanceにおいて、JavaScriptのグローバル変数とローカル変数に関する性能について興味深いベンチマークと考察を公開している。Mike Wilcox氏はフルフィーチャJavaScriptフレームワークDojoの開発者。 Mike Wilcox氏は最近Google Docsに追加されたベクタグラフィックス作成/挿入機能に興味を持ったという。DojoのベクタグラフィックAPIであるdojox.gfxと同じSVGとVMLを使っているためだ。Firebugでその実装を調査したところ、コードほとんどにおいてグローバル変数が使われていることに気がついて驚いたとしている。 JavaScript実装定石のひと

Ehren 2009/08/16

リンク

はじめてのGoogleMapsAPI | _level0 - KAYAC Front Engineer Blog

コンチはー！kijimaです。最近案件でgoogle MapsAPIを使っていますが、初めてのことだったので備忘録として記事に書いておきます。ちなみに、FlashCS3ユーザー向けチュートリアルページというものがすでに用意されています。そちらを参考にしつつ、進めていきたいと思います。まずは、使用したいURLを登録してgoogle Maps APIキーを取得します。こちらのURLにアクセスして、利用規約に同意の上で使用したいURLを入力します。すると、ランダム英数字からなるAPIキーが取得できます。サーバーにアップする場合はこのAPIキーが必要になってきますが、ローカル環境でswfをパブリッシュして確認するだけだったら必要ありません。次に、Google Maps API for Flash SDK をダウンロードします Google Maps API for Flashのページの右