typeof null が 'object' なの，実装上の失敗だったとかしらなんだ…… "typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵" - http://j.mp/hdRvmh
typeof null === 'object';// true となる歴史的な理由 | TwitScratch
typeof null が 'object' なの，実装上の失敗だったとかしらなんだ…… "typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵" - http://j.mp/hdRvmh
HTML5/Canvasによる妙技。クライアントサイドで画像にイフェクト·CamanJS MOONGIFT
CamanJSはCanvasタグを使いクライアントサイドで画像にイフェクトを施すライブラリ。 CamanJSはHTML5/JavaScript製のオープンソース・ソフトウェア。オンラインで画像を扱うケースは多々ある。ユーザ向けのWebサイトで画像をアップロードしてもらうといったこともあるだろう。画像はテキスト以上のインパクトがあるので使いどころを考えればとても便利だ。 動的にイフェクト アップロードされた画像をそのまま使っても良いが、多少加工したいと思うときもあるだろう。そうなると突然面倒になる。サーバサイドで画像を加工を行うとなるとImageMagick等をインストールしなければならない。だが簡単な加工ならばCamanJSを使う手もある。 CamanJSはクライアントサイドで画像加工を行うJavaScriptライブラリだ。画像の描画にはCanvasタグを使っている。出来る加工は限られるが
HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynoteやPowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。
サーバサイドJavaScriptの本命「node.js」の基礎知識
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです（例えば、「ログが必要だよね」など）。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
JavaScriptで仮想機械の勉強をしましょう (その3) - 檜山正幸のキマイラ飼育記 (はてなBlog)
RAC1プログラム サンプルページ 「JavaScriptで仮想機械の勉強をしましょう (その2)」で定義した命令セットを動くようにしてみました。ただし、NFCALL(ネイティブ関数の呼び出し)はまだやっていません。プログラムの終了命令を忘れていたので追加しました。 EXIT -- 正常終了 ERROR -- 異常終了 命令コード（OPコード）の定義は次のようになります。 /* == 命令コード一覧 == */ /* 定数の命令 */ var CONST = 00; // 定数nをスタックに積む /* 算術演算の命令 */ var ADD = 10; // 足し算 var SUB = 11; // 引き算 var MUL = 12; // 掛け算 var DIV = 13; // 割り算 var REM = 15; // 割り算の余り /* 述語／関係の命令 */ var EQ = 20;
JavaScriptで仮想機械の勉強をしましょう (その2) - 檜山正幸のキマイラ飼育記 (はてなBlog)
随分と昔（2009年11月末）に「JavaScriptで仮想機械の勉強をしましょう」という記事を書きました。今頃になって続きです。 以前の記事で、算術計算をするオモチャの仮想機械を、JavaScriptで作りました。それを RAC0（Rudimentary Arithmetic Calculator Leval-0）と名付けて、「RAC1, RAC2 などがあるかも」と言いながらずっと放置。んで、ちょっとした気の迷いから今日続き（RAC1の話）を書くことにします。 とはいえ、変数の機能と命令セットを決めただけなんで、とりあえずそれを説明します。仮想機械の実行部分は明日以降に。[追記]サンプルを作りました。[/追記] 内容： RAC1の特徴 変数のメカニズム 命令セット 算術演算の命令 定数の命令 述語／関係の命令 論理演算の命令 流れ制御の命令 ブロックスコープと変数の命令 スタック操作の
JavaScriptで仮想機械の勉強をしましょう - 檜山正幸のキマイラ飼育記 (はてなBlog)
事情があって、コンピュータのハードウェアメカニズムをごく簡単に説明したいのです。本物のCPUは難しくて簡単な説明にはならないし、そもそも僕は本物がどうなっているかよく知りません。 そこで、オモチャの仮想機械を作ることにしました。加減乗除だけができるスタックマシンです。仮想機械の実装はJavaScript、ユーザーインターフェースはHTMLです。こういうとき、JavaScript + HTML はお手軽でほんとに便利です。 Web上で試せるURL http://www.chimaira.org/tools/rac0.html 初等算術計算仮想機械の実装 仮想機械を実装するソースコードは次のようです。インストラクション（機械語命令）の説明はすぐ後でします。 /* rac0vm.js */ /* * Rudimentary Arithmetic Calculator Level-0 */ var
requestAnimationFrame for smart animating - Paul Irish
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
arbor.js
about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whate
JavaScript: The Definitive Guide, 6th Edition - davidflanagan.com
I turned in the final chunk of js:tdg6 to the O'Reilly production department yesterday. So I'm basically done with the book! (Well, okay, I still have to update the preface, check the galleys etc., but the serious writing is finally, finally done.) Here are some stats: Covers: ECMAScript 5, HTML5, jQuery Words: 396,582 Pages: 1024 (nice number, but the index will add another 50 or so...) Lines of
Effective JavaScriptをPDFにしました - renoivのブログ
[twitter:@bleis]さんのつぶやきを見て，ここにあったのか！という驚きでした。 2003年頃の記事ですがJavaScript 1.5 (Mozilla 1) ベースなので，まだ参考になると思います。 Googleドキュメントに置きましたので必要な方はどうぞ！ Effective JavaScript - Dynamic Scripting.pdf Powered by Google ドキュメント HTMLアーカイブもGithubに置きましたので，こちらも必要な方はどうぞ。 https://github.com/renoiv/EffectiveJavaScript 参考 Effective JavaScript - Dynamic Scripting Wikipedia JavaScript バージョンとブラウザの対応表
Console
This specification provides a language-neutral Console interface compatible with the JavaScript window.console object that first appeared as part of the Firebug plugin for Mozilla Firefox and that has subsequently been implemented in other major browsers, as well as in non-browser JavaScript environments such as Node and PhantomJS. Additional editorial contributions to this document are welcome. F
Ben Alman » Immediately-Invoked Function Expression (IIFE)
In case you hadn’t noticed, I’m a bit of a stickler for terminology. So, after hearing the popular, yet misleading, JavaScript term “self-executing anonymous function” (or self-invoked anonymous function) one too many times, I’ve finally decided to organize my thoughts into an article. In addition to providing some very thorough information about how this pattern actually works, I’ve actually made
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クックパッドでのスマートフォン開発
Build and implement a single sign-on solution
https://davidwalsh.name/classlist
d3.js - Data-Driven Documents
Javascript Boredom
[whatwg] Cryptographically strong random numbers