Fork me on GitHub

2015-05-27のJS: Promiseのありがちな間違い、AngularJS 2に向けて、Plain JS

Edit on GitHub 編集履歴を見る

JSer.info #229 - We have a problem with promisesという記事では、Promiseでのありがちな間違いなどについてまとめて紹介されています。

Promiseの動作フローの解説、おかしな書き方とそれを修正した書き方を並べて紹介されていてよくまとまっていると思います。

JavaScript Promiseの本でも大部分で同様の話をしているので、一緒に見てみるといいかもしれません。


JavaScript - AngularJSモダンプラクティス - Qiitaという記事では、既にAngularJS 1.xを使っている人がAngularJS 2に向けてどのように1.xで書いておくとよいかについてまとめられています。

AngularJS 2ではどのように書けるようになるのか、2.xでは廃止される機能、また関連するライブラリやツールについても書かれていて、AngularJSを使っている人は読んでみるといいかもしれません。


Plain JavaScript - Functions and Helpersというサイトでは、jQueryのメソッドに対応する事をPure JavaScriptで行うにはどうするかについて逆引きリファレンス的に書かれています。

You Might Not Need jQueryと似たような感じですが、DOM APIの使い方の確認等に使えそうな感じがします。


ヘッドライン


async/CHANGELOG.md at master · caolan/async

github.com/caolan/async/blob/master/CHANGELOG.md#v100

JavaScript library

非同期処理を管理するライブラリであるasync 1.0.0リリース。


アーティクル


We have a problem with promises

pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html

JavaScript Promises まとめ

Promiseの色々な落とし穴やアンチパターンについてよくまとまってる


JavaScript - AngularJSモダンプラクティス - Qiita

qiita.com/armorik83/items/5542daed0c408cb9f605

AngularJS JavaScript ECMAScript tutorial

AngularJS 2に移行しやすくするにはどうするかというチュートリアル。
1.xでもES6 Classesを使った書き方をするためのリファクタリング方法。
AngularJS 2でのdirective、モジュール、関連ライブラリやツール、FAQなど


Moving to ES6 from CoffeeScript

gist.github.com/danielgtaylor/0b60c2ed1f069f118562

JavaScript CoffeeScript

CoffeeScriptからES6への移行において文法の比較やES6の構文や機能の紹介


ES6 — classes and inheritance — Medium

medium.com/@mrzepinski/es6-classes-and-inheritance-607804080906

JavaScript ECMAScript

ES6 ClassesとES5との書き方比較。
getterやsetter、細かいショートハンドとともに紹介してる


Why Backbone.js? - Roost Austin

roost.bocoup.com/2015/austin/blog/why-backbone/

JavaScript library MVC

JavaScriptライブラリをどのような基準で比較して選択するかについて。
メジャーなライブラリの統計を比較した図や学習曲線、欠点などについて書かれていて、どのような見方があるかについての話が興味深い


Notifying you of Changes to Notifications

updates.html5rocks.com/2015/05/Notifying-you-of-notificiation-changes

JavaScript

Chrome 44でService Workerを使ったプッシュ通知で任意のオブジェクトを渡せるようになり、またgetNotifications()で特定のtagがついたNotificationのみを取り出せるようになった


graphite, grafana, sitespeed.io, diamond で継続 Web パフォーマンスモニタリング - Qiita

qiita.com/Jxck_/items/abfa9f3dd15c5572cbfd

browser performance

sitespeed.ioを使い実際のブラウザを動かしてTiming API等のクライアントサイドでのメトリクス情報を継続的に取得したデータをgraphiteに保存し可視化する方法について


ここ最近のWeb地図周辺の動向をまとめてみた | #GUNMAGISGEEK

shimz.me/blog/map/4268

JavaScript GEO まとめ

GeoJSONを始めウェブの地図周りの技術についての変化について


Testing JavaScript — Medium

medium.com/@nickheiner/testing-javascript-8c8efe8434e

JavaScript testing

proxyquireを使ったテスト、E2Eとモック、tapeを使ったテストについて


サイト、サービス、ドキュメント


ウェブクリエイターの為の情報サイト | Web Programming Primer

wp-p.info/

HTML JavaScript CSS tutorial

HTML/CSS/JavaScriptの入門的な内容のチュートリアル集


Plain JavaScript - Functions and Helpers

plainjs.com/javascript/

JavaScript DOM リファレンス

Pure JavaScriptでDOM操作などについての逆引きリファレンス


EmberWeekend

emberweekend.com/episodes

JavaScript library podcast

Ember.jsについてのpodcast


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


sebastian-lenz/typedoc

github.com/sebastian-lenz/typedoc

TypeScript API document

TypeScriptのAPIドキュメント生成ツール


WebdriverIO - Selenium 2.0 javascript bindings for nodejs

webdriver.io/

node.js Selenium webdriver

Node.jsのSelenium/WebDriver APIのバインディング。
モバイルのフリックやタブの切替等色々なAPIが用意されてる


symdiff

symdiff.github.io/

HTML CSS Tools

HTMLとCSSを渡して使われてないCSSを検索するツール


padolsey/operative

github.com/padolsey/operative

webworker JavaScript library

直接関数を渡してそれをWeb Workerで動かせるライブラリ。
古いブラウザ向けのfallbackやPromiseのサポートなど、できるだけシームレスに書けるようにしてる


High-performance javascript library for animations & interfaces | Famous.org

famous.org/

JavaScript animation library WebGL

アニメーションライブラリであるFamousがリニューアル公開された


Easily testing React components with react-test-tree — Qubit Engineering — Medium

medium.com/qubit-engineering/easily-testing-react-components-with-react-test-tree-f9e1668b1c2d

React testing DOM

React component向けのテストライブラリ。
対象のReact componentにref属性を追加しておくことで、clickなどのイベントのシミュレートや子componentをstubすることができる


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