hifive - HTML5企業Webシステムのための開発プラットフォーム
サーバーとの通信、HTML5のAPIを使ったアプリケーションの開発に必要不可欠な「非同期処理」について学びましょう。 非同期処理とは背景処理の「非同期」化サーバーとの通信を例に考えてみようPromiseパターン基本的な考え方コードの基本形(1)呼び出した関数がPromiseパターンに従っている場合(2)自分で作成する関数でPromiseパターンを利用したい場合非同期処理の「失敗」の扱い方(1)呼び出した関数の失敗通知を受け取る(2)自分が作成する非同期処理関数で失敗を通知する複数の非同期処理をつなげて順番に行う複数の非同期処理を並列に実行して、全てが完了したら最終処理を行う非同期処理とは背景Webブラウザは基本的に、JavaScriptコードを実行するとき、コードを上から順に1行ずつ実行します。 また、関数を呼び出すと、その関数の実行が終了するまで（return文によって呼び出し元の関数に
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
【AngularJS】複数本の非同期通信が完了した後に処理を実行する方法。
$q.all()を用いる AngularJSの$qはJavascriptのPromiseインターフェースを提供してくれるサービス。 $qのdefer()メソッドを実行すると、Deferredオブジェクトを生成する事ができる。 このDefferedオブジェクトと$qサービス用いることで複数ある非同期通信の完了を検知することが出来るようになる。 例 // HogeリソースとFugaリソースが準備されているものとする。 var async_1 = function() { var d = $q.defer(); HogeResource.query(function(data) { d.resolve(data); }); return d.promise; } var async_2 = function() { var d = $q.defer(); FugaResource.query(f
AngularJS $qサービスのallメソッドで$httpリクエストを複数実行: Angular、Bootstrapなどの学習備忘録
$qサービスのallメソッドで$httpリクエストを複数実行する例を確認しました。 参考サイト http://fdietz.github.io/recipes-with-angular-js/consuming-external-services/deferred-and-promise.html （１）$qサービス ●all(promises) ・複数のpromiseを一つのpromiseとして集約して処理。入力されたすべてのpromiseがresolveされた段階でallメソッドをresolveする。 ・個々のpromiseでresolveされた値の配列・ハッシュを集約して一つのpromiseをリターンする。 ●deferred.promise.then ・Promiseが解決又は拒否され、結果が利用できるようになると非同期にコールバックを実行する （２）サンプルコード （HTML）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
