JSer.info #161 - Firefox 27がリリースされました。
CSSのall:unsetのサポート等もありますが、古くはFirebugのJavascript Deminifier拡張、Chrome DevToolsの圧縮されたコードの整形機能のような、圧縮されたJavaScriptコードを整形表示する機能がFirefoxのDevToolsに追加されました。
- 762761 – An option to deobfuscate javascripts in the debugger
- Chrome DevToolsと同様に整形したコードのブレークポイントも対応しています
w3ctag/promises-guideではES/DOM Promisesの仕様策定の中心である@domenicさんがPromisesを利用する上で勘違いしやすいことに対するガイドラインを書かれています。
また、Promisesの仕様でよく出るフレーズの意味についても書かれているので仕様を書く人へのガイドラインにもなっています。
JavaScript Promises - Thinking Sync in an Async World // Speaker Deck というスライドではPromisesの使い方や、どういう値が onFulfilled, onRejectedに渡るかといった状態の流れが分かりやすく説明されています。
- ▶ JavaScript Promises: Thinking Sync in an Async World - YouTube
- 質疑応答も多いので動画と一緒に見るといいです
ECMAScript Promisesの記事もでてきた感じがするので、一度その辺をまとめたもの(記事の紹介記事)を書こうかなとか思ってるので下記で意見募集中です。
Writing Your First Sweet.js Macro という記事では、JavaScriptにHygienic macro(識別子の衝突を自動的に回避する仕組みをもったマクロ?)を持ってくるSweet.jsについて書かれています。
記事内ではStepごとに変換結果を見られるエディタで実行できるのでかなり分かりやすくSweet.jsのマクロの仕組みやパターンマッチ、識別子の衝突回避について書かれています。
Info
JSer.infoに紹介してもらいたい記事のPull Requestが出来るようになりました | JSer.infoにも追記しましたが、ブックマークレットや紹介記事の書き方などを追加しました。
ヘッドライン
Release Pure 0.4.1 - It’s the little things · yui/pure
Pure 0.4.1リリース。
hidden 属性で表示の有無、input要素周りのスタイル修正等
MozillaZine.jp » Blog Archive » Firefox 27 がリリースされた
Firefox 27リリース。
SPDY 3.1 をサポート、DevToolsでコード整形機能の追加、CSSの all:unsetのサポート
- Firefox 27 for developers - Mozilla | MDN
- Firefox 27.0 リリースノート
- スプリットコンソール、ミニファイ済み JS の整形表示など – Firefox 開発ツール エピソード 28 | Mozilla Developer Street (modest)
アーティクル
Building a jQuery-like library – Blog of Cedric Ruiz
ES5で増えたArray拡張やquerySelector等を使ってjQueryライクなDOM操作ライブラリを書くチュートリアル。
関数型プログラミングっぽい感じの構成になっている
JavaScriptライブラリの気になる実装をどうやって見ていくか | Web scratch
JavaScriptライブラリ等の実装の調べ方について。
Vue.jsのデータバインディングを題材に、デバッガーで実行しながら探す方法とキーワードを元にgraspのようなツールを使って探す方法について
w3ctag/promises-guide
いつPromisesを使うか、いつ使うべきではないか。
エラーが起きた時にどうするべきか、コントロールフローの管理であってタスクのキューではない事、引数にpromiseを受ける場合についてのガイドライン。
また仕様書でよく使われるフレーズについてまとめられている
Advanced Debugging Techniques in JavaScript - Part 1 | Keyhole Software
debugger;ステートメントを使ったデバッグについてのユースケース
Private fields in JavaScript using Symbols
ES6 Symbols を使った真なプライベート変数の作り方について。
- Symbol でプライベートな値を作る - hogehoge @teramako
- Private instance members with weakmaps in JavaScript | NCZOnline
Creating standalone JavaScript library builds with browserify, watchify, and uglify-js
npm runを使ったタスクの実行についてのチュートリアル。
browserify + watchify + uglify-jsでbuild(-min,-debug),watchとそれぞれのタスクをnpm scriptsで行うシンプルな話。
Gruntやgulpでも同じ事はできるけど、サンプルと構成共にとても小さく書かれているので分かりやすい。
Writing Your First Sweet.js Macro
sweet.jsを使ったマクロの書き方のチュートリアル。
sweet.jsによる変換をステップ毎に見られるインタラクティブエディタがあり分かりやすい。
マクロルールのパターンマッチ、let の使い方、名前の衝突回避、コマンドラインオプションについて
スライド、動画関係
JavaScript Promises - Thinking Sync in an Async World // Speaker Deck
ES6 Promisesの流れについてまとまってるスライド.
Promiseが持つ状態、メソッド、Promiseコンストラクタの使い方とショートカット、Promiseとthisとbindを利用についてなど
サイト、サービス
jQuery’s browser bug workarounds - Google ドライブ
jQueryが対応してるブラウザバグのワークアラウンドについてのまとめ。
Replaced js with 1 single HTTP request · c958acc · jsdelivr/jsdelivr.com
JavaScript CDNのjsDelivrが複数のファイルを一つにまとめて配布出来るようになった
Web Platform Wednesdays, meet JavaScript! | Web Platform Blog
Web PlatformにJavaScriptリファレンスページが出来た。
MSが寄稿したものが取り込まれてて、CC-BYライセンスが適応される?
ソフトウェア、ツール、ライブラリ関係
vue.js
ViewとModelのデータバインディングライブラリ。
Object.defineProperty等を使っているためES5以降のブラウザをサポート
boo1ean/casual
ダミーデータ(オブジェクト)生成ライブラリ。
標準で色々用意されているが、自分で定義して作成も出来る。
fn.js | A JavaScript library built to encourage a functional programming style & strategy.
Functionalスタイルなメソッドを提供するライブラリ
gulp.js で TypeScript をコンパイルするプラグインを作った - kotas.tech
gulpのTypeScriptコンパイラプラグイン
WebReflection/restyle
absurd.jsのようにJavaScriptでCSSライクなオブジェクトを書いてCSSにする。
ブラウザ、Nodeで動くライブラリ。
Uniter
PHPのコードをブラウザや、Node.jsで動かすライブラリのαリリース。 JavaScriptでPHPのパーサやインタープリタを実装して動かしている。
List.js - Search, sort, filters, flexibility to tables, list and more!
リスト表示して絞込検索、フィルター、ソート等を行えるライブラリ。
依存ライブラリ等がなくシンプルなライブラリ
書籍関係
Amazon: The Ember.js Way (Developer’s Library) [Paperback]: Brian Cardarella, Alex Navasardyan
2014年8月12日発売
Ember.jsについての書籍
サードパーティJavaScript【委託】 - 達人出版会
サードパーティJavaScriptの電子書籍
Amazon: インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化 [大型本]: Scott Murray, 長尾 高弘
2014年02月19日 発売
Interactive Data Visualization for the Webの翻訳本。
D3.jsについての書籍
Amazon: エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus) [単行本（ソフトカバー）]: 森藤 大地, あんちべ
2014年2月20日発売
D3.jsを使ったデータの可視化についての書籍
Contributors to JSer.info
Thanks @Layzie
