JSer.info #236 - jQuery 3.0αがリリースされました。

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog

まだα版ですが、.show()と.hide()の仕組みの変更、jQuery.DeferredがPromise/A+互換になり、2.xでdeprecatedとなっていたメソッドの削除などが行われています。

また、以前断念したrequestAnimationFrameによるアニメーションがjQuery 3.0では有効化されています。

.show()と.hide()については以前の挙動に依存したものが多そうなので、α版でどうなるかを試してフィードバックをしてみるといいかもしれません。

A Formal Commitment to New Language Featuresという記事はJavaScriptのLintツールであるJSHintの今後の方針について書かれています。

ES6+のコードを変換するツールであるBabelでは、次期ECMAScriptに提案されているプロポーサルの実装もStageオプションで有効化出来るようになっています。

このStageオプションで使える構文などは、新しすぎるためJSHintなどのツールで解釈するためには、まずコードをパースできないといけません。

JSHintは著名なパーサライブラリであるesprimaやacornとは別で、内部的にパーサを持っているので新しい構文に対応するコストが大きいです。

またStage 1: Proposalであるような機能はまだ不安定であるためツールとしてサポートしてしまうと今後問題となる可能性があることなどを理由に、JSHintではStage 2: Draft以降の機能についてはexperimentalとしてサポートするが、それ未満のものはサポートしない方針などについて書かれています。

もう少し詳しくはこの話の詳細を別記事で書いたので、こちらも合わせてみてみるといいかもしれません。

この話で面白いのはJSHintのようなツールもECMAScriptの策定プロセスを意識したような作りになっていくという流れが出てきている気がします。

今後ECMAScriptの策定プロセスやStageみたいな話は、色々出てきそうなのでそれについて上手くまとめたいのでいいアイデアを募集しています。

ES nextの策定プロセスを分かりやすくまとめた記事 · Issue #57 · azu/azu

ロシア語ですが、この講演は策定のプロセスをストーリー的に紹介して面白いです。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog

blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/

jQuery ReleaseNote

jQuery 3.0αとjQuery Compat 3.0αリリース。
.show()と.hide()のパフォーマンス改善、jQuery.DeferredがPromise/A+互換に、非推奨だったjqXHR.success | error | complete、イベントの.load/.unload/.errorを削除。
undocumentなメソッドを外から触れないように変更。
アニメーションで再度requestAnimationFrameを使うように、カスタムセレクタの改善など

Issues · jquery/jquery

アーティクル

Introducing Incremental DOM — Google Developers — Medium

medium.com/google-developers/introducing-incremental-dom-e98f79ce2c5f

JavaScript DOM library VirtualDOM

メモリ使用量とテンプレートエンジンでは扱える閉じタグの無い要素などがモチベーションとなってるGoogle製のDOMライブラリ(WIP)。
Diff計算のためにVirtual DOMのような全体のTree構造をメモリに保持しない事で、余計なオブジェクトを作らないようにして、1 passで走査することでメモリ効率を上げている。