Fork me on GitHub

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

Edit on GitHub 編集履歴を見る

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 ReleaseNote

PhoneGap 2.6.0 リリース

✎JavaScript testing ReleaseNote

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

✎JavaScript グラフ library ReleaseNote

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

✎jQuery ReleaseNote

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

✎jQuery mobile ReleaseNote

jQuery Mobile 1.3.1リリース

✎JavaScript node.js console Tools

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

アーティクル

✎JavaScript tutorial デザインパターン

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

✎JavaScript 翻訳

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

✎JavaScript library

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

✎JavaScript 文字コード browser

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

✎JavaScript デバック

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

✎backbone.js jasmine testing tutorial

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

✎webservice testing

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

✎google JavaScript

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

関連 : HTTPS protocol check no longer needed by Nettsentrisk · Pull Request #1319 · h5bp/html5-boilerplate

スライド、動画関係

✎WebStorm AngularJS 動画

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

✎css Sass スライド

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

✎JavaScript スライド

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

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

✎JavaScript

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

✎HTML5

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

✎HTML JavaScript mail

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

✎web Tools まとめ

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

ツール、ライブラリ関係

✎JavaScript library

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

✎design css library adobe

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

✎css Tools

CSSから重複するルールを抽出するCLIツール

✎デバック color JavaScript

FirebugとChrome Dev Toolsにスタイル付きのログを表示する記法を追加するJavaScriptライブラリ
http://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/

書籍関係

✎backbone.js book

2013/4/25発売
以下の連載をベースにした書籍
http://qiita.com/items/16b799d0ec0a0ae3f78e

この記事へ修正リクエストをする
記事を紹介する