Getting started with node.js
A brief introduction Craig R Webster Senior Software Engineer, Agency.com Hi, I'm Craig and I'm a senior software engineer at Agency.com. Mostly I look after the Rails projects there, but when Rails is your hammer everything looks like a thumb. Rails is nice but it isn't always the right tool for the job. It's good to have a decent idea of the technologies available outside the Rails and Ruby worl
jQuery - YUI3 Rosetta Stone
This page is no longer being updated. The YUI team has graciously taken over the upkeep. Check out its new home at jsrosettastone.com 23 March 2010 carlos.bueno.org/jq-yui.html Getting Started YUI3 includes features for dynamic loading and namespacing Common Idioms Some parts of libraries are more popular than others. This first section is a mixed bag of popular idioms in YUI3 and jQuery. Selector
JavaScriptテク、setTimeout()のかわりにpostMessage()を使う | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable JavaScriptのタイムアウト処理「setTimeout」で処理できる最短の時間はブラウザごとに違っている。これはsetTimeoutで極端に短い時間が繰り返し使われた場合にブラウザのほかの処理に影響がでるのを避けるためのもので、主要なブラウザではだいたい10msが最短値に設定されている。Chromeではこの制限は緩く2msほどとされている。つまり、引数に0を指定しても0msとしては処理されず、10msなり2msなりで処理が実施されることになる。 しかしほかの処理はさておき、ともかく処理時間の短縮を実現したいというケースもある。そうした場合に利用できるテクニックをDavid Baron氏がDavid Baron's weblog: setTimeout with a sho
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (6) クロスドキュメントメッセージング | エンタープライズ | マイコミジャーナル
HTML5から、ウィンドウ(フレーム)間でメッセージの送受信を行うための仕組みが用意された。この仕組みを用いると、対象となるウィンドウのインスタンスさえ手に入れば、同じオリジン(プロトコル+ドメイン + ポート番号)のWebページはもちろん、違うオリジンのWebページとも通信を行うことが可能だ。 まず、他のウィンドウから送られてきたメッセージを受信するには、windowオブジェクトのmessageイベントを監視する必要がある。 // messageイベントの監視 window.addEventListener("message", function() {...}, false); 他のウィンドウに対してメッセージを送信する場合は、window.postMessage()メソッドを使用する。 postMessage(data, "targetOrigin"); postMessage()
escape(_,0) - ellaneous
SpiderMonkey の escape() は第二引数にビットフラグを受け取る。 Amazon の API 用にこんな関数を書いてて気付いた。 function amazEnc(str) encodeURIComponent(str).replace(/[!\'()]+/g, escape).replace(/[*]/g, '%2A'); amazEnc('unescape(_)') //=> Error: invalid string escape mask 8 この 8 は replace() が escape() に渡したマッチ位置。 該当ソースコードを見てみる。 /* * Contributions from the String class to the set of methods defined for the * global object. escape and un
+new Date を Date.now() に差し替えると200〜400% 高速化も - latest log
CSS を利用したアニメーションでは、必ず現在時刻を取得するコードが入ります。 var now = +new Date; ECMAScript-262 5th では Date.now() が新しく追加されました。 Date.now() は +new Date と同じ機能(現在時刻を数値で返す)を持ちながら、new の必要がないため速そうです。 ベンチ <!doctype html><html><head><title></title> </head><body> <script> window.onload = function() { Date.now || (Date.now = function() { // Date.now が実装されていないブラウザ用の実装 return +new Date; }); job1(); job2(); } function job1() { var
Shell global objects - Mozilla | MDN
These are the global objects that are set up automatically by the SpiderMonkey js command-line interpreter when you start the program. Note: this list overlaps with "Built-in functions" in Introduction to the JavaScript shell and is probably not complete. See js/src/shell/js.cpp (around shell_functions) for more. This page lists variables and functions available on SpiderMonkey 53. There may be so
第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
2009-11-12 ナビ子記法について追記しました 本文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
結構前から収集していた海外エントリから面白いcustom eventの使い方を紹介 - monjudoh’s diary
jQueryでは非DOMオブジェクトにもeventをbind/triggerできる Binding Events To Non-DOM Objects With jQuery この例だとwindow.location.hrefが変化しているかどうかTimerで監視し続け、 変化したタイミングで$( window.location ).trigger('change',data);で変更前後の情報を通知している。 なので、$( window.location ).bind('change',function(ev,data){});で通知を受け取る事ができる。 hashで状態を管理しているAjaxアプリで有効そうなテクニック。 select boxでcustom eventを活用 http://trulyevil.com/2009/05/07/custom-events-in-jquery/
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation
Warning: This isn't going to work in any currently available version of Internet Explorer* or many older browsers. The two clocks below are just HTML. There are no Adobe Flash files or my beloved <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an { overflow: hidden } <div> and rotating them, via JavaScript, using the proposed CSS transform proper
Opera News
Opera collaborates with Brazilian female artists to bring new Themes to your browser March 13th, 2025 We're adding two new Themes to Opera One that we made in collaboration with Brazilian artists Aline Bispo and Naia... Desktop 10 lucky winners among 35,000 participants off to browse from the Norwegian Hygge Desk of... March 12th, 2025 Hey there! The results are in and it’s time to announce the wi
Google、JavaScriptテストスイート「Sputnik」をブラウザから実行可能に | エンタープライズ | マイコミジャーナル
米Googleは11日(現地時間)、JavaScriptのコンフォーマンス(適合性)テストスイート「Sputnik」をWebブラウザから実行できるテストランナーを公開した。 GoogleはChromeブラウザのリリース時などにJavaScriptの実行速度を比較したベンチマーク結果をアピールするが、Sputnikはブラウザのスピードではなく、ブラウザが正しくJavaScriptを処理しているかを調べるテストスイートである。ECMA-262仕様の第3版で定義されているJavaScript 3の実装を5,200以上のテストを通じて様々な角度から検証する。昨年6月にリリースされ、その後オープンソース・プロジェクトとなった。ブラウザからのテスト実行はユーザーおよび開発者のコミュニティから最も要望の多い機能だったという。公開されたテストランナーでは、1つのURLからワンクリックでSputnikの全て
Nihilogic : The Labs - Experiments in JavaScript, Canvas and DHTML
Sorting Visualizations Canvas visualizations of sorting algorithms. Dancing Scrollbars Scrollbars that dance dance dance to the music! JuicyDrop A partial JavaScript/Canvas port of the WinAmp Milkdrop music visualization plugin. Idioteque JavaScript/Canvas music visualization of Radiohead's Idioteque Canvas Cheat Sheet A cheat sheet for the HTML5 canvas element Evolving Images Experiments with evo
Firefox Add-onsのバージョンチェックを無効にするGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ
// ==UserScript== // @name getOlderAddons // @namespace http://d.hatena.ne.jp/javascripter/ // @include https://addons.mozilla.org/*/firefox/* // ==/UserScript== location.href = 'javascript:navigator.__defineGetter__("userAgent", function() "");' Firefox Add-onsは、ユーザーエージェントがFirefox系でなければダウンロードのリンクを表示してくれる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Opera Web Browser | Faster, Safer, Smarter | Opera
Google Box - CSS Transform Test
Jacob Seidelin (@jseidelin) | Twitter
JS Bin
