2013-03-24のJS: Backbone 1.0、CI as a Service 、DOMイベント基礎からLv4

JSer.info #115 - Backbone.js 1.0がリリースされました。

testacularがKarmaにリネームして0.8.0がリリースされました。
リネームした理由はtesticularに被って呼びにくいから等…

のCIサービスを使ってJavaScriptのテストを動かす方法についてまとめたCI as a Service – ブラウザを使ったJavaScriptのテストをCIサービスで動かす方法のまとめ | Web scratchという記事を公開しました。

Domイベントの基礎から深淵までというスライドでは、DOMイベントのよく忘れてしまうキャプチャーとバブリングフェーズ等の基礎的なことから、DOM Level4のあたらしいイベントについてなど詳しく扱われています。

後、それぞれの記事にタグの表示を追加しました。
特にタグに適当なリンクが有るわけじゃないので、単なる記事の属性の参考程度にどうぞ

ヘッドライン

Open Web Platform Daily Digest
http://daily.w3viewer.com/

web news

日刊でWebプラットフォームに関するニュースを書いてるサイト.
かなり頑張ってる感じがする。

Node v0.10.1 (Stable)
http://blog.nodejs.org/2013/03/21/node-v0-10-1-stable/

node.js ReleaseNote

Node v0.10.1 リリース

Yeti 0.2.20 released - YUI Blog
http://www.yuiblog.com/blog/2013/03/20/yeti-0-2-20-released/

javascript testing ReleaseNote

Yeti 0.2.20リリース。

Karma - Changelog
http://karma-runner.github.com/0.8/about/changelog.html

javascript testing ReleaseNote

testacular 改め Karma 0.8.0リリース。
名前変えた経緯は以下参照 :
https://github.com/karma-runner/karma/issues/376

Backbone 1.0
http://ashkenas.com/backbonejs-1.0/

javascript MVC ReleaseNote

Backbone 1.0リリース

Announcing jQuery Mobile 1.2.1 | jQuery Mobile
http://jquerymobile.com/blog/2013/03/22/announcing-jquery-mobile-1-2-1/

jQuery mobile ReleaseNote

jQuery Mobile 1.2.1 のメンテナンスリリース

アーティクル

maxogden/art-of-node · GitHub
https://github.com/maxogden/art-of-node

node.js tutorial

Node.jsについての紹介.
アーキテクチャやモジュールなどについて

Default Parameters in JavaScript
http://designpepper.com/blog/drips/default-parameters-in-javascript

javascript

JavaScriptでデフォルトパラメータを書く方法について。
jQueryとかでよく見るextendによる実装について

CI as a Service – ブラウザを使ったJavaScriptのテストをCIサービスで動かす方法のまとめ | Web scratch
http://efcl.info/2013/0321/res3234/

javascript browser testing CI webservice

Travis CI、drone.io、BuildHive、Jepso CI のCIサービスを使ってJavaScriptのテストを回せるようにする連携の設定について

HTMLでDOCTYPE宣言はなぜ必要か？ | input*output
http://inputxoutput.com/html-doctype/

HTML 歴史

HTMLのDOCTYPE宣言が必要な歴史的な理由

クライアントサイドMVCには何が必須? - HAKOBE blog ♨
http://hakobe932.hatenablog.com/entry/2013/03/22/010357

javascript MVC HTML

依存を小さくクライアントサイドMVCと言われてる機能を実現するために、コンパクトなObserverパターンをベースとしたものについて。
Backbone.js/Knockout.js/Lucid.JSでTodoを実装したサンプル

jQuery×HTML5×CSS3を真面目に勉強（1）：パララックスエフェクトの基本 (1/4) - ＠IT
http://www.atmarkit.co.jp/ait/articles/1303/28/news005.html

javascript DOM css

パララックスエフェクトなサイトの作り方についてのチュートリアル

RequireJSを活用したキャッシュ防止、A/Bテスト、画像事前読込など - eller’s blog
http://eller86.hatenablog.jp/entry/2013/03/20/004648

javascript AMD Tips

RequireJSのTips集
キャッシュの防止、A/Bテスト、画像の先読み、i18n

Code smells in CSS | en.ja | Translated Articles for Front End Developers
http://enja.studiomohawk.com/2013/03/24/code-smells-in-css/

css document 翻訳

CSSの臭いについての翻訳記事
筋な悪そうなCSS - スタイルの取り消し、マジックナンバー、セレクタの付け方、範囲がでかすぎるセレクタ、受動的な!importantやセレクタの命名をどう改善するかについて

Future of Firefox DevTools // by Paul Rouget
http://paulrouget.com/e/devtoolsnext/

firefox デバック

Firefox DevToolsの未来の機能.
エディタで編集したCSSをリアルタイムで反映するLive Edit/jsFiddleのような形態のエディタ/ネットワークパネル/CoffeeScript+SourceMapのサポート/repaint/アニメーションのデバッグ

スライド、動画関係

jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
http://www.slideshare.net/plobacher/jquery-mobile-13-das-kompendium-mit-200-seiten

jQuery mobile スライド

jQuery Mobile 1.3の機能や変更点について詳しく書かれたスライド

webstormの「Instant HTML/CSS editing」が凄い - miniapp
http://miniapp.org/blog/2012/06/28/304/

WebStorm

WebStormとかのLive Edit機能についての動画

Debug in safari
http://www.slideshare.net/html5j/debug-in-safari-17451632

safari デバックスライド

Safariの開発メニューについてのスライド
iOSのデバッグ連携について

Dependent Types for JavaScript
http://www.infoq.com/presentations/Type-System-JavaScript

javascript PDF スライド動画

JavaScript論文 - DJS(Dependent JavaScript) についての発表
Logicなアプローチ/型コメント
http://cseweb.ucsd.edu/~rchugh/research/nested/djs.pdf
https://github.com/ravichugh/djs

Domイベントの基礎から深淵まで
http://www.slideshare.net/masayukinakano560/dom-17527671

DOM event スライド

DOMイベントについてのスライド.
キャプチャ/バブリングフェーズの解説、trusted/untrustedイベント /init*Eventでのイベントの作成、mousewheel、buttons、getModifierState()、IMEのみ確定文字列を検知できるCompositionEvent、.keyと.charについて等
DOM Event Level4についても詳しく書かれてる

サイト、サービス、ソフトウェア関係

Superhero.js
http://superherojs.com/

javascript links まとめ

JavaScriptのよいリソースまとめ.
学び方、管理方法、テスト、ツール、パフォーマンスとプロファイル、セキュリティ、ブラウザ内部、未来について等

Sublimewebinspector
http://sokolovstas.github.com/SublimeWebInspector/

SublimeText2 Chrome

SublimeText2からChrome Dev Toolsのremote debuggerと連携して、SublimeText2内にブレークポイントやコンソール、コードの評価などをできるようにするplugin

http://sokra.github.com/source-map-visualization/

javascript

SourceMapの対応関係を可視化して見られるサイト

ツール、ライブラリ関係

segv/jss · GitHub
https://github.com/segv/jss

emacs browser デバック

EmacsからWebkit Inspector / Firefox Dev Toolsにremote debug連携するelisp

cfv1984/Pomo · GitHub
https://github.com/cfv1984/pomo

javascript i18n Tools

GNU gettextのJavaScript実装
PO/MOファイルを扱える

Chart.js | HTML5 Charts for your website.
http://www.chartjs.org/

グラフ javascript library

グラフライブラリ

pazguille/jvent · GitHub
https://github.com/pazguille/jvent

node.js javascript event library

Node.JSのEventEmitterをクライアントサイド向けにした感じのライブラリ

書籍関係

Amazon.co.jp： JavaScript ライブラリ実践活用〔厳選111〕 (Software Design plus): WINGSプロジェクト: 本
http://www.amazon.co.jp/o/ASIN/4774156116/book042-22/ref=nosim

javascript library Tools book

2013年3月20日発売 JavaScriptのUIライブラリ、モバイル向け、フレームワーク、テストライブラリなどについて扱う書籍
PDF版もある
https://gihyo.jp/dp/ebook/2013/978-4-7741-5647-7

Functional JavaScript - O’Reilly Media
http://shop.oreilly.com/product/0636920028857.do

javascript book

2013年6月発売
関数型JavaScriptについての書籍

Amazon: スラスラわかるJavaScript (Beginner’s Best Guide to Programmin) [単行本（ソフトカバー）]: 生形可奈子
http://www.amazon.co.jp/o/ASIN/4798125830/book042-22/ref=nosim

javascript book

プログラミング初心者向けのJavaScript本
http://books.shoeisha.co.jp/book/b101804.html