[B! 非同期] WINGSのブックマーク

今までのJavaScriptには言語レベルでのモジュール管理機能がなく、ライブラリとして提供されているのみでした。それが遂に、ES2015では言語仕様レベルでモジュール管理に関する機能が追加されました。まだ実装されているブラウザはありません（2017年 4月現在）が、トランスパイラを導入すれば使用することは可能なので、この機会に学んでいきましょう。 CommonJSとは ES2015のモジュール管理を学んでいく前に、今までのJavaScriptにおけるモジュール管理がどのように行われてきたかという背景を理解していきましょう。元々JavaScriptはブラウザ上で動く言語として開発されていました。そのため、サーバーサイドなどのWebブラウザ以外で動作させるためのAPIがなく、仕様についても存在していない状態でした。そこで、この仕様を策定するために発足したプロジェクトがCommonJSプロジェ

WINGS 2018/05/24

リンク

対象このあたりの理解があいまいな方： JavaScriptは非同期で処理できる！？並行処理と非同期処理って同じ！？そもそも同期と非同期って何が違う！？非同期の結果はコールバックで受け取る！？コールバックを多用するとコールバック地獄に陥る！？ Promiseを使うとコールバック地獄を回避できる！？ JavaScriptの基礎大前提として、JavaScriptはシングルスレッドで動いています。これはつまり、JavaScriptは並行処理はできないということです。同期であろうと非同期であろうと2つ以上の処理を同時に行なうことはできません。 JavaScriptでは、キューに登録された関数が順番にひとつずつ実行されていきます。でもキューに登録される順番が同期であったり非同期であったりします。 JavaScript以外（例えばデータベース等）に仕事を任せてる間、その処理を待たないで

WINGS 2016/05/26

リンク

このエントリはAngular JS Advent Calendarの投稿です。 Promise使ってますか？ Promiseは非同期をうまくやってくれます。 Promise インターフェースは作成時点では分からなくてもよい値へのプロキシです。プロミスを用いることで、非同期アクションの成功や失敗に対するハンドラを関連付けることができます。これにより、非同期メソッドは、最終的な値を返すのではなく、未来のある時点で値を持つプロミスを返すことで、同期メソッドと同じように値を返すことができるようになります。プロミスは何らかの値をもって成功、もしくは何らかの理由をもって失敗となることができます。そのどちらとなっても、then メソッドによって関連付けられたハンドラが呼ばれます。 Promise.prototype.then メソッドと Promise.prototype.catch メソッドはプロミ

WINGS 2015/04/01

リンク

この記事は HTML5 Advent Calendar 2013 の 18日目の記事です。 HTML5 では様々な API が追加されました。そしていくつかの API は、コールバック関数を渡して、結果をその関数の呼び出しによって受け取る、「非同期」の API となっています。たとえば、XMLHttpRequest、Geolocation API、File API、Indexed Database API などが該当します（これらが HTML5 仕様かどうか自信無いですが…）。これにより、実行時間のかかる処理であっても、JavaScript をブロックせずに実行できるのですが、非同期の関数を連続的に呼び出す場合、コールバック関数が深くネストしてしまい、見通しの悪いコードとなってしまいます。これを解決する仕組みはいくつかありますが、今回は、jQuery の Deferred という仕組み