Fork me on GitHub

2014-06-30のJS: jQuery UI 1.11.0、ビルドツールWebPack、QuickStart、Firefox DevTools

Edit on GitHub 編集履歴を見る

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:から始まるコードをアドレスバーで実行できなくさせる機能もあります。


ヘッドライン

jQueryUIReleaseNote

jQuery UI 1.11.0リリース。

Selectmenu Widgetの追加、AMD/Bowerサポート、IE7のサポート終了。

JavaScriptIDEReleaseNote

Brackets 0.41リリース。

アーティクル

node.jsbrowserifyCommonJSTools

BrowserifyみたいにCommonJSで書いてビルド出来るツールについて。

ローダとして使えるため、開発中はビルドしないでローダとして使って、プロダクトはビルドして利用するという使い方が出来るツール。

firefoxaudioeditor

FirefoxのWeb Audio Editorについて

firefoxwebIDE

Firefox Nighlyに載ったWebIDEについて

JavaScriptfirefox

Firefox 31からonerrorのハンドラに第4,5引数が追加された。

第4引数でカラム番号、第5引数でErrorオブジェクトそのものが取得出来るようになった。

http://jsbin.com/xagiy/1/edit

JavaScriptCSSHTMLTools

何でもrequire出来るWebPackの紹介記事。

WebPackの特徴や色々な構成のサンプルについて書かれてる。

JavaScriptECMAScriptbackbone.js

Backbone.jsをES6のclassを使った書き方について。

class exntedによる実装とES6 moduleについて書かれている

WebPlatformAPIWebComponentslibrary

WebComponents構成要素のPolyfillであるPolymer、platform.js、X-Tag、Bosonicについて

スライド、動画関係

JavaScriptイベント動画

LXJS 2014 の動画が公開された

firefoxJavaScriptdebugToolsスライド

Firefoxの開発者ツールについてのスライド.

csscoverageコマンド、ネットワークモニタの使い方、console.profile、描画の可視化、リフローを発生させたコードのログ、Canvasデバッガー等について。

JavaScriptスライド

JavaScriptという言語の基礎についてのスライド。

プリミティブとそうではないものの違い、引数に渡した時に参照なのかコピーになるものの違いについてや、リテラル、クロージャー、即時実行等について

ソフトウェア、ツール、ライブラリ関係

npmJavaScriptlibraryまとめ

npmからインストールできるDOMを扱うライブラリを作る感じのOrganizations

CSSTools

CSS圧縮ツール。

CSS ASTをtraverseして余分なCSSを取り除いたり、まとめたりしてコード量を小さくする

以下のスライドで仕組みについて解説されている。

browserifyCommonJSJavaScriptTools

BrowserifyみたいにCommonJSで書いたものをビルド出来るツール。 ビルドだけじゃなくてローダとしても使えるようになってるため、開発時は毎回のビルドをしなくても利用できる。

書籍関係

CSSbook

2014年7月24日発売

JavaScriptbook

Human JavaScriptのオンライン版が公開された。

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