Fork me on GitHub

2013-06-10のJS: Bower入門、描画パフォーマンスとGPU、JavaScript refresh

Edit on GitHub 編集履歴を見る

JSer.info #126 - Bower入門(基礎編) - from scratchという記事ではフロントエンドのパッケージマネージャであるBowerについて基本的な使い方から応用まで丁寧に書かれています。

Web描画パフォーマンスの改善 | Cacoo Blogという記事では、Chrome Dev Toolsを使った描画周りの改善方法について詳しく書かれています。
また、よくある「CSSでGPUを有効にすれば、アニメーションがスムーズになる」というのが何故そうなるのか、また何でもかんでもGPUレイヤーにすることの弊害についても書かれていて、一度は読んでおくといいかもしれません。

A JavaScript refresh | TypedArray.orgでは改めてJavaScriptの概要について書かれています。

ジャンル的には以下が近い内容だと思います。

ヘッドライン

✎node.js ReleaseNote

Node v0.10.10リリース.

✎JavaScript node.js Tools ReleaseNote

volo 0.3.0 リリース

✎JavaScript library ReleaseNote

YUI 3.10.2リリース。

✎mobile ReleaseNote

PhoneGap 2.8.0リリース

アーティクル

✎safari webkit

Webkit WatcherによるWebkitから見るSafari 7に入ると予想されるWeb APIまとめ。prefix の有無やバグ修正などについても

✎JavaScript node.js Tools

フロントエンド用のパッケージマネージャであるBowerの使い方について。
基本的な操作方法や使い方、Gruntを使った応用、ライブラリの公開方法等

✎JavaScript testing

Sinon.JSの使い方。
Spy,Stub,Mock,Fake Timers,Fake Serverを使ったテストについて

✎JavaScript canvas performance デバック Chrome

Chrome Dev Toolsを使った再描画とGPUレイヤーについての詳しい解説。
repaintの発生の発見やGPUを使うと何故なめらかにアニメするのかの仕組みについてやGPUレイヤーの可視化、GPUレイヤーを使いすぎることの弊害について

✎JavaScript tutorial

ES6のGenerator*を使い方について。
非同期なコードをyeild、suspend、promise、Qを使って書くパターンの紹介

✎JavaScript tutorial document 歴史

JavaScript再入門という感じの内容。
JavaScriptとは何か、エディタ、REPL、データ型、native object、context、クロージャー、GCについて等について

✎JavaScript game library

tmlib.jsとenchant.jsの比較

✎JavaScript

async,defer属性について。
それぞれのブラウザがどう解釈するか

✎css

Calcのユースケースについて

✎JavaScript

Battery Status API、Gamepad API、Device Orientation API、
Geolocation API、Page Visibility APIの簡単な紹介

✎Chrome LESS デバック

Chrome Dev ToolsでLESSのデバッグ

スライド、動画関係

✎W3C HTML 動画

http://testthewebforward.org/events/tokyo-2013.html の動画が公開された

✎JavaScript event スライド

namespaceとモジュールパターン,pub/subをつかってモジュール間のやり取り。 実際のサイトを見ながらeventでモジュールをどう繋ぐかについて

✎TypeScript スライド

TypeScriptとは何かから基本的な文法や開発ツールや既存ライブラリの利用について等のスライド

✎performance スライド

Webパフォーマンスについてのスライド。
レイテンシー、HTTP2.0等のネットワークについてやNavigation Timingの利用法、レンダリングのクリティカルパス、HTML5のパースフローやレンダリングツリーについてやそれの最適化について等

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

✎AngularJS links

AngularJSを学べるリンク集.
機能別、書籍や動画

✎JavaScript library

JavaScriptテンプレートエンジンの選択

ツール、ライブラリ関係

✎JavaScript console Tools

コメントで変数と置換するルールを書いておいて、コードをrewriteするツール。

✎JavaScript library

$$. virtual, abstract, override, private, protected, publicといったものをオブジェクトのKeyに文字列で指定して定義して、クラスな仕組みを提供するライブラリ

✎HTML5 JavaScript library

HTML5 Application Cacheの新しいバージョンというわけではないが、ブラウザによりscriptableなキャッシュシステムを提供する試みのライブラリ

書籍関係

✎JavaScript book

2013年06月19日 発売
JavaScript Enlightenmentの翻訳本

✎JavaScript book

2013年7月2日発売
独習JavaScript の第二版

✎JavaScript book

2013年6月発売

✎design css book

2013年7月2日発売
RWD本

この記事へ修正リクエストをする
JSer.info Slackに参加する