JSer.info #181 - jQuery UI 1.11.0がリリースされました。
AMDやBowerのサポート、IE7のサポート終了などが主な変更です。 詳細な変更点については下記のアップグレードガイドに書かれています。
QuickStart というBrowserifyのようにCommonJSで書いたものをビルド または ロードできるツールがSpotify社により公開されています。
以下の記事でどのような機能があるかについて解説しています。 Broserifyのようにビルドする機能と、require.jsのようにローダーとして機能して動的にCommonJSを読み込んで実行する機能を持っています。
RequireJS等はもう古い。WebPackとは？｜1 pixel｜サイバーエージェント公式クリエイターズブログ という記事では、webpackについて色々な構成サンプルと共にできることを紹介しています。
Browserify等はJavaScriptについてのdependency graphを解決しますが、 webpackはJSに限らずCSSやHTML(テンプレート)等のdependency graphを解決する全部入り感があるツールです。
Firefox DevTools - Velocity 2014 というスライドでは、Firefoxの開発者ツールに入ってくる新しい機能について紹介されています。
パフォーマンス計測計の機能を中心に紹介されていて、リフローの発生のログを出したりCanvasの描画デバッグの機能について書かれています。
また、Firefox32はWeb Audio Editorが入ったり、デバッグというよりはアプリ開発をするWebIDEがNightlyに入るなど色々な機能が実装されています。
後、デバッグツールの機能とは関係ないですが、ChromeにDevToolsを使ったSelf XSS防止機能と共に、Firefoxにも同様のSelf XSS防止機能が入っています。(Nightlyで既に入ってる)
以前、ブラウザ側に実装されたSelf XSSの防止機能としては、javascript:から始まるコードをアドレスバーで実行できなくさせる機能もあります。
ヘッドライン
jQuery UI 1.11.0 | jQuery UI Blog
jQuery UI 1.11.0リリース。
Selectmenu Widgetの追加、AMD/Bowerサポート、IE7のサポート終了。
Brackets 0.41 Release (Replace Across Files) – Brackets Blog
Brackets 0.41リリース。
アーティクル
Node.jsで書いてQuickStartを使ってブラウザで実行する話 | Web scratch
BrowserifyみたいにCommonJSで書いてビルド出来るツールについて。
ローダとして使えるため、開発中はビルドしないでローダとして使って、プロダクトはビルドして利用するという使い方が出来るツール。
Web Audio Editor の紹介 | Mozilla Developer Street (modest)
FirefoxのWeb Audio Editorについて
WebIDE Lands in Nightly ✩ Mozilla Hacks – the Web developer blog
Firefox Nighlyに載ったWebIDEについて
GlobalEventHandlers.onerror - Web API Interfaces | MDN
Firefox 31からonerrorのハンドラに第4,5引数が追加された。
第4引数でカラム番号、第5引数でErrorオブジェクトそのものが取得出来るようになった。
RequireJS等はもう古い。WebPackとは？｜1 pixel｜サイバーエージェント公式クリエイターズブログ
何でもrequire出来るWebPackの紹介記事。
WebPackの特徴や色々な構成のサンプルについて書かれてる。
Backbone with ES6 | Mike Fowler
Backbone.jsをES6のclassを使った書き方について。
class exntedによる実装とES6 moduleについて書かれている
Web Components を支えるPolyfillライブラリ ::ハブろぐ
WebComponents構成要素のPolyfillであるPolymer、platform.js、X-Tag、Bosonicについて
スライド、動画関係
LXJS 2014 - YouTube
LXJS 2014 の動画が公開された
Firefox DevTools - Velocity 2014
Firefoxの開発者ツールについてのスライド.
csscoverageコマンド、ネットワークモニタの使い方、console.profile、描画の可視化、リフローを発生させたコードのログ、Canvasデバッガー等について。
JavaScript Roots: Core Language Essentials
JavaScriptという言語の基礎についてのスライド。
プリミティブとそうではないものの違い、引数に渡した時に参照なのかコピーになるものの違いについてや、リテラル、クロージャー、即時実行等について
ソフトウェア、ツール、ライブラリ関係
npm-dom
npmからインストールできるDOMを扱うライブラリを作る感じのOrganizations
CSS Shrink
CSS圧縮ツール。
CSS ASTをtraverseして余分なCSSを取り除いたり、まとめたりしてコード量を小さくする
以下のスライドで仕組みについて解説されている。
QuickStart
BrowserifyみたいにCommonJSで書いたものをビルド出来るツール。 ビルドだけじゃなくてローダとしても使えるようになってるため、開発時は毎回のビルドをしなくても利用できる。
書籍関係
Amazon: Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法: 谷 拓樹
2014年7月24日発売
Introduction | Human JavaScript
Human JavaScriptのオンライン版が公開された。
