JavaScriptのPromise徹底攻略-後編-【Promiseとは/非同期処理】
Вставка
- Опубліковано 21 лип 2024
- 今日はPromiseについて解説します!
➡Promiseとはそもそも何か?
➡Promiseを理解するコツ
➡Promiseを使った非同期処理の書き方
という観点で話をしたいと思います。
▼目次▼
0:00 前回の振り返り
0:46 アロー関数式
3:41 エラーハンドリング
8:30 プロミス非対応の関数をプロミス化する方法
11:38 Promise.all関数について
17:07 async/awaitに向けて
JavaScriptでフロントエンドプログラミングをするにはPromiseは必須なので、是非マスターしたいですね!!
非同期処理解説シリーズ
• JavaScriptの非同期処理解説シリーズ
----Web万屋エンジニアチャンネル-----
Webサーバーサイド
⇒Webフロントエンド
⇒Androidアプリ開発
⇒AI開発
⇒CloudArchitect
など様々な業務経験がある万屋エンジニアのおさないが運営するチャンネルです。
Webエンジニア関する様々なことを発信していきます。
Web万屋エンジニアのTwitterアカウント
/ yorozuyaosanai
#プログラミング#JavaScript#エンジニア - Наука та технологія
カレーのくだりとか、例えるところがとってもわかりやすかったです!!async/awaitの解説もぜひお願いします!!
カレーの例えが分かり易過ぎてすばらしいです。。
前回この動画を見たときは半分くらいで挫折しましたが、勉強して再度見させていただいたところ理解できました。
かなりわかりやすく解説されていると思います。特に後半のpromise.allは最強にわかりやすかったです。
ありがとうございました。
定期的に見直すと新たな学びがあるチャンネルなんだよなあ
promise, then, fetch, promiseAll の仕組みがとてもよくわかりました。 ありがとうございます。
お役に立てたようで嬉しいです!😄
いつも例えが分かりやすくて助かります。今後も期待しております!
ありがとうございます😄
ほめられると伸びるタイプなのでドンドンほめてください。笑
JavaScriptのシリーズも楽しみです!!!
JavaScript絶対理解させるマンに俺はなる!!!!
いつもながら本当にわかりやすい。。。
例えも身近でイメージしやすくて最高です。
これからも楽しみにしてます!!
そんなに褒められてもなんにもでねーぜ!😊
控えめに言って、めちゃくちゃ分かりやすかったです
半日悩んでいたことがこれを見て一瞬でわかりました。
本当にありがとうございます!
これを見て一瞬でわかったあなたがスゴイ!😆
@@programming-academy
いやいや〜笑 もともとPromise的なことをどうやってやればいいのか悩んでいてちょうどフィットしたのがあったのかもしれないです。
順を追って説明してくださってとてもわかりやすかったです!!
なんとなく使えてはいましたが、モヤモヤが残っていたpromiseがクリアになりました。ありがとうございました😊
みんな難しく考え過ぎなのよな
”JS Promise 使い方”で検索したらそっこーでプロミス化の話が出てきて、なんじゃらホイ???って感じでしたが、動画でプロミス化は補足扱いされていて、あの記事なんやねんってなりました。おかげでスッキリしてプロミス自体についても理解が深まりました。ありがとうございました。
async await講座待ってます!
来月くらいにやりますか〜😊
Web万屋さんの動画、本だけだと理解できない内容やとっつきづらいところにアプローチしてくれてる初中級者向けの内容で、すごい参考になります。
欲を言えば、Node.js使って少し難し目のサービスを解説付きで作ってくれたら最高!
サービス開発についてはSlackのコミュニティへどうぞ!
Twitterの固定ツイから参加できます!
asyncの動画、早くみたいです🙇♂️
そうですね、そろそろ台本作ろうかな😄
ちなみにasyncの何がわからないですか?
本とか公式のドキュメントとか、Web上の記事で学んで、躓いた点を教えていただけると動画作りに役立てられそうです😄
いつもわかりやすい動画をありがとうございます。
Promise.allの説明のわかりやすさが神がかってました。
ただ、.then(r => fetch('~~'))のrや.then([db,geass] => fetch('~~'))の[db,geass]など、これらの引数の必要性が今ひとつわかりませんでした。。
fetchAPIが実行したHTTPリクエストの結果がそれらの変数には代入されてます!
従ってHTTPリクエストの結果を用いて何かを処理する場合は書く必要があります。
使わないなら省略可能です😃
@@programming-academy つまり、.thenの引数のうち、jojo以外(r, [db, geass])は省略可能ということですね!丁寧かつ迅速なご回答ありがとうございました!
ワードプレスも教えていただきたいです。。。
WordPressもいずれやる予定です😄
他の企画との兼ね合いもありますので、まだ開始時期は未定ですが楽しみにしててください😄
console.log('Promiseの勉強はじめたよ');
const understand = () => {
return new Promise((resolve,reject) => {
console.log('一か月後');
resolve();
});
};
understand()
.then(() => console.log('理解した!'));
3日でいきましょう!!