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の使い方の確認等に使えそうな感じがします。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
async/CHANGELOG.md at master · caolan/async
github.com/caolan/async/blob/master/CHANGELOG.md#v100
非同期処理を管理するライブラリであるasync 1.0.0リリース。
アーティクル
We have a problem with promises
pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html
Promiseの色々な落とし穴やアンチパターンについてよくまとまってる
JavaScript - AngularJSモダンプラクティス - Qiita
qiita.com/armorik83/items/5542daed0c408cb9f605
AngularJS 2に移行しやすくするにはどうするかというチュートリアル。
1.xでもES6 Classesを使った書き方をするためのリファクタリング方法。
AngularJS 2でのdirective、モジュール、関連ライブラリやツール、FAQなど
Moving to ES6 from CoffeeScript
gist.github.com/danielgtaylor/0b60c2ed1f069f118562
CoffeeScriptからES6への移行において文法の比較やES6の構文や機能の紹介
ES6 — classes and inheritance — Medium
medium.com/@mrzepinski/es6-classes-and-inheritance-607804080906
ES6 ClassesとES5との書き方比較。
getterやsetter、細かいショートハンドとともに紹介してる
Why Backbone.js? - Roost Austin
roost.bocoup.com/2015/austin/blog/why-backbone/
JavaScriptライブラリをどのような基準で比較して選択するかについて。
メジャーなライブラリの統計を比較した図や学習曲線、欠点などについて書かれていて、どのような見方があるかについての話が興味深い
Notifying you of Changes to Notifications
updates.html5rocks.com/2015/05/Notifying-you-of-notificiation-changes
Chrome 44でService Workerを使ったプッシュ通知で任意のオブジェクトを渡せるようになり、またgetNotifications()
で特定のtagがついたNotificationのみを取り出せるようになった
graphite, grafana, sitespeed.io, diamond で継続 Web パフォーマンスモニタリング - Qiita
qiita.com/Jxck_/items/abfa9f3dd15c5572cbfd
sitespeed.ioを使い実際のブラウザを動かしてTiming API等のクライアントサイドでのメトリクス情報を継続的に取得したデータをgraphiteに保存し可視化する方法について
ここ最近のWeb地図周辺の動向をまとめてみた | #GUNMAGISGEEK
GeoJSONを始めウェブの地図周りの技術についての変化について
Testing JavaScript — Medium
medium.com/@nickheiner/testing-javascript-8c8efe8434e
proxyquireを使ったテスト、E2Eとモック、tapeを使ったテストについて
サイト、サービス、ドキュメント
ウェブクリエイターの為の情報サイト | Web Programming Primer
HTML/CSS/JavaScriptの入門的な内容のチュートリアル集
Plain JavaScript - Functions and Helpers
Pure JavaScriptでDOM操作などについての逆引きリファレンス
EmberWeekend
Ember.jsについてのpodcast
ソフトウェア、ツール、ライブラリ関係
sebastian-lenz/typedoc
github.com/sebastian-lenz/typedoc
TypeScriptのAPIドキュメント生成ツール
WebdriverIO - Selenium 2.0 javascript bindings for nodejs
Node.jsのSelenium/WebDriver APIのバインディング。
モバイルのフリックやタブの切替等色々なAPIが用意されてる
symdiff
HTMLとCSSを渡して使われてないCSSを検索するツール
padolsey/operative
直接関数を渡してそれをWeb Workerで動かせるライブラリ。
古いブラウザ向けのfallbackやPromiseのサポートなど、できるだけシームレスに書けるようにしてる
High-performance javascript library for animations & interfaces | Famous.org
アニメーションライブラリである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 component向けのテストライブラリ。
対象のReact componentにref
属性を追加しておくことで、clickなどのイベントのシミュレートや子componentをstubすることができる