Fork me on GitHub

2014-10-06のJS: localForage 1.0.0、Promises API、FluxとReactとBackbone.js

Edit on GitHub 編集履歴を見る

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のdonefinallyやブラウザのデバッガの対応等についても書かれているので、一緒に読むといい気がします。


React Apps Using Flux and Backbone | Toptal という記事では、Fluxアーキテクチャについて分かりやすく解説されています。

facebook/fluxReactを使った基本的な流れの紹介と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.

ヘッドライン


Release 0.9.0 · marijnh/acorn

github.com/marijnh/acorn/releases/tag/0.9.0

JavaScript AST library ReleaseNote

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 ReleaseNote sourcemap

Browserify 6.0.0リリース。

SourceMapのファイルパスがベースURLからの相対パスとなった。


Release v1.3.0 - UI Improvements · yeoman/yo

github.com/yeoman/yo/releases/tag/v1.3.0

JavaScript console Tools ReleaseNote

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 Promises library ReleaseNote

Google APIのクライアントライブラリがPromise/A+ベースのものとなった


Release Stable API · mozilla/localForage

github.com/mozilla/localForage/releases/tag/1.0.0

JavaScript library ReleaseNote

IndexedDB, WebSQL, localStorageを同じインタフェースで使えるlocalForage 1.0.0リリース。


アーティクル


【JavaScript】 MutationObserverの使い方 個人的まとめ - はりをきば

blog.gutyan.jp/entry/2014/09/06/MutationObserver

JavaScript

MutationObserverの使い方、オプションについての解説


Node.js Security Tips

blog.risingstack.com/node-js-security-tips/

node.js セキュリティ

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 node.js JavaScript

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/

HTML 画像

レスポンシブに画像を扱うpicture要素について。

media queryでの分岐、srcset属性での解像度対応、読み込む画像の種類によるfallback


viljamis/Molten-Leading

github.com/viljamis/Molten-Leading

JavaScript library

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

React backbone.js JavaScript

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

Promises tutorial

ES6 Promiseについて詳しい解説。基本的な使い方やどのようなフローで動くか、エラーハンドリング、メリット/デメリット、デバッグ、Promiseラッパの書き方、他の機能と強調した書き方についてなど


まだmechanizeで消耗してるの? WebDriverで銀行をスクレイピング(ProtractorとWebdriverIOを例に) - 詩と創作・思索のひろば (Poetry, Writing and Contemplation)

motemen.hatenablog.com/entry/2014/10/01/scrape-by-protractor-webdriverio

AngularJS testing Tools

AngularJS向けのE2EテストフレームワークであるProtractorを使ったスクレイピングについて。


スライド、動画関係


A primer on Content Security Policy // Speaker Deck

speakerdeck.com/polarblau/a-primer-on-content-security-policy

CSP スライド

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 JavaScript library スライド

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

JavaScript MVC library スライド

Ampersand.jsの紹介スライド


ES6: the future is now // Speaker Deck

speakerdeck.com/jsist/es6-the-future-is-now

ECMAScript スライド

ECMAScriptのタイムライン、ES6の機能紹介のスライド


TypeScript: coding JavaScript without the pain

www.slideshare.net/SanderMak/typescript-coding-javascript-without-the-pain

TypeScript スライド

TypeScriptの特徴について紹介しているスライド


Localize your frontend // slidr.io

slidr.io/klyrr/localize-your-frontend##1

JavaScript i18n library スライド AngularJS

jimdo.com のローカライズについてのスライド。数字フォーマットの問題に対してAngularJS、Closure LibraryやECMA i18n API(とpolyfill)等について


Reject.JS 2014 - YouTube

www.youtube.com/playlist?list=PL37ZVnwpeshF8Sr8JZNFU6boKMmod9YBw

JavaScript 動画 まとめ

Reject.JS 2014 の動画が公開された

http://rejectjs.org/speakers/


ソフトウェア、ツール、ライブラリ関係


Steady.js

lafikl.github.io/steady.js/

JavaScript library

scrollイベントを扱うライブラリ。

onscrollをthrottleしたり、topからの位置で反応するイベントをつけたりスクロール周りの処理を扱いやすくしてくれる


JavaScript Promises Essentials | Packt

www.packtpub.com/application-development/javascript-promises-essentials

JavaScript book 電子書籍

JavaScript Promiseについての書籍。

WinJSのPromiseについても扱ってる


verb - A CAD Library for the Web

verbnurbs.com/

JavaScript library

CADライブラリ


yahoo/gifshot

github.com/yahoo/gifshot

JavaScript 画像 library

複数枚の画像や動画からgifを作成するJavaScriptライブラリ


Mozilla Brick

brick.mozilla.io/

Mozilla WebComponents library

Web Componentsを使ったUIコンポーネントライブラリ


shakiba/svgexport

github.com/shakiba/svgexport

node.js SVG 画像 console Tools

PhantomJSを使ってSVGをPNG/JPEG/PDFなどに変換出来るコマンドラインツール。


SweetAlert

tristanedwards.me/sweetalert

JavaScript UI library

ダイアログUIライブラリ


書籍関係


Developing a Gulp.js Edge - O'Reilly Media

shop.oreilly.com/product/9781939902146.do

gulp book

JavaScriptのStreamベースのビルドシステムであるGulpについての書籍


Amazon.co.jp: Webアプリ構築のためのAngularJS 電子書籍: 外村 和仁, CodeGrid: Kindleストア

www.amazon.co.jp/dp/B00O4RMZ4O/

AngularJS book kindle

2014年10月6日発売

https://app.codegrid.net/ の攻略!AngularJSの連載を元にした書籍


この記事へ修正リクエストをする
記事を紹介する