JSer.info #201 - CSSプリプロセッサであるLess 2.0がリリースされました。
V2へのアップグレードについてはV2 Upgrade Guideに詳しく書かれています。
Vue.js 0.11がリリースされました。
一から書きなおされているため、コードベースが結構変わっています。
APIの破壊的な変更や、追加されたオプション、機能については以下にまとめられています。
以前のバージョンであるv0.10.6のドキュメントはlegacy.vuejs.orgに置かれています。
追記: 作者であるEvan YouさんはGoogleからMeteor社の人になったそうです。
Reactive MVC and the Virtual DOM — Futuriceという記事では、リアクティブなパターンについて書かれています。
以下のスライドの記事版という感じです。
React/Flux(要素的には別々ですが)はリアクティブプログラミングな所もありますが、インタラクティブな部分も混ざった感じになっているのを、よりリアクティブに実装するにはどうするかという感じの内容になっています。
既存のMVCとの役割の対比や、著者が提唱するModel-View-Intentはどういう構成なのか、またReact/Fluxを使った時との違いについて書かれています。
アーキテクチャ的にはFluxのように一方向のデータフローに近いところはあるので、Fluxに興味がある人も見てみると面白いと思います。
また、React/FluxについてはComponents, React and Flux (WIP) by Dan Abramovというスライドがよくまとまっているので一緒に見てみるといいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Ember.js - Ember.js 1.8.0 and 1.9 Beta Released
emberjs.com/blog/2014/10/26/ember-1-8-0-released.html
Ember 1.8.0と1.9βリリース。
またEmber 2.0についても話し合われている
- The Road to Ember 2.0 RFC by tomdale · Pull Request #15 · emberjs/rfcs
- Contribute to Ember.js 2.0. No coding required. :: madhatted.com
Release v2.0.0.0 · less/less.js
github.com/less/less.js/releases/tag/v2.0.0
Less 2.0リリース
Release 0.11.0: Cowboy Bebop · yyx990803/vue
github.com/yyx990803/vue/releases/tag/0.11.0
Vue.js 0.11.0リリース。
一から書きなおされているため、挙動の変更やオプションの削除等破壊的な変更も多くあり、追加された機能やオプションも多い。
Brackets Blog - The Free, Open Source Code Editor for the Web
blog.brackets.io/2014/11/04/brackets-1-0-and-extract-for-brackets-preview-now-available/
Brackets 1.0リリース。
同時にExtract for BracketsというPSDファイルからテキストや色などの情報が取得出来るプラグインのα版が公開されている
アーティクル
Stream API がブラウザにやってくる - Block Rockin’ Codes
jxck.hatenablog.com/entry/whatwg-stream
WHATWGのStream APIについて。
連続したイベントを表現するStreamの流れ、ReadableとWritableの処理待ちのバランスが悪くなった時に調整するBack Pressureについても書かれている
React.jsとBackbone.jsを組み合わせて実践してみた結果 - Qiita
qiita.com/derui@github/items/864113f694b77eca685d
ReactとBackboneの組み合わせについて実践的な話が書かれている。
Viewの部分をReactにするアプローチ、Viewをテストする際に使えるTestUtilsやReactを導入する際の注意点など
An easier way of using polyfills ✩ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2014/11/an-easier-way-of-using-polyfills/
JavaScriptの必要な機能のpolyfillをCDN的に使えるPolyfill.ioについて
browserify をはじめてみる - Please Sleep
please-sleep.cou929.nu/trying-browserify.html
埋め込み配布を目的としてJavaScriptをBrowserifyでビルドするにあたっての話。
bowerでインストールしたjQueryの依存関係の解決、browserify-shimを使ってCommonJSに対応してないライブラリを使う方法について
AngularJS についての所感 ::ハブろぐ
havelog.ayumusato.com/develop/javascript/e628-angularjs_thought.html
AngularJSの扱い方を間違えるとハマってしまう所。
$scope、DIとProviderと依存の数、ルールの抑制とexpression、Controllerの肥大化。
他のライブラリに応用がしにくい世界観などについて
スライド、動画関係
Reactive MVC and the Virtual DOM — Futurice
futurice.com/blog/reactive-mvc-and-the-virtual-dom
MVIというReactiveなデザインパターンについて。
MV*と違いControllerを取り除き、代わりにIntentというユーザイベントを扱う仕組みを入れる。
一方通行にする点などFluxに似ている所はあるが、RxJS等を意識した話。
また、Virtual DOMを使い、テストしやすくするためにViewと実際の表示を作るRendererに分けている。
最後にReact/Fluxとどのような点が違うのかについて書かれている
zertosh/ssr-demo-kit
github.com/zertosh/ssr-demo-kit
SoundCloudの人のReactによるサーバーサイドレンダリングのスライドと動画とサンプル
Protractor for AngularJS: writing end-to-end tests has never been so fun
ramonvictor.github.io/protractor/slides/
Protractorについてよく書かれたスライド。
Protractorの仕組み、インストール方法、設定、API、Page Objectsを使ったテストのパターン、デバッグ方法等幅広くまとまってる
Components, React and Flux (WIP) by Dan Abramov
slides.com/danabramov/components-react-flux-wip#/
Reactに関する事が幅広く書かれているスライド。
jQuery、Backbone、Reactそれぞれで実装した場合について。
Reactの特徴である再利用性、コンポーネントのネスト、ステートフルやreact-router等について。
また開発ツールとしてhot-reload、一方向のデータフローを実現するFluxアーキテクチャについてもそれぞれの役割が詳しく書かれている。
サイト、サービス
ReactJS News
ReactのWeeklyニュースサイト
Announcing RemoteIE: Test the latest IE on Windows, Mac OS X, iOS and Android - IEBlog - Site Home - MSDN Blogs
確認用のIEをOS XやAndroid、iOS等でVPNで簡単に利用できるRemoteIEを公開した
ソフトウェア、ツール、ライブラリ関係
uxebu/kommando
WebDriverを使ったE2Eテストを行うライブラリ。
wd.jsやleadfootなどのクライアントライブラリはオプションで指定できる。
ibm-js/ecma402 · GitHub
ECMA-402 JavaScript Internationalization APIのshimライブラリ
substack/html-inline
github.com/substack/html-inline
HTMLで読み込み指定されてるJavaScriptやCSS、画像をインライン化するコマンドラインツール
rtfeldman/seamless-immutable
github.com/rtfeldman/seamless-immutable
ES5の機能を使ってImmutableな配列やオブジェクトを作成するライブラリ。
それぞれのオブジェクトはObject.freezeされた状態になり、幾つか補助するメソッドが追加で用意されている
travishorn/npm-package-store
github.com/travishorn/npm-package-store
App Storeみたいにnpmモジュールの更新一覧を見られるツール
Paperclip.js - fast template engine for the DOM
JavaScriptテンプレートライブラリ。
データバインディングについての方向をテンプレート内に<~>演算子を使って指定する事ができるのが特徴的
書籍関係
Amazon: WebRTC ブラウザベースのP2P技術: Alan B. Johnston, Daniel C. Burnett, 日本電信電話株式会社 内田直樹(監訳)
www.amazon.co.jp/dp/4897979587?tag=amazon0abac-22
2014年12月12日 発売
WebRTC: APIs and RTCWEB Protocols of the HTML5 Real-Time Webの翻訳本
Amazon: デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツのための実践Q&A: 太田良典, 伊原力也
www.amazon.co.jp/dp/4862671756?tag=amazon0abac-22
2015年1月31日 発売
Webアクセシビリティについての書籍
