JSer.info #195 - IndexedDBやWebSQLやlocalStorage等をラップしたAPIを提供するlocalForage 1.0.0がリリースされました。
localForageはPromiseベースのAPIとコールバックのAPIどちらでも利用でき、ストレージとしてどのバックエンドを使うかを選択出来る形をとっています。
1.0.0ではIEに関するバグ修正や古いブラウザ(Firefox 4やChrome 31以下)のサポートを終了したり、細かい改善が多く入っています。
詳しくはCHANGELOGを参照して下さい。
ECMAScript 6 promises (2/2): the APIではES6 Promisesについて詳しく解説されています。
Part 1ではPromiseについては殆ど出ていませんでしたが(前置き的な非同期処理についてが主)、Part 2ではPromiseの大部分の機能や仕組みについて書かれています。
JavaScript Promiseの本は内容的に似ている部分も多いですが、Qのdoneやfinallyやブラウザのデバッガの対応等についても書かれているので、一緒に読むといい気がします。
React Apps Using Flux and Backbone | Toptal という記事では、Fluxアーキテクチャについて分かりやすく解説されています。
facebook/fluxとReactを使った基本的な流れの紹介とBackbone.jsを組み合わせてやるにはどうするかという話が書かれています。
FluxアーキテクチャのDispatcher -> Store -> View -> ...という流れの要点がまとまっていて分かりやすい気がします。
お知らせ
既にJSer.info 200回記念イベントを11月1日に行います - JSer.infoという記事でお知らせしていますが、
11月1日にJSer.info 200回記念イベント - connpassをやります。
既に参加枠はいっぱいになってますが、「発表枠」はまだ募集しています。
とかにこんなネタどうだろとか投げれば拾いに行くので、気軽にご応募下さい。
パネルディスカッションについて
パネルディスカッションでは、JSer.info 200回記念イベント - Google モデレーターに投稿されたものなどからテーマを決めて話したいと思っています。
なので、パネラーの人や参加者に聞きたい事を好き勝手書いておくといいと思います。
パネル参加者(予定)
- @azu
- JSer.info の人
- @yosuke_furukawa
- 日本Node.jsユーザグループ代表
- @saneyuki_s
- Mozilla contributor. ECMAScript/Rust/Gecko/Servo.
- @Constellation
- WebKit committer. ECMAScript/browsers/JIT/GPU.
- @t_wada
- TDD 実践者. Testing/JavaScript/AST.
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release 0.9.0 · marijnh/acorn
github.com/marijnh/acorn/releases/tag/0.9.0
JavaScriptパーサのacorn 0.9.0リリース。
node-browserify/changelog.markdown at 6.0.0 · substack/node-browserify
github.com/substack/node-browserify/blob/6.0.0/changelog.markdown
Browserify 6.0.0リリース。
SourceMapのファイルパスがベースURLからの相対パスとなった。
Release v1.3.0 - UI Improvements · yeoman/yo
github.com/yeoman/yo/releases/tag/v1.3.0
yo v1.3.0リリース。
コマンドラインUIの改善
Google Developers Blog: Promises in the Google APIs JavaScript Client Library
googledevelopers.blogspot.com/2014/10/promises-in-google-apis-javascript.html
Google APIのクライアントライブラリがPromise/A+ベースのものとなった
Release Stable API · mozilla/localForage
github.com/mozilla/localForage/releases/tag/1.0.0
IndexedDB, WebSQL, localStorageを同じインタフェースで使えるlocalForage 1.0.0リリース。
アーティクル
【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば
blog.gutyan.jp/entry/2014/09/06/MutationObserver
MutationObserverの使い方、オプションについての解説
Node.js Security Tips
blog.risingstack.com/node-js-security-tips/
Node.jsとセキュリティについて
eval、strict mode、sudoしない、シェルを叩いてコマンドを実行しない、一時ファイル、XSS、HttpOnly、CSP等の扱いについて書かれている
npm 2.0.0でローカルモジュールを使ってrequire('../../../')を回避する | Web Scratch
efcl.info/2014/10/04/npm2-local-module/
npm 2.0.0からdependenciesにローカルパスを指定出来るようになり、プロジェクトだけで使うUtilsを読み込みやすくなった話
HTML5Rocks の日本語記事まとめ - Google Developer Relations Japan Blog
googledevjp.blogspot.com/2014/10/html5rocks.html
HTML5 Rocksに現在公開されている翻訳記事のまとめ
レスポンシブイメージのネイティブサポート - HTML5 Rocks
www.html5rocks.com/ja/tutorials/responsive/picture-element/
レスポンシブに画像を扱うpicture要素について。
media queryでの分岐、srcset属性での解像度対応、読み込む画像の種類によるfallback
viljamis/Molten-Leading
github.com/viljamis/Molten-Leading
jQueryで実装されてたMolten Leadingのpure JavaScript版。
line-heightを要素の幅に併せて変更してくれるライブラリ
React Apps Using Flux and Backbone | Toptal
www.toptal.com/front-end/simple-data-flow-in-react-applications-using-flux-and-backbone
Fluxアーキテクチャのフローについて。
DispatcherでイベントとState管理、Store(EventEmitter)がブロードキャストしたイベントをキャッチしてViewをレンダリングするという流れ。
これをBackbone.jsとReactを使った実装について
ECMAScript 6 promises (2/2): the API
www.2ality.com/2014/10/es6-promises-api.html
ES6 Promiseについて詳しい解説。基本的な使い方やどのようなフローで動くか、エラーハンドリング、メリット/デメリット、デバッグ、Promiseラッパの書き方、他の機能と強調した書き方についてなど
まだmechanizeで消耗してるの? WebDriverで銀行をスクレイピング（ProtractorとWebdriverIOを例に） - 詩と創作・思索のひろば (Poetry, Writing and Contemplation)
motemen.hatenablog.com/entry/2014/10/01/scrape-by-protractor-webdriverio
AngularJS向けのE2EテストフレームワークであるProtractorを使ったスクレイピングについて。
スライド、動画関係
A primer on Content Security Policy // Speaker Deck
speakerdeck.com/polarblau/a-primer-on-content-security-policy
XSSの動く仕組み、そのXSSを防止するためのエスケープや必要な事の多さとその一つとしてのCSPについてのスライド。
CSPのルールについての紹介
React - A JavaScript library for building user interfaces // Speaker Deck
speakerdeck.com/helielson/react-a-javascript-library-for-building-user-interfaces
React入門的なスライド。
render、state、componentのライフサイクル、テストについて
Ampersand.js – Minimalistic Approach to not so minimalistic Problems // Speaker Deck
speakerdeck.com/kamilogorek/ampersand-dot-js-minimalistic-approach-to-not-so-minimalistic-problems
Ampersand.jsの紹介スライド
ES6: the future is now // Speaker Deck
speakerdeck.com/jsist/es6-the-future-is-now
ECMAScriptのタイムライン、ES6の機能紹介のスライド
TypeScript: coding JavaScript without the pain
www.slideshare.net/SanderMak/typescript-coding-javascript-without-the-pain
TypeScriptの特徴について紹介しているスライド
Localize your frontend // slidr.io
slidr.io/klyrr/localize-your-frontend##1
jimdo.com のローカライズについてのスライド。数字フォーマットの問題に対してAngularJS、Closure LibraryやECMA i18n API(とpolyfill)等について
Reject.JS 2014 - YouTube
www.youtube.com/playlist?list=PL37ZVnwpeshF8Sr8JZNFU6boKMmod9YBw
Reject.JS 2014 の動画が公開された
ソフトウェア、ツール、ライブラリ関係
Steady.js
scrollイベントを扱うライブラリ。
onscrollをthrottleしたり、topからの位置で反応するイベントをつけたりスクロール周りの処理を扱いやすくしてくれる
JavaScript Promises Essentials | Packt
www.packtpub.com/application-development/javascript-promises-essentials
JavaScript Promiseについての書籍。
WinJSのPromiseについても扱ってる
verb - A CAD Library for the Web
CADライブラリ
yahoo/gifshot
複数枚の画像や動画からgifを作成するJavaScriptライブラリ
Mozilla Brick
Web Componentsを使ったUIコンポーネントライブラリ
shakiba/svgexport
PhantomJSを使ってSVGをPNG/JPEG/PDFなどに変換出来るコマンドラインツール。
SweetAlert
ダイアログUIライブラリ
書籍関係
Developing a Gulp.js Edge - O'Reilly Media
shop.oreilly.com/product/9781939902146.do
JavaScriptのStreamベースのビルドシステムであるGulpについての書籍
Amazon.co.jp: Webアプリ構築のためのAngularJS 電子書籍: 外村 和仁, CodeGrid: Kindleストア
www.amazon.co.jp/dp/B00O4RMZ4O/
2014年10月6日発売
https://app.codegrid.net/ の攻略！AngularJSの連載を元にした書籍
