2011-10-09のJS: WeakMap、デザインパターン、CSSアニメーション

JSer.info #38 - WeakMapやCSSアニメーションの使い方やXHR2のcross originについてやWebGLを使ったものなど最近ブラウザに実装されてきた機能についての記事が多かった気がします。

ヘッドライン

『2011年9月前半のW3C | Web標準Blog | ミツエーリンクス』
http://standards.mitsue.co.jp/archives/001526.html

2011年9月後半のW3C | Web標準Blog | ミツエーリンクス
9月のW3Cなどについての更新情報などまとめ

MooTools - MooTools Core 1.4.1
http://mootools.net/blog/2011/10/06/mootools-core-1-4-1/

MooTools Core 1.4.1リリース
bug fixが中心

『YUI 3.4.1 is now live » Yahoo! User Interface Blog (YUIBlog)』
http://www.yuiblog.com/blog/2011/09/27/yui-3-4-1-is-now-live/

YUI 3.4.1リリース

『Tagneto: RequireJS 0.27.0 released, 1.0 release candidate』
http://tagneto.blogspot.com/2011/10/requirejs-0270-released-10-release.html

RequireJS 0.27.0リリース

W3C - 『The WebSocket API』日本語訳 - HTML5.JP
http://www.html5.jp/trans/w3c_websockets.html?113

WebSocket APIの日本語訳

Bitbucket now rocks Git – Bitbucket blog
http://blog.bitbucket.org/2011/10/03/bitbucket-now-rocks-git/

Bitbucketがgitをサポート
同時にSourceTreeが期間限定で無料化している。

アトラシアン、SourceTreeを買収。 BitbucketコードホスティングにGitサポートを追加 (プレスリリース) - Atlassian Japanese Blog

CSS Radar Newsletter - Email newsletter powered by TinyLetter
http://tinyletter.com/cssradar

CSS Radar | For Frond End Developersの運営者であるYuya SaitoさんがTwitterで紹介しているものを一週間分ぐらいでまとめたメルマガ。
海外のCSSやUI,UXやJavaScriptなどについてが中心の内容。
(JavaScript|HTML5) WeeklyみたいにWebでも見られるとなおいいけど。

アーティクル

『MMD on WebGL デモページを用意した - by edvakf in hatena』
http://d.hatena.ne.jp/edvakf/20111008/1318089948

WebGLでMMDのモデルを動かすデモ。
https://github.com/edvakf/MMDGL.js

『Let’s WeakMap - 枕を欹てて聴く』
http://d.hatena.ne.jp/Constellation/20111002/1317561215

WeakMapについてのかなり詳細な解説
利用方法、JavaScriptエンジンの実装について

tcorral/Design-Patterns-in-Javascript - GitHub
https://github.com/tcorral/Design-Patterns-in-Javascript

Head First Design Patternsなどで紹介されたデザインパターンをJavaScriptに落としたものをまとめたレポジトリ

Team Blog Posts > Using CORS with All (Modern) Browsers
http://www.kendoui.com/blogs/teamblog/posts/11-10-04/using_cors_with_all_modern_browsers.aspx

XHRなどでのCross-Origin Resource Sharingについて。
IEのXDomainRequestについてやOperaのように未対応のpoly fillについても触れている

CSS アニメーションの基礎 | Unformed Building
http://unformedbuilding.com/articles/learn-about-css-animation/

CSSアニメーションの使い方。
それぞれに動作デモがあるのでわかりやすい

JavaScript Performance Best Practices - Nokia Developer Wiki
http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices

JavaScriptのベストプラクティスなどについてまとめられているwiki

fx7でresizeTo/resizeBy/moveTo/moveByがno longer apply to main windowな件 - Thousand Years
http://d.hatena.ne.jp/shogo4405/20111005/1317822030

Firefox7からwindow.resizeTo, window.resizeBy, window.moveTo , window.moveByなどのウィンドウを変化させるメソッドはメインウィンドウに対して適応できなくなった。

Chromeのキャッシュをオフにする方法 :: 5509
http://5509.me/log/disable-chrome-cache

Chrom14あたりで導入されたWeb Inspectorでのキャッシュの無効化の設定方法

"promise" による JavaScript での非同期プログラミング - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ie_jp/archive/2011/10/05/10220180.aspx

非同期プログラミングでのpromise,Defferdについての翻訳記事

利用位反操作来简化 indexOf 判断 « 岁月如歌
http://lifesinger.wordpress.com/2011/09/30/simplify-indexof-using-bitwise-not/

indexOfの結果を~で反転させて使う
個人的には嫌いではない。

スライド、動画関係

『cykod/CoderDeck - GitHub』
https://github.com/cykod/CoderDeck

ライブコーディングなスライドを作成するセット。
Deck.jsやCodeMirror2などを使用している

Emscripten: Using Non-JS Libraries in JS [pdf] : javascript
http://www.reddit.com/r/javascript/comments/l50bm/emscripten_using_nonjs_libraries_in_js_pdf/

LVM bitcodeをJavaScriptに変換するEmscriptenについてのスライド

New blog post, and a code review - The JSMentors JavaScript Discussion Group | Google グループ
http://groups.google.com/group/jsmentors/browse_thread/thread/fdde20e4350a7a44/95b4f6eda932d7f0?show_docid=95b4f6eda932d7f0

PunchというCSSセレクタエンジンを書いてみたというスクリーンキャスト
https://github.com/nathanjsweet/Punch