東京Node学園#1「非同期プログラミングの改善」のエッセンス3. Nodeの本を書いてます タイトル未定？ 最初から最後までNode JSの基本とか他のSSJSとか一切なし Node Nodeの基本から応用まで盛りだくさん 500ページ級？ 発売時期？ 本当はもうすぐ出るはずだったけど・・・
サイボウズLiveの開発を支えるSeleniumテスト
去年のデブサミの「日本Seleniumユーザーコミュニティ」のLTが真面目すぎてイマイチだったので、今年は何とかしようと色々がんばった結果ww
Node.js 用の非同期処理を簡単にしてくれるライブラリ async.js - 2010-09-26 - 日記
Node.js といえば非同期処理です．そして非同期処理と言えばコールバック． そんなわけで (どんなわけで？)，すぐにこんなコードになったりしがちですよね． http://stackoverflow.com/questions/3538156/file-i-o-in-every-programming-language/3538377#3538377 fs.writeFile(path, "hello", function (error) { fs.open(path, "a", 0666, function (error, file) { fs.write(file, "\nworld", null, "utf-8", function () { fs.close(file, function (error) { fs.readFile(path, "utf-8", function
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
ECMAScript 5 strict mode in Firefox 4 – Mozilla Hacks - the Web developer blog
Editor’s note: This article is posted by Chris Heilmann but authored by Jeff Walden – credit where credit is due. Developers in the Mozilla community have made major improvements to the JavaScript engine in Firefox 4. We have devoted much effort to improving performance, but we’ve also worked on new features. We have particularly focused on ECMAScript 5, the latest update to the standard underlyin
構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found
2010年09月22日21:30 カテゴリLightweight Languages 構造化テキストの間違ったエスケープ手法について 昨晩のtwitter XSS祭りは、ふだんもtwitter.comは使わない私には遠くの祭り囃子だったのですが、せっかくの自戒の機会なので。 Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について 正しいアプローチは、全てのルールを同時に適用することです。 これは残念ながら(おそらく)必要条件であっても十分条件ではありません。 こういう(かなりええかげんな)正規表現でtweetをparseしていたとします。 re_http = '(?:https?://[\\x21-\\x7e]+)'; re_user = '(?:[@][0-9A-Za-z_]{1,15})'; re_hash
HTML5+JSで弾幕STGを作ってみた - ゲーム作ろうよ
HTML5とJavascriptを用いて弾幕STGを作りました。 大学のJavascriptで何か作って来いレポートで3日で作ったものです。 手軽に作れるのでみなさんも試してみてはいかがでしょうか。 雲色の風 動作環境 推奨 chromeの最新版 動作 firefox3.0以降 safari3.1 ipad ipadのタッチ動作にも対応してますが重いです。
JavaScript/Advent2010 - 覚書 Wiki*
JavaScript Advent Calendar 2010 4日目 canvasのいろは Advent Calendar初参加させていただきます。 今日はHTML5の目玉のひとつであるcanvas(2D)をつかうにあたっていろはを解説したいと思います。 といいながら、canvasについてはいろいろなサイトのチュートリアルがかなり充実してます。MDC Doc Centerとか。 ここで書いていることはそのごく一部なので、興味を持った人はそういうのをみてほしいです。 3D(WebGL)の話もしたかったんですが、わたしの環境で動かないのでまたこんどにさせてください。 はじめに 書き手について hYagni(屋国 遥)と申します。日曜プログラマで、最近はcanvasまわりあるいはFirefoxまわりのJavaScriptやPHPをよく書いてます。 最近の悩みは関数名と引数が覚えられないことです
JavaScript Advent Calendar 2010 三日目 インターネットチャンネル (Kanasansoft Web Lab.)
2010年12月1日から25日まで、毎日違う人が JavaScript にまつわるブログ記事を書く企画です。 参加表明した順番が日付（12月◯日）となります。 今年の始めにFirefoxが加速度センサに対応し、iOS4.2.1でSafariがジャイロスコープセンサや加速度センサに対応しました。 そして、KinectがHackされChromeのExtensionからも使えるようになりました。 このようなセンサをブラウザから利用できるようになったのは、今年になってからとお思いの方もいらっしゃるかもしれませんが、もっと前から似たようなものがあります。 それは、インターネットチャンネルです。 インターネットチャンネルとは、Wii用のウェブブラウザです。 「Wiiショッピングチャンネル」からWiiチャンネルの形式でダウンロードできます。 ベータ版公開当時は無料、正式版に以降するときに500Wiiポイ
5分で分かる jQuery - いつも先延ばし。
JavaScript Advent Calendar 2010 : ATNDのネタ jQuery とは何か ( 1分 ) オープンソース（MITライセンスとGPLのデュアルライセンス）のJavaScriptライブラリ。 JavaScriptで「AJAXでとってきたデータを挿入したい。終わったらアニメーションでメッセージ出して」みたいなことをCSSセレクタなどを活用しつつ割とラクに実現する。 jQuery のインストールとか ( 1分 ) http://scriptsrc.net/ 一番左上のコピーを押せ。 押したらHTML内のに入れろ。 jQuery の基本的な使い方（セレクタ編） ( 1.5分 ) $('#title').css('color','red');上記の内容で「id属性に'title' と指定された要素の style属性 に color: red; を指定」することになる。
t32k.com - このウェブサイトは販売用です！ - t32k リソースおよび情報
このウェブサイトは販売用です！ t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
2の累乗(べき乗)であるかどうかをシンプルなプログラムでチェック - 強火で進め
OpenGLを使っているとテクスチャがちゃんと2の累乗(べき乗)のサイズかどうかをチェックする場面が有るかと思います。 ※2の累乗とは2,4,8,16,32など2を何回か掛けた値の事です。 ※OpenGLのバージョンやハードによっては2の累乗じゃ無くても良い時もあります。 その判定をシンプルに行っている記事がTwitterで紹介されていて、非常にナルホドという記述だったので紹介。 記事はこちら WebGL and OpenGL Differences - WebGL Public Wiki http://khronos.org/webgl/wiki/WebGL_and_OpenGL_Differences 該当プログラムはこちらになります。 function isPowerOfTwo(x) { return (x & (x - 1)) == 0; } 例えば8だった場合はビットで表すと 1
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
CoffeeScript
☕ CoffeeScript CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it. Disclaimer: CoffeeScript i
Firefox 4β7リリース 新JavaScriptエンジン搭載
Mozillaは11月10日、Firefox 4のβ7をリリースした。 このリリースは新たなJavaScriptエンジン「JägerMonkey」、ハードウェアアクセラレーションによる高速化、WebGLによるプラグイン不要の3D対応が大きな特徴となっている。OpenTypeフォントもサポートする。 β7はMozillaのサイトからダウンロードできる。Firefox 4の正式版は2011年にリリースの予定。
Document Object Model (DOM) - Web APIs | MDN
The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually, that means JavaScript, although modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language, as such. The DOM represents a document with a logical tree. Each branch of the tre
JavaScriptでバイナリファイルの中身にアクセスできた - k12uのアレ
参考資料(というか主要なアイデアほとんど全部)はこちら。 http://mgran.blogspot.com/2006/08/downloading-binary-streams-with.html 何に使うのかはこれから考える。 でかいファイルを食わせてループでString.fromCharCodeを回したらFirefoxが死んでしまったのでそこだけ注意。 (mal_blueさん，nanto_viさんに直して頂いたコード版) <html><head> <script> load_url = function(url) { var req = new XMLHttpRequest(); req.open('GET',url,false); //XHR binary charset opt by Marcus Granado 2006 [http://mgran.blogspot.com]
こてさきAjax:BlobBuilderを使ってみた - livedoor Blog（ブログ）
File APIの最近のトピックとして、File Writerがあります。 http://www.w3.org/TR/2010/WD-file-writer-api-20100406 読んで字のごとし、Fileをローカルに保存するもので、上のドラフトを見ると、 FileWriter という、いかにもなメソッドが定義されていたりします。File Reader含め、このメソッドが 使えるようになるとWebからファイルを柔軟に操作できるようになり、Webアプリの幅がまた 広がりますので、興味深いAPIです。（セキュリティの観点で、いろいろケアする 必要はあるでしょうが） FileWriter自体は、まだ実装されているブラウザは無いようなのですが、それの前段となる BlobBuilder（Blob : Binary Large OBject を作るメソッド）は、現行Chromeのstable(ve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EventTarget: addEventListener() メソッド
JSLint,The JavaScript Code Quality Tool