30分で作るJetpack Feature (1) 概要 - こんにちはこんにちはmonmonです！
日記を全然更新してなかったので会社で作った資料をまるっとコピー 長い資料なので2つに分けた はじめに：Tutorialの方が詳しいです 何も考えないで使いながら覚えていきましょう とりあえずインストール https://jetpack.mozillalabs.com/ about:jetpackをアドレスバーに入力すると色々見れる WelcomeのDemoをインストールしてみる Tutorialをいじる Libraries Twitterクライアントがデフォルトで入ってる：jetpack.lib.twitterで呼び出せる console.log(jetpack.lib);で確認する感じだとTwitterだけ。今後色んなの増やすらしい API Referenceをちょっと見る 見たような関数(jQueryとか)はとりあえず他で勉強 jetpack jetpack.notifications
理由がない限り、Array.join("") による文字列連結は使わないほうがいいみたい - latest log
JavaScript の勉強を開始したときに「文字列の連結には Array.join() を使え」といった記事を見た覚えがあります(ソース失念したけど、 Operaの技術文書だった気がする ⇒ IE の技術文書だったかも)。 一年ほど信じてて、念のためベンチとってみたら「うそやーん」でした。ってお話。 ベンチの条件は、 3種類の文字列連結方法を試す 1. + Operator 2. String.concat() 3. Array.join("") 文字列の要素数を 11個 と 55個で試す <!doctype html><html><head><title></title> </head><body> <script> window.onload = function() { var now = +new Date, lp = 100; while (lp--) { job(); } d
JavaScript MVC
Once a bit player, JavaScript increasingly takes center stage. Its footprint—the space it takes up on our servers and in our development schedules—continues to grow. So how can we make our JavaScript more reusable and easier to maintain? Perhaps MVC will offer some clues. While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and C
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
JSDeferred 紹介
JSDeferred について JSDeferred は JavaScript のコールバックによる非同期処理を直列的に書けるようにするために作られたライブラリです。 foofunc(function () { barfunc(function () { bazfunc(function () { }); }); }); foofunc().next(barfunc).next(bazfunc); 簡単な使いかた 読み込み まずは JSDeferred を使うために、HTML に script 要素を追加します。 <script type="text/javascript" src="jsdeferred.js"></script> <script type="text/javascript" src="my.js"></script> JSDeferred は外部ライブラリに依存しておら
Drawing Graphics with Canvas - MDC
Firefox 1.5 より、 Firefox はプログラム可能な画像のための新しい HTML 要素を含みます。<canvas> は WHATWG の canvas の仕様を基にしています。WhatWG canvas 仕様自体は Safari で実装された Apple の <canvas> を基にしています。クライアント上でグラフ、UI 要素、および他のカスタムグラフィックスの描画に使用することができます。 <canvas> は 1 つ以上の描画コンテクスト を公開した固定サイズの描画表面を作ります。現在は 2 次元描画コンテクストのみが実装されています。 3D グラフィックスの描画には、 WebGL レンダリングコンテクストを用いると良いでしょう。 始めに、2 つの交差した長方形を描く簡単な例を見てみましょう。片方の長方形は透明度を持っています。 function draw() { va
Server Side JavaScript を書いて思った事 - hagino3000's blog
というか、はまりまくったのでメモ。 Lotus Notes/Domino 8.5でLotus Scriptの代りにServer Side JavaScriptで同様に開発ができるとの事でやってみました。 サーバー・サイド JavaScript は XPages 用に用意された Lotus Domino サーバー上の ECMA 262 準拠のインタープリタで実行されます。NotesSession や NotesDocument などのNotes オブジェクトにアクセスするためのメソッドが用意されており、従来の NSF アプリケーションと同様のバックエンド処理を行うことができます。 IBM Lotus Notes/Domino 8.5 におけるアプリケーション開発 特定の構文が通らなかったりする 匿名関数を定義して即実行する記述があると、そこから先の処理が実行されない。例外も飛ばない。 (fu
JavaScript の Iterator、関数とコンストラクタ: Days on the Moon
オンライン勉強会の Jetpack 入門に参加して Jetpack のソースコードを読んでいたら、Iterator を関数として呼び出したときとコンストラクタとして呼び出したときとでは挙動が違うということを知りました。 Iterator の動作 オブジェクト o に対して for-in 文、for-each-in 文を実行したとき、及び Iterator 関数、Iterator コンストラクタを呼び出したときの (SpiderMonkey の) 動作は、それぞれ次のようになります。 コード o が __iterator__ メソッドを持つとき o が __iterator__ メソッドを持たないとき for (... in o)
JavaScript--単体テスト環境の選択肢 - builder by ZDNet Japan
ソフトウェアのテストは、ソフトウェア開発に不可欠な一面だが、（アプリケーション開発工程には関わらない）テスターの一群がアプリケーションが期待に沿うものになっているかを確かめる段階以外でも行われる。開発者も、単体テストで日常的な仕事の成果をテストすることによって、コードが期待通りのものであることを確かめていくことができる。この記事では、クライアントサイドのJavaScriptコードに対して単体テストを行う方法について説明する。 単体テストは、個々のソフトウェアコンポーネントやモジュールに対するテストだ。単体テストはテスターではなく開発者によって実施されるという点で、従来のテスト工程とは異なる。これは、単体テストにはコードの知識が必要とされるためだ。従来のテストは、もっと後の工程で、（個々に単体テストを行われた）すべてのモジュールが全体として動作するかどうかを確認するために行われる。 単体テス
JSでthisを返す拡張をしておくと便利? ※ただしFirefoxにかぎる (Kanasansoft Web Lab.)
elm.setAttribute( "name", "value" ).getAttribute( "name" ); Object.prototype.__noSuchMethod__=function(methodName,argsArray){ if(methodName.match(/^_[^_]/)){ var method=methodName.substr(1); if(this[method]){ this[method].apply(this,argsArray); return this; } } throw new TypeError(methodName+" is not a function"); }; elm._setAttribute( "name", "value" ).getAttribute( "name" );
第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門
私は動的なページを作ってみたいと思いJavaScriptを学び始めた。 今までこうとしか書けないと思っていたモノが、 他の言語では別の方法で書け、 その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、 始めはJavaScriptの文法ばかりを勉強していた。 とくに、他の言語の経験者が面白い！ ためになる！ と思うのはこの本である。 まるごとJavaScript & Ajax ! Vol.1 作者: 天野仁史,舘野祐一,川崎有亮,arton,田中孝太郎,国分裕,山本有悟,海野裕也,nanto_vi出版社/メーカー: インプレス発売日: 2007/02/15メディア: 大型本購入: 8人 クリック: 98回この商品を含むブログ (78件) を見るJavaScriptのこの書き方ってそういう意味だったのか！！ といったことや、最近の動向がぎゅぎゅっとまとまっている。
Route 477(2009-07-29)
■ [ruby] RubyからJavaScriptのテストも行うためのライブラリあれこれ RailsなどのWebフレームワークでは、「rake test」一発でWebアプリのテストが走ってくれて楽ちんなわけですが、 JavaScriptのテストは手作業でやってたりしませんか？ 「rake test」でJavaScriptのテストもやってしまうためのライブラリがいろいろ出てきてるようなので、列挙してみました。 ブラウザを使うもの 実際にブラウザを起動し、それをRubyからコントロールすることでWebアプリのテストを行う。 Selenium 有名ですね。 調べてないんだけど、Rubyからも使えるし、JavaScriptを操作したりもできるんじゃないですかね(投げやり)。レポート求む。 Watir (RubyForge) #どっちが公式サイトなんだろう Rubyからブラウザを起動し、操作する。
リンクになっていないURLを新規タブで開くGreasemonkey Script - os0x.blog
Text URL Linker という Greasemonkey Script を CodeRepos (と Text URL Linker for Greasemonkey) にあげました。Firefox の Greasemonkey, Opera(9.50以降) の UserJavaScript, Safari の GreaseKit, Google Chrome の Greasemetal, Chromium の Greasemonkey で動作します。 はてなダイアリーのコメント欄など、リンクになっていないURL (一応 ttp://hoge のようなURLにも対応) を新規タブで開くリンク(通常のリンクと区別するため overline 入りカーソルをhelp) にする Script です。Firefox の人には Piro さんの Text Link でお馴染みのあれです。同種の
John Resig - Computing with JavaScript Web Workers
Web Workers are, undoubtedly, the coolest new feature to arrive in the latest version of web browsers. Web Workers allow you to run JavaScript in parallel on a web page, without blocking the user interface. Normally in order to achieve any sort of computation using JavaScript you would need to break your jobs up into tiny chunks and split their execution apart using timers. This is both slow and u
ワンクリックでコナミコマンドを実行するKonamiCommander (Kanasansoft Web Lab.)
インターネットを見ていて、コナミコマンドの入力が必要になった時、いちいちマウスから手を離してキーボードから「上上下下左右左右BA」するのは面倒ですよね。パソコンを使っているのですから、単調な作業や繰り返しする入力は自動化したいものです。そこで、コナミコマンドを入力するBookmarkletを作成しました。 /* ================================================================================ Name : KonamiCommander Ver1.0.1 In : [none] Out : [none] Note : コナミコマンドを入力するBookmarkletです。 -----------------------------------------------------------------------
JavaScript Regex :: XRegExp
More regex stuff by me: • Awesome Regex List of the best regex resources • Regex+ JS regexes + future “Regular Expressions Cookbook manages to be simultaneously accessible and almost ridiculously comprehensive.” —Jeff Atwood Check out Regex+, the lightweight spiritual successor to XRegExp that once again takes JavaScript regexes to the next level. What is it? XRegExp provides augmented (and extens
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gist: 3238 — GitHub
IBM Developer
Google Code Archive - Long-term storage for Google Code Project Hosting.
uuAltCSS.js をリリースしました。 - latest log
