Movatterモバイル変換
[0]
ホーム
URL:
画像なし
夜間モード
Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Masakazu Muraoka
PDF, PPTX
3,531 views
JS非同期処理のいま
JS非同期処理のいま
Technology
◦
Read more
21
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 23
2
/ 23
3
/ 23
4
/ 23
5
/ 23
6
/ 23
7
/ 23
8
/ 23
9
/ 23
10
/ 23
11
/ 23
12
/ 23
13
/ 23
14
/ 23
15
/ 23
16
/ 23
17
/ 23
18
/ 23
19
/ 23
20
/ 23
21
/ 23
22
/ 23
23
/ 23
Recommended
PPTX
react-jsonschema-formについて
by
Masakazu Muraoka
PPTX
Fetch apiについて
by
Masakazu Muraoka
PDF
Swaggerのさわりだけ
by
Masakazu Muraoka
PPTX
Mozapps installがなくなったことへの不平不満
by
Masakazu Muraoka
PDF
Espruinoの紹介
by
Masakazu Muraoka
PDF
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
by
Masakazu Muraoka
PDF
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
by
Masakazu Muraoka
PPTX
Thing.jsについて
by
Masakazu Muraoka
PDF
FxOSはウェアラブルデバイスの夢を見るか?
by
Masakazu Muraoka
PDF
Htmlのコトバ
by
Masakazu Muraoka
PDF
Yeomanではじめる爆速webアプリ開発
by
Masakazu Muraoka
PDF
業務系WebアプリケーションがStrutsから旅立つ日
by
Mitsuru Ogawa
PDF
次世代Web業務アプリケーション
by
Fumio SAGAWA
PDF
Gaiaのソースコードに見るちょっと未来のweb app開発
by
Masakazu Muraoka
PDF
イマドキのフロントエンドエンジニアの道具箱
by
Fumio SAGAWA
PDF
オープンソースで始めるオフラインアプリケーション開発入門
by
Fumio SAGAWA
PDF
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
by
yoshikawa_t
PDF
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Html5 and Graphics
by
Masakazu Muraoka
PDF
HTML5でOpen Dataをやってみた
by
Masakazu Muraoka
PDF
AMD basic and practice
by
Masakazu Muraoka
PDF
HTML5が最近どうなっていて何があぶなっかしいのか?
by
Masakazu Muraoka
PDF
これからのモバイルWebと最新動向
by
yoshikawa_t
PDF
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
by
Fumio SAGAWA
PDF
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
by
Akiyoshi Yamazaki
KEY
JavaScript on GitHub (#kyotojs)
by
y_uuki
PDF
Disaster Risk Reduction
by
WorldEconomicForumDavos
PPT
DNA of Automation - Sudeep Somani
by
Thoughtworks
More Related Content
PPTX
react-jsonschema-formについて
by
Masakazu Muraoka
PPTX
Fetch apiについて
by
Masakazu Muraoka
PDF
Swaggerのさわりだけ
by
Masakazu Muraoka
PPTX
Mozapps installがなくなったことへの不平不満
by
Masakazu Muraoka
PDF
Espruinoの紹介
by
Masakazu Muraoka
PDF
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
by
Masakazu Muraoka
PDF
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
by
Masakazu Muraoka
PPTX
Thing.jsについて
by
Masakazu Muraoka
react-jsonschema-formについて
by
Masakazu Muraoka
Fetch apiについて
by
Masakazu Muraoka
Swaggerのさわりだけ
by
Masakazu Muraoka
Mozapps installがなくなったことへの不平不満
by
Masakazu Muraoka
Espruinoの紹介
by
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
by
Masakazu Muraoka
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
by
Masakazu Muraoka
Thing.jsについて
by
Masakazu Muraoka
What's hot
PDF
FxOSはウェアラブルデバイスの夢を見るか?
by
Masakazu Muraoka
PDF
Htmlのコトバ
by
Masakazu Muraoka
PDF
Yeomanではじめる爆速webアプリ開発
by
Masakazu Muraoka
PDF
業務系WebアプリケーションがStrutsから旅立つ日
by
Mitsuru Ogawa
PDF
次世代Web業務アプリケーション
by
Fumio SAGAWA
PDF
Gaiaのソースコードに見るちょっと未来のweb app開発
by
Masakazu Muraoka
PDF
イマドキのフロントエンドエンジニアの道具箱
by
Fumio SAGAWA
PDF
オープンソースで始めるオフラインアプリケーション開発入門
by
Fumio SAGAWA
PDF
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
by
yoshikawa_t
PDF
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Html5 and Graphics
by
Masakazu Muraoka
PDF
HTML5でOpen Dataをやってみた
by
Masakazu Muraoka
PDF
AMD basic and practice
by
Masakazu Muraoka
PDF
HTML5が最近どうなっていて何があぶなっかしいのか?
by
Masakazu Muraoka
PDF
これからのモバイルWebと最新動向
by
yoshikawa_t
PDF
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
by
Fumio SAGAWA
PDF
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
by
Akiyoshi Yamazaki
KEY
JavaScript on GitHub (#kyotojs)
by
y_uuki
FxOSはウェアラブルデバイスの夢を見るか?
by
Masakazu Muraoka
Htmlのコトバ
by
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
by
Masakazu Muraoka
業務系WebアプリケーションがStrutsから旅立つ日
by
Mitsuru Ogawa
次世代Web業務アプリケーション
by
Fumio SAGAWA
Gaiaのソースコードに見るちょっと未来のweb app開発
by
Masakazu Muraoka
イマドキのフロントエンドエンジニアの道具箱
by
Fumio SAGAWA
オープンソースで始めるオフラインアプリケーション開発入門
by
Fumio SAGAWA
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
by
yoshikawa_t
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Html5 and Graphics
by
Masakazu Muraoka
HTML5でOpen Dataをやってみた
by
Masakazu Muraoka
AMD basic and practice
by
Masakazu Muraoka
HTML5が最近どうなっていて何があぶなっかしいのか?
by
Masakazu Muraoka
これからのモバイルWebと最新動向
by
yoshikawa_t
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
by
Fumio SAGAWA
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
by
Akiyoshi Yamazaki
JavaScript on GitHub (#kyotojs)
by
y_uuki
Viewers also liked
PDF
Disaster Risk Reduction
by
WorldEconomicForumDavos
PPT
DNA of Automation - Sudeep Somani
by
Thoughtworks
DOC
Guia de estudio saso ii
by
Reyner Leon
PPTX
Skadoosh ! Lessons in Self Management from Kung Fu Panda
by
Muder Chiba
PPTX
気象庁発表の地震情報
by
Kentaro Ikehata
PPTX
Xsi unity pipeline
by
Matumit Sombunjaroen
PPTX
Hashtags & Retweets: Using Twitter to aid Community, Communication and Casual...
by
Peter Reed
PDF
Grafico diario del dax perfomance index para el 09 12-2011
by
Experiencia Trading
PDF
Faerie Glen Photos from Isle of Skye, Scotland - It's like visiting The Shire!
by
Ancestral Chef
PPTX
Championing the Golden Quarter with Google Shopping - IN
by
Debalina C.
DOC
Zaragoza turismo 234
by
Saucepolis blog & Hotel Sauce
PDF
Social Network Analysis Of Intangibles
by
Ali Anani, PhD
PDF
Getting the fish (ball) in the net
by
Ali Anani, PhD
PDF
off grid solar product UNIVPO
by
Mark Robinson
PDF
Snaky assumptions a creative approach
by
Ali Anani, PhD
PPTX
AMA INA you two are role models for everyone who believes in eternal love, fo...
by
Mar Mae AG
PDF
PRywatki na Wykładzinie bez krawatów vol.1 - Po co dane w komunikacji w socia...
by
Wykładzina - spotkania profesjonalistów komunikacji
DOCX
8th grade founding father project[1]
by
tpoynton
PPTX
Simple School Lunch Ideas
by
MaidPro Kansas City
Disaster Risk Reduction
by
WorldEconomicForumDavos
DNA of Automation - Sudeep Somani
by
Thoughtworks
Guia de estudio saso ii
by
Reyner Leon
Skadoosh ! Lessons in Self Management from Kung Fu Panda
by
Muder Chiba
気象庁発表の地震情報
by
Kentaro Ikehata
Xsi unity pipeline
by
Matumit Sombunjaroen
Hashtags & Retweets: Using Twitter to aid Community, Communication and Casual...
by
Peter Reed
Grafico diario del dax perfomance index para el 09 12-2011
by
Experiencia Trading
Faerie Glen Photos from Isle of Skye, Scotland - It's like visiting The Shire!
by
Ancestral Chef
Championing the Golden Quarter with Google Shopping - IN
by
Debalina C.
Zaragoza turismo 234
by
Saucepolis blog & Hotel Sauce
Social Network Analysis Of Intangibles
by
Ali Anani, PhD
Getting the fish (ball) in the net
by
Ali Anani, PhD
off grid solar product UNIVPO
by
Mark Robinson
Snaky assumptions a creative approach
by
Ali Anani, PhD
AMA INA you two are role models for everyone who believes in eternal love, fo...
by
Mar Mae AG
PRywatki na Wykładzinie bez krawatów vol.1 - Po co dane w komunikacji w socia...
by
Wykładzina - spotkania profesjonalistów komunikacji
8th grade founding father project[1]
by
tpoynton
Simple School Lunch Ideas
by
MaidPro Kansas City
Similar to JS非同期処理のいま
PPTX
モダン JavaScript における非同期処理 - Promise, async/await -
by
Kazunori Hashikuchi
PPTX
JavaScript非同期処理 入門
by
Ishibashi Ryosuke
PDF
Async flow controll basic and practice
by
Masakazu Muraoka
PDF
Async Enhancement
by
kamiyam .
PDF
Promiseでコールバック地獄から解放された話
by
Sota Sugiura
PDF
Flow.js
by
uupaa
PDF
JavaScriptの非同期処理
by
Takumi Yokoyama
PPTX
Reactive
by
Akihiro Ikezoe
PDF
About promise
by
Cy-BB
PPTX
.NET Web プログラミングにおける非同期 IO のすべて (Build Insider OFFLINE)
by
Tusyoshi Matsuzaki
PDF
東京Node学園#3 Domains & Isolates
by
koichik
PDF
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
by
Oonishi Keitarou
PDF
async/await不要論
by
bleis tift
PDF
非同期プログラミング養成ギブスとしてのNode.js
by
Tajima Itsuro
PDF
Promise async await
by
ikdysfm
PDF
Observableで非同期処理
by
torisoup
PDF
Introduction pp.js
by
Mizushima Kazuhiro
PDF
Nodeについて
by
Natsuki Yamanaka
KEY
非同期処理をちょっとはラクに。Promises:aほか
by
Masakazu Muraoka
PDF
AngularJSでの非同期処理の話
by
Yosuke Onoue
モダン JavaScript における非同期処理 - Promise, async/await -
by
Kazunori Hashikuchi
JavaScript非同期処理 入門
by
Ishibashi Ryosuke
Async flow controll basic and practice
by
Masakazu Muraoka
Async Enhancement
by
kamiyam .
Promiseでコールバック地獄から解放された話
by
Sota Sugiura
Flow.js
by
uupaa
JavaScriptの非同期処理
by
Takumi Yokoyama
Reactive
by
Akihiro Ikezoe
About promise
by
Cy-BB
.NET Web プログラミングにおける非同期 IO のすべて (Build Insider OFFLINE)
by
Tusyoshi Matsuzaki
東京Node学園#3 Domains & Isolates
by
koichik
覚醒JavaScript -ES6で作るIsomophicアプリケーション-
by
Oonishi Keitarou
async/await不要論
by
bleis tift
非同期プログラミング養成ギブスとしてのNode.js
by
Tajima Itsuro
Promise async await
by
ikdysfm
Observableで非同期処理
by
torisoup
Introduction pp.js
by
Mizushima Kazuhiro
Nodeについて
by
Natsuki Yamanaka
非同期処理をちょっとはラクに。Promises:aほか
by
Masakazu Muraoka
AngularJSでの非同期処理の話
by
Yosuke Onoue
More from Masakazu Muraoka
PPTX
Kerasで可視化いろいろ
by
Masakazu Muraoka
PPTX
Async awaitでの繰り返し処理についての小話
by
Masakazu Muraoka
PDF
実はとれました。System xhrでcsv形式のopen dataを取得する
by
Masakazu Muraoka
PDF
Html5でOpen Dataをやってみる
by
Masakazu Muraoka
PDF
HTML5 and Graphics
by
Masakazu Muraoka
PDF
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
by
Masakazu Muraoka
PDF
MarkupCafe - html5j Markup group
by
Masakazu Muraoka
PDF
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
by
Masakazu Muraoka
PDF
ボクたちのWWW Webクリエイターのこれからを考える
by
Masakazu Muraoka
PDF
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
by
Masakazu Muraoka
PDF
Yeoman RIAビルドツール超入門
by
Masakazu Muraoka
PDF
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
by
Masakazu Muraoka
PDF
IE6をやめようと思ってももう手遅れ
by
Masakazu Muraoka
Kerasで可視化いろいろ
by
Masakazu Muraoka
Async awaitでの繰り返し処理についての小話
by
Masakazu Muraoka
実はとれました。System xhrでcsv形式のopen dataを取得する
by
Masakazu Muraoka
Html5でOpen Dataをやってみる
by
Masakazu Muraoka
HTML5 and Graphics
by
Masakazu Muraoka
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
by
Masakazu Muraoka
MarkupCafe - html5j Markup group
by
Masakazu Muraoka
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
by
Masakazu Muraoka
ボクたちのWWW Webクリエイターのこれからを考える
by
Masakazu Muraoka
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
by
Masakazu Muraoka
Yeoman RIAビルドツール超入門
by
Masakazu Muraoka
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
by
Masakazu Muraoka
IE6をやめようと思ってももう手遅れ
by
Masakazu Muraoka
JS非同期処理のいま
1.
JS非同期処理のいま2016.1.29 Developers in KOBEVol.
3Bathtimefish 村岡 正和Promise, Generator, async/awat
2.
HTML5-WEST.jp代表 / html5j
マークアップ部 部長 / HTML5 Experts.jp メンバー日本ウェアラブルデバイスユーザー会共同発起人 / 神戸ITフェスティバル実行委員などむらおか まさかず村岡正和Webアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティング神戸デジタル・ラボ 社外取締役@bathtimefishHTML5-WEST.jp
3.
個人的に約2年ぶりのネタです。http://www.slideshare.net/bathtimefish/async-flow-controll-basic-and-practice
4.
function() {callback( function()
{callback( function() {callback( function () {callback( function () {callback( function () {callback( function () {callback( function () {callback( function () {callback( function () {
5.
いろんな解決方法が提示されてきたけど、だいたい標準がまとまってきたと思う。
6.
「MongoDBに接続してドキュメントをひとつ取得する」という処理をいまっぽい非同期処理で書き分けてみた。
7.
ベタなコールバック
8.
https://github.com/bathtimefish/async-example-201601/blob/master/sample1.js
9.
コールバックがネストしてるとDB接続、ドキュメント取得をきれいに独立した関数にするのがめんどい。。
10.
Promise
11.
https://github.com/bathtimefish/async-example-201601/blob/master/sample2.js
12.
Promiseのメソッドチェーンで斜めじゃなく縦に読めるようになった。それぞれ独立した関数でデザインできるのはいいけどそれぞれがthen()内のスコープに依存するのが柔軟性に欠ける。
13.
ES6 Generators
14.
https://github.com/bathtimefish/async-example-201601/blob/master/sample3.js
15.
coを利用するとPromiseでresolve()したものをyieldで呼べる。function* () で定義した関数がGeneratorを返すという仕様。ようやく非同期処理が縦に読めるようになった。co()がクロージャになってるのがおしい感。
16.
ES7 async/await
17.
https://github.com/bathtimefish/async-example-201601/blob/master/sample4.js
18.
$ npm install
-g babel-cli$ npm install --save babel$ npm install --save babel-plugin-syntax-async-functions$ npm install --save babel-plugin-transform-regenerator$ npm install --save babel-preset-es2015$ vi .babelrc̶{"presets": ["es2015"],"plugins": ["syntax-async-functions", "transform-regenerator"]}̶$ babel-node sample4.js
19.
https://github.com/bathtimefish/async-example-201601/blob/master/sample5.js
20.
C#で使われている書き方。asyncでラベリングされた関数内でawaitキーワードが使える。Generatorと同様resolve()されたものがawaitの関数に返る。try catchするとreject()されたものがcatchに返る。だいぶ直感的。やっとここまできた感。
21.
まとめ
22.
PromiseはWebブラウザでも当たり前になったしGeneratorsはnode.jsで普通に使えるようになった。2年前よりだいぶすっきりしたよね。あとはnode.js/Webブラウザでasync/awaitがネイティブになってほしいですはよ。
23.
Thanks !
Download
[8]
ページ先頭
©2009-2025
Movatter.jp