2013-04-15のJS: jQuery 2.0 Beta 3、実践メモリプロファイリング、WebStorm&AngularJS

JSer.info #118 - jQuery 2.0 Beta 3がリリースされました。
Node.jsからrequire()での利用やWindows 8 Store Appへの互換性が向上したそうです。

Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevToolsという記事ではChrome Dev Toolsを使って、メモリリークの見つけ方やタイムラインやプロファイルパネルの見方などが詳しく解説されています。

の動画ではAngularJSを使いながらWebStormの機能紹介しています。
WebStormの便利な機能は大体紹介されている気がします。

ちょうど、22日までWebStorm含めJetBrains製品が全て半額のセールを行なっています。

ヘッドライン

PhoneGap | PhoneGap 2.6.0 Released!
http://phonegap.com/blog/2013/04/09/pg-260-released/

PhoneGap ReleaseNote

PhoneGap 2.6.0 リリース

Yeti 0.2.21 Released - YUI Blog
http://www.yuiblog.com/blog/2013/04/11/yeti-0-2-21-released/

JavaScript testing ReleaseNote

Yeti 0.2.21リリース.
Sauce Labsと同じBrowser/Version/OSの命名を使えるように

Highcharts - Highcharts 3.0 released
http://www.highcharts.com/component/content/article/2-news/54-highcharts-3-0-released

JavaScript グラフ library ReleaseNote

インタラクティブなグラフライブラリHighcharts 3.0リリース

jQuery 2.0 Beta 3 Released | Official jQuery Blog
http://blog.jquery.com/2013/04/09/jquery-2-0-beta-3-released/

jQuery ReleaseNote

jQuery 2.0 Beta 3リリース
Node.js、Windows 8 Store Appへの互換性向上

Announcing jQuery Mobile 1.3.1 | jQuery Mobile
http://jquerymobile.com/blog/2013/04/10/announcing-jquery-mobile-1-3-1/

jQuery mobile ReleaseNote

jQuery Mobile 1.3.1リリース

Yeoman Update: announcing 1.0 beta 4, Windows support, Refreshed Angular, Backbone, Ember generators and more.
http://addyosmani.com/blog/yeoman-update-announcing-1-0-beta-4/

JavaScript node.js console Tools

Yeoman 1.0 beta 4リリース。
Windowsサポート

アーティクル

Web Dev .NET: Angry Birds of JavaScript Series
http://www.elijahmanor.com/2013/03/angry-birds-of-javascript-series.html

JavaScript tutorial デザインパターン

Angry Birdsで学ぶJavaScript.
デザインパターンやBackBoneやRequireJS、モック、Lint、テンプレート等幅広い感じ

翻訳: ”命令型のコールバック、関数型のプロミス: Node が逸した最大の機会” by James Coglan
https://gist.github.com/okapies/5354929

JavaScript 翻訳

コールバックとプロミスについて。
コールバックは命令型で手続きを意識して書く必要性がある、プロミスは結果を表現する値をすぐに返してそれを元に処理を書ける。
リストに対するプロミス、遅延評価するプロミスとそれを使った非同期ロードについての例

briancavalier/avow · GitHub
https://github.com/briancavalier/avow

JavaScript library

Promises/A+ の実装ライブラリ
http://promises-aplus.github.io/promises-spec/

ブラウザのデコード機能を利用した Shift JIS などの読み込み : document
http://blog.livedoor.jp/imaya_js/archives/6368510.html

JavaScript 文字コード browser

dataURLに文字コードを指定した文字列のdataを読み込ませて、ブラウザの機能を使ったデコードを行う方法

Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools
http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/

JavaScript デバック

Chrome Dev ToolsのHeap ProfilerとTimelineを使ったメモリリーク解決のワークフロー。
メモリリークがあるかどうかを最初にみるのはTimeline、Heap Profilerを使って何がリークしてるかを見る、どこから調べ始め、表示モードの違いの説明、Constructorに表示される項目の説明、クリーンなChromeでプロファイルは取るべきという話

BackBone Model Unit Testing with Jasmine | Ken Tabor’s Dev Articles
http://blog.katworksgames.com/2013/03/30/bb_model_test_jasmine/

backbone.js jasmine testing tutorial

Jasmineを使ったBackboneのモデルデータのモックを作ってテストするチュートリアル。

Why I use CasperJS for regression testing web applications | Pixelite Magazine
http://www.pixelite.co.nz/article/why-i-use-casperjs-regression-testing-web-applications

webservice testing

CasperJSを使ってレグレッションテストをする事について。
ステータスコードのチェック、ページにエラーやワーニングが出てないか、キャッシュが効いてるか等のチェックに使ったりするなど

Optimizing the asynchronous Google Analytics snippet · Mathias Bynens
http://mathiasbynens.be/notes/async-analytics-snippet

google JavaScript

Google Analyticsのコードの最適化について(追記があるのでそっちメイン)
Google Universal Analyticsについても

スライド、動画関係

AngularJS MTV Meetup Livestream: Mastering the WebStorm IDE for AngularJS - YouTube
http://www.youtube.com/watch?v=LJOyrSh1kDU

WebStorm AngularJS 動画

egghead.io の人による WebStormとAngularJSについての紹介。
WebStormの機能紹介がメインでコード解析、ショートカット、Action、LiveTemplate、リファクタリング、ナビゲーション、ローカル履歴とバージョン管理、外部ツール、File Watcher、プラグインについて紹介してる

Defensive Sass - Modular styles for the modern web // Speaker Deck
https://speakerdeck.com/jlong/defensive-sass-modular-styles-for-the-modern-web

css Sass スライド

CSSの設計についてのスライド。
Subclassingでまとめるか、Contextualでセレクタを並べるかに。
Stateで変化するようなものをModifiersで表現するか、ResetとNormalizeについてやIDやタグのセレクタは使わない方がいいという話。

JavaScript: Need for Speed // Speaker Deck
https://speakerdeck.com/ariya/javascript-need-for-speed

JavaScript スライド

JavaScriptの最適化についてのスライド.
ベンチマークの取り方、無駄なコードの削除、d8 —trace-inliningでのインライン化のトレース、JavaScriptエンジンの最適化が上手く働くコードと確認方法、GC、スケーラビリティについて

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

metajs: visualize javascript AST execution
http://int3.github.io/metajs/

JavaScript

CPS（継続渡し方式）をステップ実行してどのように実行されてるかを可視化

int3/metajs · GitHub

HTML5 Demos
http://html5-demos.appspot.com/

HTML5

HTML5的な要素のデモと関連するドキュメントなどをまとめたりしてるサイト

Modern Web Observer | an E-Mail Newsletter from appendTo
http://appendto.com/

HTML JavaScript mail

フロントエンドWeb開発についての隔週のメールマガジン

WebPlatformTools.org
http://webplatformtools.org/

web Tools まとめ

Web開発関連のツールをまとめてるサイト

ツール、ライブラリ関係

josdejong/mathjs · GitHub
https://github.com/josdejong/mathjs

JavaScript library

数式ライブラリ.
mathの拡張や数式を渡してパースして計算もできる。

topcoat/topcoat · GitHub
https://github.com/topcoat/topcoat

design css library adobe

CSSフレームワークなUIライブラリ(Adobe)
Stylusを使ってて、Wikiにコーディングガイドラインやアーキテクチャ、Chrome telemetryを使ったパフォーマンステストなどについて書かれてる
https://github.com/topcoat/topcoat/wiki/_pages