2011-07-16のJS: Node.js for windows、git.js、CSS Media Query

JSer.info #26 - 今週は結構いろいろありますが、Node で使える ECMA Script 5 の新機能やCSS3 Media Queriesの使い方の記事など興味深いものが多いです。
また、Node.jsの公式Windowsバイナリがでたり、Google CodeがGitをサポートしたり、GitをJavaScriptで実装しようとしてたり、なんかいろいろです。

ヘッドライン

Mozilla Japan ブログ - Firefox の新しいベータ版をテスト用に公開しました
http://mozilla.jp/blog/entry/6998/

Firefox6βがリリースされた。

『窓の杜 - 【NEWS】フェンリル、Mac OS X向けWebブラウザー「Sleipnir for Mac」のアルファ版を公開』
http://www.forest.impress.co.jp/docs/news/20110708_459244.html

SleipnirのMac版αリリース
レンダリングエンジンはWebkit

『Selenium 2.0: Out Now! « Official Selenium Blog』
http://seleniumhq.wordpress.com/2011/07/08/selenium-2-0/

Selenium 2.0リリース

『Node v0.5.1 « node blog』
http://blog.nodejs.org/2011/07/14/node-v0-5-1/

Node.js 0.5.1(開発版)リリース。
今回からWindowsバイナリもリリースされてる。

『InfoQ: Google Code Gets Git』
http://www.infoq.com/news/2011/07/google-git

Google CodeがGitをサポート。

『CSS1K』
http://css1k.com/

CSS版1Kbでどこまでデザインできるかコンテスト。js1kみたいな感じ

アーティクル

Node で使える ECMA Script 5 の新機能 - Block Rockin’ Codes
http://d.hatena.ne.jp/Jxck/20110709/1310215628

ES5で追加されたJavaScriptのメソッドなどの解説。
別にNode.jsでなくてもモダンなJavaScriptなら同じなので参考になる。

MDC-ja 通信 vol.14 - A Better Project＠はてなダイアリー
http://d.hatena.ne.jp/potappo/20110714/1310572023

MDCの翻訳ドキュメントについての月刊通信
MDCにはFirefox以外でもWebなどに関する新しいドキュメントが多い。

Essential JavaScript Design Patterns For Beginners
http://addyosmani.com/resources/essentialjsdesignpatterns/book/

JavaScriptで学ぶデザインパターン
CC BY-NC-SA 3.0で公開

『node.jsでメソッドの中身をconsole.logで確認するにはutil.inspectを使う』
http://memo.yomukaku.net/entries/308

util.inspectを使って確認できる。
showHiddenオプションで列挙されないプロパティも表示できる。

『Defense in Depth: Locking Down Mash-Ups with HTML5 Sandbox - IEBlog - Site Home - MSDN Blogs』
http://blogs.msdn.com/b/ie/archive/2011/07/14/defense-in-depth-locking-down-mash-ups-with-html5-sandbox.aspx

iframeのsandbox属性についての解説

HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH
http://hyper-text.org/archives/2011/07/html5_outline.shtml

HTML5のセクションとアウトラインについての解説。
section要素と見出しを中心に解説

[翻訳] これから HTML と CSS を学び始める君へ | Unformed Building
http://unformedbuilding.com/articles/for-html-css-beginners/

HTMLやCSSといったウェブ関係の学び方について。
また学ぶに当たって、参考になるリソースの紹介。

CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/

Media Queryを使ったモバイル端末へのデザインの適応チュートリアル

A Survey Of JavaScript Lisp Implementations - ceaude
http://ceaude.twoticketsplease.de/articles/a-survey-of-javascript-lisp-implementations.html

JavaScriptでLispを実装したものをまとめたもの。
性能とかいろいろな項目での比較している。

JSを編集してエディタで保存するとき、JSHint でコーディングバリデーションをかける - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech
http://subtech.g.hatena.ne.jp/cho45/20110708/1310121676

vimparse.js +JSHintを使ったバリデーション

『Pragmatic JavaScript Testing with Jasmine | The Carbon Emitter』
http://blog.carbonfive.com/2011/07/06/pragmatic-javascript-testing-with-jasmine/

Jasmineを使ったJavaScriptテストのチュートリアル

Using PC Hardware more efficiently in HTML5: New Web Performance APIs, Part 2 - IEBlog - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ie/archive/2011/07/08/using-pc-hardware-more-efficiently-in-html5-new-web-performance-apis-part-2.aspx

Page Visibility APIの解説

スライド、動画関係

第19回HTML5とか勉強会発表資料 (Kanasansoft Web Lab.)
http://www.kanasansoft.com/weblab/2011/07/html5toka19.html

スマートフォン用ベージをデバッグする5つの方についてのスライドと動画。
weinreのデモなど

『株式会社シャノン技術ブログ: JSが苦手なWebデザイナーに贈るたった２つの克服のコツ』
http://shanon-tech.blogspot.com/2011/07/jsweb.html

jQuery入門的なスライド。
エラーの読み方

第六届D2论坛主题演讲及作品秀资料 _ D2 前端技术论坛
http://www.d2forum.org/2011/07/15/%e7%ac%ac%e5%85%ad%e5%b1%8ad2%e4%bd%9c%e5%93%81%e7%a7%80%e8%b5%84%e6%96%99/

中国の第六回D2フロントエンド技術フォーラムで行われた発表資料。
フロントエンド関係のスライドまとめ
HTML,CSS,TDD,MVC,WAI-ARIA,アクセシビリティ,Androidなど
ライブラリ関係はYUI,EISA,SeaJSなど

jQuery Proven Performance Tips And Tricks (Slides)
http://addyosmani.com/jqprovenperformance/

jQueryのパフォーマンスに関するスライド
遅くなる書き方とかバージョン間での差異など

ツール、ソフトウェア関係

danlucraft/git.js at master - GitHub
https://github.com/danlucraft/git.js

gitをJavaScriptで実装したもの。(一部)
Node.jsからコマンドラインで使う部分とclient side API が実装されている

PDFKit — A PDF Generation Library for Node
http://devongovett.github.com/pdfkit/

Node.jsでPDFを生成するライブラリ

ライブラリ関係

Latest Updates - DocumentCloud
http://blog.documentcloud.org/blog/2011/07/code-release-backbone-js-0-5-0/

Backbone.js 0.5.0リリース
pushStateをサポート

『devongovett/slang - GitHub』
https://github.com/devongovett/slang/

文字列を操作するユーティリティ関数のライブラリ

『javascript-bcrypt - jsBCrypt - Google Project Hosting』
http://code.google.com/p/javascript-bcrypt/

JavaScriptで実装されたBCrypt

『Getting started - jsOAuth Manual & Documentation』
http://bytespider.github.com/jsOAuth/

JavaScriptで使えるOAuthライブラリ

egonelbre/jsfx - GitHub
https://github.com/egonelbre/jsfx

サウンドエフェクトジェネレーター
wavなサウンドを生成するJavaScriptライブラリ

『Tagneto: RequireJS 0.25.0 released, AMD advancing』
http://tagneto.blogspot.com/2011/07/requirejs-0250-released-amd-advancing.html

RequireJS 0.25.0リリース
RequireJS以外のAMD loaderについても紹介してる

『Dataview.js』
http://dataviewjs.com/

JSONライクなオブジェクトデータの管理をしやすくするJavaScriptライブラリ。

書籍関係

『Smooth CoffeeScript』
http://autotelicum.github.com/Smooth-CoffeeScript/

CoffeeScriptの無料電子書籍
githubにLatex(LyX)のソースコードも置いてある。

Amazon: Learn HTML5 and JavaScript for iOS: Web Standards-based Apps for iPhone, iPad, and iPod touch: Scott Preston
http://www.amazon.com/o/ASIN/1430240385/book042-22/ref=nosim

2011年12月30日発売
iOS上でのJavaScriptについての書籍