JSer.info #129 - Firefox 22.0がリリースされました。
WebRTCがデフォルト有効になったり、Arrow Functionが実装されたりしています。
Firefoxの開発者ツールもどんどん機能が増えてきていて、23でSourceMapやネットワークモニター等の機能が追加される予定です。
- Compiling to JavaScript, and Debugging with Source Maps ✩ Mozilla Hacks – the Web developer blog
- New Features in Firefox Developer Tools: Episode 24 ✩ Mozilla Hacks – the Web developer blog
ブラウザのデバッグ機能についてSecrets of the Browser Developer Tools - Secrets等がわかりやすくまとまっています。(最新の情報に追従するの大変そうですが)
丁度ES6 Modulesについて、異なるアプローチで利用する方法の記事がでていたので一緒にみてみると面白いかもしれません。
V8でES6のGernerator が実装されたので、それの利用方法についてわかりやすい記事がでています。
どちらもNode.js環境で実行していますが、まだ起動引数が必要なものであることには注意です。
他の言語でも異なる用語で同じ意味だったりする場合がありますが、ECMAScript 6でのGeneratorとは何かというのはIterators and generators in ECMAScript 6を見るといいかもしれません。
PhantomJSのGecko版ともいえるSlimerJSが公開されています。
SlimerJS自体はGeckoエンジンを持っているわけではなく、FirefoxのバイナリかXulrunnerを使ってヘッドレスブラウザとして動作します。(xvfbに依存しますが…)
PhantomJS APIと互換性持つAPIを実装していき、PhantomJSのスクリプトが動作するようにするのを目的としています。(CasperJSで動かせるのもひとつの目的としてあげられています)
- API_COMPAT.md
- Features · SlimerJS PhantomJSとの機能の違い等
PhoneGap | PhoneGap 2.9.0 Released!
http://phonegap.com/blog/2013/06/26/pg-290-released/
PhoneGap 2.9.0リリース
Firefox 22.0 リリースノート
http://www.mozilla.jp/firefox/22.0/releasenotes/
Firefox 22リリース.
Firefox 22 個人的まとめ - hogehoge @teramako
http://d.hatena.ne.jp/teramako/20130625/p1
Firefox 22の実装されたHTML,CSS,JavaScriptの機能とAddonまわりの変更点と該当Bugへのリンクまとめ
Firefox 22 が正式リリース CSS Flexible Box の有効化、data、time 要素のサポートなど | WWW WATCH
http://hyper-text.org/archives/2013/06/firefox_22_release.shtml
Firefox 22 での変更点について
Chromium Blog: Experimenting with QUIC
http://blog.chromium.org/2013/06/experimenting-with-quic.html
GoogleがUDP上でTCP+TLS相当の機能を実現するQUIC (Quick UDP Internet Connections) を公開した
jstest 1.0: the cross-platform JavaScript test framework finally released as a standalone package – The If Works
http://blog.jcoglan.com/2013/06/30/jstest-1-0-the-cross-platform-javascript-test-framework-finally-released-as-a-standalone-package/
JavaScriptテストフレームワーク jstest 1.0リリース。
jsclass の 一部として開発されてきたが独立して扱えるようになった。
WebRTC comes to Firefox ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/06/webrtc-comes-to-firefox/
Firefox 22 でWebRTCがデフォルト有効に。(getUserMediaは20から)
Using ES6 Modules Today
http://guybedford.com/es6-modules-today
ES6のModules Syntaxで定義されたjsファイルを、Esprimaを使いパースして読み込むモジュールローダを使って利用するアプローチ
Using Grunt & the ES6 Module Transpiler
http://www.thomasboyt.com/2013/06/21/es6-module-transpiler
ES6 Module TranspilerとGruntを使ってES6のModulesを変換して、今すぐ利用するワークフローについて。
Advanced Unit Testing Techniques in JavaScript | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/advanced-unit-testing-techniques-in-javascript/
Buster.JSをつかったテストのチュートリアル。
Sinon.JSでのモックについて詳しく書かれてる。
Internet Explorer 11の新機能とか - ういはるかぜの化学 - subtech
http://subtech.g.hatena.ne.jp/mayuki/20130625/1372173176
Windows Server 2013 R2プレビューでのIE11 の新機能について.
Web API、ES6、F12開発者ツールの刷新
Microsoft News | WebGL, SPDY/3, New Dev Tools, & More Confirmed For IE11 In Win 8.1
http://microsoft-news.com/webgl-spdy3-new-dev-tools-more-confirmed-for-ie11-in-win-8-1/
IE11の設定と開発者ツールについて
QUIC Geek FAQ (和訳) - yoyaのメモ
http://d.hatena.ne.jp/yoya/20130628/quic
QUICのUDP, TCP, SPDY といった要素が分かる人向けのFAQを翻訳したもの
Node.js 0.12 では yield が使えるのでコールバック地獄にサヨナラできる話 - てっく煮ブログ
http://tech.nitoyon.com/ja/blog/2013/06/27/node-yield/
V8でGenerator*が有効になったので、Node.jsでyeildを使った説明.
What are Generators? | Flippin’ Awesome
http://flippinawesome.org/2013/06/24/what-are-generators/
Generators* について。
Generatorの基本的な挙動、yeild/next()、send()、throw()とtry-catch.
Generator functionを受け取って進める関数の書き方について
Important
http://lea.verou.me/humble-border-radius/#for-browser
border-radiusについて詳しく書かれたスライド。
実際に動かしながらborder-radiusの指定方法を学べたり、ブラウザ間の挙動の違いを見られる。
Schedule | Scotland JS
http://scotlandjs.com/schedule.html
ScotlandJSの発表動画が公開された
jQuery UI Widgets vs. HTML5 | TJ VanToll
http://tjvantoll.com/speaking/slides/2013/UI-Widgets-vs-HTML5/#/
HTML formとjQuery UIについてのスライド。
datepicker,number,range それぞれの比較
ブラウザレンダリング 最適化テクニック
http://www.slideshare.net/classmethod/ss-23437633
DOMツリーとレンダリングについてのスライド。
パース -> レンダリングツリー(Reflow) -> RePaint の流れについて
Secrets of Awesome JavaScript API Design: Fluent 2013 - O’Reilly Conferences, May 28 - 30, 2013, San Francisco, CA
http://fluentconf.com/fluent2013/public/schedule/detail/27777
JavaScriptのAPIデザインについての発表
http://www.youtube.com/watch?v=QlQm786MClE
http://www.slideshare.net/TheSatch/secrets-of-awesome-javascript-api-design
FIRST STEP to Haxe/JavaScript
http://www.slideshare.net/terurou/first-step-to-haxejavascript
Haxe と JavaScriptについてのスライド.
Haxeの構文について
フロントエンドのツール Yeoman を勘違いしていた
http://www.slideshare.net/girigiribauer/20130629-yeoman
自分用のYeoman generatorの作り方についてのスライド
DevDocs
http://devdocs.io/
MDNのHTMLやCSSについてや、jQueryのリファレンスを検索出来るサイト。
HTML5 や CSS などのリファレンスサイト (未完成) を公開したよ | WWW WATCH
http://hyper-text.org/archives/2013/06/w3_watch_reference.shtml
HTML5のタグリファレンスサイト
YUI Modules Table
http://www.okuryu.com/yui-modules-table/
YUIの各バージョンに含まれてるCore moduleのまとめ
dunxrion/console.snapshot
https://github.com/dunxrion/console.snapshot
Canvasの表示内容のスナップショットを撮ってConsoleに表示するconsole.snapshotメソッド
Chrome ウェブストア - jQuery Debugger
https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi
jQueryをデバッグする機能を追加するChrome Dev Tools 拡張.
AlloyUI
http://alloyui.com/
YUIを使ったUIフレームワーク
SlimerJS
http://slimerjs.org/index.html
Firefox(Gecko)版PhantomJSのようなブラウザツール.
PhantomJSのようにスクリプトを読み込ませてヘッドレスブラウザを操作できる。
PhantomJSとスクリプトの互換性を持つことを目標に開発されている
JavaScriptテストフレームワーク.
様々な環境で動作するように作られていて、自身もRSpecライクなAssertionやFake等の機能を持っている。
他のTest Runnerと連動して使うことができるのが特徴的
bitwalker/keys.js
https://github.com/bitwalker/keys.js
キーバインドライブラリ.
修飾キーの組み合わせや、バインドの設定をSerialize/Deserialize等の機能を持ってうr
mozilla/pointer.js
https://github.com/mozilla/pointer.js
mouse/touch events をlistenして pointer event を 発火させるライブラリ
airportyh/empath
https://github.com/airportyh/empath
ディレクトリを指定してそのモジュールが、どのモジュールシステムをサポートしてるかを判定するCLI
PHPSass - A PHP compiler for Sass
http://phpsass.com/
PHPで書かれたSassコンパイラー
Syncfusion Ebooks | TypeScript Succinctly
http://www.syncfusion.com/resources/techportal/ebooks/typescript
無料のTypeScriptについての電子書籍.
主に.NETユーザを対象として書かれてるが、TypeScriptの基本的な機能や使い方についてまとまってる