jsに関するGimiteのブックマーク (84)

  • JavaScript Editor PlugIn for Eclipse

    The project is an Eclipse plugin that provides an editor for JavaScript files with syntax highlighting and outlining including some common OO approaches. Supported OO outline features are: Constructor, Class methods, Instance methods, Class variables etc

  • How to Build an XPCOM Component in Javascript - Mozilla | MDN

    これは JavaScript で XPCOM コンポーネントを作成するための "Hello World" 的なチュートリアルです。このチュートリアルでは、XPCOM がどのように、そしてなぜそのように動くのかということや、コードの例が何をするものなのかということは説明しません。詳細は 別の記事 を参照してください。このチュートリアルでは、コンポーネントをできる限り少数かつ簡単なステップで動かすためにすべきことを説明していきます。 警告:これは Mac 上での結果です。Windows では手順が異なるかもしれません。 実装 このコンポーネントの例では "Hello World!" という文字列を返すメソッド 1 つだけを公開します。 インタフェースの定義 作ったコンポーネントを JavaScript から、あるいは他の XPCOM コンポーネント内で使用したいとなると、公開したいインタフェー

    How to Build an XPCOM Component in Javascript - Mozilla | MDN
  • getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

    getComputedStyle とは!? ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単! var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op

    getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
    Gimite
    Gimite 2007/06/12
    ある要素にどんなスタイルが当たっているかを計算してくれる
  • TAKESAKO @ Yet another Cybozu Labs: Operaでも非同期リクエストが並列処理できる img-JSONP

    先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前(普通のJSONP) Operaはスクリプトを追加するとタイマーが止まる(サンプルページ) http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d

    Gimite
    Gimite 2007/06/06
  • Google AJAX Feed API

    Platforms and Operating Systems Android Google AI Chrome Google Cloud Firebase Frameworks, IDEs, and SDKs Jetpack Compose Android Studio Flutter Project IDX Google AI Studio Services and Integrations Gemini API Vertex AI Identity Google Pay API Google Workspace Growth and Monetization Google Play Google AdMob Google Ads Chrome Extensions Google Search Central Groups Google Developer Groups Google

    Google AJAX Feed API
  • GreaseMonkey Script -- Disable OnKeydown

    disable_onkeydown-1.1.user.js (2007/09/08 ver 1.1) この GreaseMonkey Script では Yahoo! JAPAN や はてなブックマーク で勝手にキーボードショートカットが設定されてしまうことを防ぎます。 functions for keyconfig 等で Firefox の操作をキーボードメインで行っている場合、 Web サイト側で勝手にキーバインドを変更されると困ります。 例えば、はてなブックマークでは J, K, B キー等の動作を上書きしてしまいます。 これらのキーに画面スクロールなどの動作を割り当てている場合、 はてなブックマークだけは普段通りの操作が行えません。 このスクリプトを有効にするとサイト側のキーバインドを無効に出来るので、 どんなサイトでも安定してキーボードで閲覧出来るようになります。 このスクリプト

    Gimite
    Gimite 2007/05/21
  • LingrCom - inutch

    概要 Webチャット"Lingr"のAPIJavascriptから利用するためのライブラリです。 lingrcom.jsと複数のcgiファイル(perlスクリプト)により構成されます。 cgiをプロキシとして利用することで、www.lingr.comへのクロスドメイン通信を行います。 使い方の例 次の4文で、セッションを開始し、部屋へ入り、メッセージを監視します。メッセージを受信すると、observeの引数で渡したcallback関数が呼ばれます。 lingrobj = new LingrCom("lingrobj"); lingrobj.createSession(); lingrobj.enterRoom("roomid", "nickname"); lingrobj.observe(callback関数); 次の文で、部屋に対して発言をします。 lingrobj.say("発言する

    Gimite
    Gimite 2007/05/07
    Lingr JSライブラリ
  • ECMAScript for XML (E4X) 仕様邦訳

    この文書は ECMA-357 ECMAScript for XML (E4X) Specification 2nd edition を訳者 (nanto_vi) が私的に訳したものであり、Ecma International またはその他の関連団体・個人とは一切関係ありません。 この文書は正規の仕様ではありません。正規の仕様に関しては Ecma International から PDF で公開されています。 翻訳の内容については保障しません。この文書の利用によって発生したいかなる損害についても訳者は責任を負いません。 翻訳上の誤りなどがあれば訳者 (ブログまたはメール <nanto (at) moon.email.ne.jp>) までご連絡ください。 Standard ECMA-357 2nd Edition / December 2005 序文 2002 年 6 月 13 日、BEA S

    Gimite
    Gimite 2007/03/23
  • JavaScriptから利用できる顔検出API「facekit」 - 王様の箱庭::blog

    no title インタラクション2007で産総研の松坂氏が発表されていました。まさか顔検出がブラウザで動く時代になったとは... いろいろ言うより見てもらった方が早いので、動画を用意しましたよ。もう顔バレとかどうでもいいやー。 Facekit - Control google maps with your face 顔の向きでGoogleMapを操作するデモです。ページはこちら わかりにくいけど、画面の下端に「front/right/left」って顔の向きが表示されてる。 カメラと顔の距離でズームもできてる。 PCカメラを持ってる人は、公式ページにサンプルが用意されているのでぜひ試してみてください。 実装はFlashっぽいですけど、利用の際はJavaScript側から叩くだけでいいみたいです。 これもサンプルコードを見てもらえばいいんですけど、ものすごく簡潔。感動した!Enjoy! 以下

    Gimite
    Gimite 2007/03/23
  • JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー

    さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため

    JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
    Gimite
    Gimite 2007/02/27
  • Kazuho@Cybozu Labs: Comet の正しい使い方

    « 「スーパー技術者争奪戦」 | メイン | JavaScript から Flash の便利な機能を使う方法 » 2007年02月23日 Comet の正しい使い方 今日会社の勉強会で Comet について話す機会がありました。 Comet については、普及するかどうかという以前に、どう使えばいいのか、正しく使った場合に何をどこまでできるのか、という理解が共有されていないように思います。なので、(あくまで私見ですが) 使用したスライドの一部を公開したいと思います。よろしければごらんください。また、問題や改善すべき点があれば、教えていただければ幸いです。

    Gimite
    Gimite 2007/02/23
  • 最速インターフェース研究会 :: 遅延評価を使ってSjaxをAjaxに変換する方法

    継続を使ってSjaxをAjaxに簡単に変換する方法 http://d.hatena.ne.jp/llamerada/20070220/1171984586 を見て。こんなのはどうだろう。 ユーザーからの入力や、非同期のHTTPリクエストなんかを、具体化されてないオブジェクトとして捉えて、それらを受け取った関数側が遅延オブジェクトを具体化するためのリクエストを投げて再試行する。ネストが深くならないですむ、同期処理で書く場合との変更点が少ない、あるいは完全に差異を無くすことができる。 alert(args)のコメントを外せば、引数が具体化されていく様子が分かるはず。 Function.prototype.receive_lazy = function(){ var orig = this; return function(){ var thisObj = this; var me = argu

    Gimite
    Gimite 2007/02/21
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

    Gimite
    Gimite 2007/02/20
  • [JavaScript] ECMAScript for XML (E4X) を試してみた

    Firefox 1.5では、 ECMAScript for XML (E4X) が利用できます。 JavaScript 中に XML コードを埋め込んで XML オブジェクトとして利用できるほか、 (XML.ObjTreeクラスのように) 面倒な DOM 操作ではなくてJavaScriptオブジェクトの プロパティを辿るようにして簡単に XML のデータ構造にアクセスできます。 大なり・小なりの記号を新しい用途に使っているわけですね。賢い! (C++ のストリームの << よりもよっぽど直感的な用途だと思う) XML の処理がスゴく直感的に分かりやすくなるので、良いと思うのですが、 まだ IE では使えないので、一般に普及するのはまだ当分先になりますね……。 ※このページのスクリプトは、Firefox 1.5 用になります。 IE 7/Opera 8.53 では動作しません。 要素の値・属

    Gimite
    Gimite 2007/02/20
    SpiderMonkeyで使えるXMLオブジェクト
  • IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について

    Firefox 2.0 beta 1 が出ましたね^^ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。! 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie

    IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
    Gimite
    Gimite 2007/02/04
  • JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」:phpspot開発日誌

    script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫:ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) { log('a')}); addKeybind('a', function(ev) { log('a!!');}, $('loglog')); addKeybind('B', function(ev) { log('B')})

    Gimite
    Gimite 2007/02/02
  • JavaScriptでMP3を扱えるライブラリ「SoundManager 2」:phpspot開発日誌

    SoundManager 2: Javascript Sound For The Web - Schillmania.com A Javascript API was needed to achieve the kind of client-side flexibility I wanted, and access to sound was possible using Flash 8's ExternalInterface capabilities through a hidden movie. JavaScriptMP3を扱えるライブラリ「SoundManager 2」。 次のように、JavaScriptで音声を再生したいな、と思ったことはないでしょうか。 soundManager.play('helloWorld','/hello-world.mp3'); 今回紹介するライブラリを

    Gimite
    Gimite 2007/02/02
  • JavaScript ガイド - JavaScript | MDN

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript ガイド - JavaScript | MDN
    Gimite
    Gimite 2007/02/02
  • Rubyist - yamazのRails日記 - Ajaxっぽく画面遷移なしでファイルアップロードしたい!

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    Rubyist - yamazのRails日記 - Ajaxっぽく画面遷移なしでファイルアップロードしたい!
    Gimite
    Gimite 2007/01/31
  • DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌

    Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、 中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。 最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。 垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">

    Gimite
    Gimite 2007/01/21