JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
JavaScript Objects and Methods Reference - YDN
As you add JavaScript within your execute sub-element, you can take advantage of the following global objects:
node.js
V8 JavaScript を用いたイベント駆動I/Oの実現 全てのリクエストに対して"Hello World"と返答するNodeで書かれたWEBサーバの例です。 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(8124, "127.0.0.1"); console.log('Server running at http://127.0.0.1:8124/'); このサーバを走らせるには、コードを example.jsというファイル名で保存し、下記のように nodeコマンドを実行してください。 % node example.js
jQueryを使ったプレゼンテーションツールjQuery-Presentationの使い方 - 小さい頃はエラ呼吸
MOONGIFTさんのエントリで紹介されていたjQueryで作られたプレゼンテーションツールjQuery-Presentationを実際に使ってみました。 MOONGIFT: » jQuery製のプレゼンテーション「jQuery Presentation」:オープンソースを毎日紹介 jquery-presentationのダウンロード 1.以下のサイトにアクセスします。 davist11's jQuery-Presentation at master - GitHub 2.右上にあるDownload Sourceから必要なファイルを一式ダウンロードします。 3.ダウンロードする形式を選択します。(zipかtarが選択できます。) jquery-presentationの使い方 ダウンロードしたファイルを解凍して、index.htmをブラウザで見るとすぐに動きます。スライドを作成するには、i
JSONらしき文字列をオブジェクトに変換するJavaScript
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / var data = '{a:123,b:"hogehoge"}';こういう文字列があるとき、以下のような謎の黒魔術を唱えるとオブジェクトになる。 var obj = (new Function("return " + data))();は？と思われるこの1行を実行すると、functionが作られ、その中でreturnに続けてdataの中身が書かれてることになるのでオブジェクトが返ってくるという。自分は、eval(data)だと思ってたんだけど、evalはスコープを作らないのと、jsのminifierらでうまくいかなかったりするし、evalこそ真の黒魔術やでーということなので、こんな方法が使わ
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
Node.js専用PaaS「Node Ninja」と「Z Cloud」をファーストサーバが発表。開発元のJoyentと提携
Node.js専用PaaS「Node Ninja」と「Z Cloud」をファーストサーバが発表。開発元のJoyentと提携 Yahoo! Japanの子会社でレンタルサーバ事業社のファーストサーバは、米Joyentとの提携により、IaaS型のクラウドサービス「Z Cloud」（ゼットクラウド）と、Node.js専用のPaaS型クラウド「Node Ninja」（ノードニンジャ）の提供を発表しました。 JoyentはNode.jsの開発者であるRyan Dahl氏が所属する会社で、2004年に設立されたクラウド提供企業。 「Z Cloud」は、OpenSolarisをベースにJoyentが開発した「Smart OS」を基盤に用いることでメモリの利用を効率化し、ZFSファイルシステムでディスクI/O性能を高め、DTraceによるパフォーマンスのリアルタイム分析などを可能にしたIaaS。 CPUバ
SunSpider 1.0.2 JavaScript Benchmark
Try JetStream SunSpider is no longer maintained. We recommend JetStream, which tests the JavaScript techniques used by advanced web applications. ☀SunSpider 1.0.2 JavaScript Benchmark This is SunSpider, a JavaScript benchmark. This benchmark tests the core JavaScript language only, not the DOM or other browser APIs. It is designed to compare different versions of the same browser, and different br
web newbie - Javascript初心者からみたprototype
http://d.hatena.ne.jp/amachang/20070413/1176421425 勉強会のあと、そしてこの記事の後、 もう一度自分の中でprototypeについてまとめてみた。 下の実行結果を見て、首をかしげた人は是非とも読んでいただければと思う。 （って、首をかしげるのは僕だけか？！） var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p
プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして
YouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Code
ãã®ããã¥ã¡ã³ãã§ã¯ãYouTube JavaScript Player API ã®ãªãã¡ã¬ã³ã¹æ å ±ãæä¾ãã¾ãã ç®æ¬¡ æ¦è¦ JavaScript API ã使ç¨ããã¨ãYouTube ã®åãè¾¼ã¿åç»ãã¬ã¼ã¤ã¼ã JavaScript ã§ã³ã³ããã¼ã«ã§ãã¾ããåçãä¸æåæ¢ãæå®ããåç»ä½ç½®ã¸ã®ç§»åãããªã¥ã¼ã 調æ´ããã¥ã¼ããªã©ãé¢æ°ãå¼ã³åºããã¨ã§ãã
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
iFrameを使ったクロスドメイン通信 ： coding,crossdomain | メモリークラフト
HTMLでJSを使用したクロスドメインのやりとりにはいくつか方法がありますが、 サーバーサイドを介さない方法として、iFrame内iFrameの方法を紹介します。 通常、別ドメインのiFrameには親ページからアクセスできませんが、 iFrame内に親ページと同じドメインのiFrameを配置することにより別ドメインの子から親ページへパラメータを渡すことができます。 構成は以下の通り 親のページ(http://www.memorycraft.jp/parent.html) <html> <head> <title>parent</title> <script type="text/javascript"> <!-- function change(param){ document.getElementById("note").innerHTML = param; frames[0].
javascript - でデータを圧縮/伸張する : 404 Blog Not Found
2009年03月02日09:00 カテゴリLightweight Languages javascript - でデータを圧縮/伸張する これでもまだ税率が高かったので。 404 Blog Not Found:javascript - Yet Another Base64 transcoder Base64の利点は、なんといっても「固定税率」、それも比較的「税率が低い」ことにあります。Paddingなしなら、3バイトが4バイトにencodeされるので、33%ということになります。これに対してencodeURIComponentの税率は、UTF-8基準で最高で3倍、UTF-16基準で最高で4.5倍にも達します。 ついに負の税率、すなわち税還付を実現しました! まずはデモを。 Inflated + Base64-Decoded (Original): chars / bytes Deflate
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ai.yimg.jp/bdv/yahoo/javascript/smartphone/flow_request.js
現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
JSLint,The JavaScript Code Quality Tool
JSLinux
JS-909