Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
async/awaitとPromiseの関係が今までで一番わかりやすくて勉強になりました！！ありがとうございました！！
今まで観た動画の中で1番わかりやすかった！素晴らしい動画
苦戦していた非同期処理がやっとわかりました。感謝しきれません⭐ありがとう御座いました😃
小学生はどうか分からんけど、今まで見た中で一番分かりやすかったっ！
めっちゃ分かりやすい。あなたこそが救世主です。
今までのasync/await/Promiseの解説動画の中でこの動画が一番でわかりすい
本当に分かりやすいです！これまで読んだり聞いたりした非同期の解説の中で最も分かりやすくて、ずっと残っていて欲しい動画です…！
この動画が無料で見れるなんて信じられません😂非常に分かりやすかったです！
とてもわかりやすかったです！！小学生でもわかります。
私は日本人じゃなくて、コードも勉強始めたばかりなんでが、この説明はめっちゃ分かりやすいです！ありがとうございます！前はずっと混乱して、今分かってなってきた！
よかったですー！
これを理解できる小学生がいましたらマジで尊敬しますわ😅😅😅
async/awaitとPromiseの関係性がよくわかりました！歴史を交えた説明があると、「なぜこの仕様になったのか？」がとっても理解しやすいです！
良かったです！技術には誕生した背景があるので、そこから学ぶと理解しやすいですよね😊
ありがとうございます歴史的観点から説明頂けたから、とても理解しやすかったです
最高です。こういう基本を解説してくれるの本当にありがたいです。非同期はasync/awaitで書いていて、たまにPromiseやコールバック関数がでてきてジェネリック型を使用したりと理解が複雑になっていました。今まで非同期関数の直列処理がasync/awaitで並列処理がPromiseと思っていましたが、こういった歴史的背景があったんですね。
いつもながら軽快な説明と分かってもらおうする気持ちが全面に出ていてこちらにも伝わってきます。もし予備校の講師であれば人気の先生となるでしょう。内容も日頃知りたいと思う内容がおおいです。こんごもよろしくです。
説明が面白く、分かりやすかったです。ありがとうございます
3:42 先に画面だけ表示して、後からデータを持ってくる。関数の引数が関数5:43 待ち状態完了した状態完了した時の値をthenで繋げて、次の処理に渡せる。10:37 関数に対してasyncを付ける＝非同期関数 関数の呼び出しの前にawitを付けるとpromiseの結果が返ってくるまで（resolveされるまで）待ってくれる。 log関数がpromiseを返してくれるthenを使わなくてもいい
説明がわかりやすくて、面白かったです。
コードの字が後半小さくて読みにくいので、今回実行したコードをアップしました！gist.github.com/kiyodori/94cdab994e2925a0ac2477eb02ff75d7
本当に分かり易いです🫶‼例示されたソースコードがこれまで読み耽ってきた解説の類に纏まりを持たせてくれました！！ありがとうございます！！
今までで一番わかりやすいですねぇ
25歳の小学生なので助かりました。
前半すごい分かりやすかったですが、途中からアロー関数の所でわからなくなってしまう方も多かったと思いますこういう動画は助けになるので作っていただき、ありがとう御座います。
本とか公式ドキュメントを全部読んで覚えてたのに、結局これ微妙に複雑で記憶に定着せず、割とすぐ忘れてしまってはまた覚え直してもすぐ忘れちゃうので、学習効率をなんとかしたいなと思っていました。この動画は記憶にも定着しやすそうでわかりやすくて復習にとても便利でした。本当に感謝です！🥷
歴史を振り返りながらの解説、とてもわかりやすかったです。素晴らしい解説でした。
初心者にも分かりやすく解説されていて、本当に助かります！この動画何度も見に来てます!
10:26人類『普通に書きたーい！』で草そうだよね、普通に書きたいよね、普通にかけるようになってよかったねぇ
僕も現在開発で使っていますが既存の処理を真似したりしてちゃんとわかってないのです！この解説動画はかなりありがたいです！！
今までなんとなくで使っていたのですが、この動画を見て完全に理解できました！！
まじでわかりやすい！ありがとうございます！！😊
昨日からいろんな動画みたり色々調べたりしてたけど、この動画で概要がつかめました。ありがとうございます！
小学生でjavascript勉強してるけどとても分かりやすかったです!
説明を分かりやすくすると正確性が阻害されることが多いけど、これは正確かつ分かりやすいので文句無しにスゴイ。コールバック地獄の状態で複雑な分岐がある処理に正しくエラーハンドリングや、エラー時の繰り返しリトライ制御とか入れようとするとマジで死ねる。
そごいチャレンジ精神。さすがですね。
非同期処理を同期処理として動かすのがasync awaitなんですね！
非常にわかりやすかったです。ありがとう
コールバック地獄まではこのスピードで理解できたのですがPromiseから速度が上って理解が辛かったです。
めっちゃ分かりやすかった
小学生のうちに非同期処理に興味持ち始めたい人生だった
非同期処理という言葉しか聞いたこと無かったけど、めちゃくちゃ分かりやすかった。歴史って大事だと感じた。
めっちゃわかった 感謝です
初心者に分かりやすくて助かりますー
async/awaitまでの変遷が分かりやすかったです！途中の「コールバックじごーく」などはいらなかったかな笑
とても分かりやすかったです。時代背景が分かると理解しやすいですね。
めっっっっっっっっっっっちゃわかりやすい
ありがたい！
Muchas gracias por la ayuda sensei, pude comprender de mejor manera. Saludos desde Tabasco, México!
Apenas y las entiendo en mi idioma.Che algoritmo de youtube ahora me las recomienda en japonesJajajaja
🇯🇵🇯🇵🇯🇵説明もいいし、演技もあっていいですね。令和五年
C#のタスクやasync/awaitの時代の流れとかも、色々発展しましたよね。
小学生じゃないですが、分りやすかったです！コードの開発の歴史からたどるのは、作った人の意図をくみ取れて、凄く分りやすく、勉強にもなります！！！！
最近は、フロントもバックもjavascriptが多くなってきているようなので、こういうお話しは助かります！
わかりやすかったです！
4:17 ｸﾚﾊﾞｰ!!の勢い好きｗｗｗ
めっちゃわかりやすい
ふふふ。。ありがとうございます😊
playwrightでドツボにはまっています
とてもわかりやすいですし、テンポも聴きやすいです！顔を振るたびに音が近くに行ったり遠くに行ったりするのが少し聞きづらく感じたので、ピンマイクなどを導入しても良いかもと思いました！
asyncってエイシンクと読むと思っていました
C言語から始めたので非同期処理自体はなんとなくわかっている(つもり)だったのですが、JavaScriptでPromiseやasync/awaitってのがよくわからなかったですね…やっとわかるようになりましたが
鬼わかったし、めっちゃ便利やん、すげー
*【質問】*async自体がPromiseインスタンスを返すなら、10:45にあるPromiseを返す関数をasyncに変えることも可能かと思い下記を実行しましたが、1,2,3が同時に出力されてしまいました。。。これはasyncを実行した時点で即座にfulfilledが返されるからという認識であっていますかね..? func = async () => { await log(1); await log(2); await log(3);};log = async (num) => { setTimeout(function () { return console.log(num); }, 1000);}func();
最近はJavaScript触ってないけど分かりやすかったと思いますけど小学生は無理じゃないかな・・・まだ知っている事を前提とする単語がいっぱい出てきていたので
中学生なら分かりそうです！
使えるだけじゃなく、ここまで説明できるまで理解深めないとな！頑張ろう！！！
わかりやすいです。ありがとうございます。ただし、実際にasync/await を使用するために、練習が必要です。どこで練習できますか？
止めて見るとき手がかぶって邪魔だから指し棒とかでお願いできませんか
中学生には理解できました
アラサーでもわかりました
さいこう〜
動画を見てスッキリしました よく分かりました。ありがとうございます😊
非常にわかりやすかったです！ありがとうございました。質問です。Can I useでasync/await, Promiseを調べると、IE11では対応していないようなのですが、IEでも非同期処理を実現したい場合は、コールバック地獄と向き合わざるを得ないということになるのでしょうか？
抜け道的な方法があります！[TypeScript]IE11でも手軽に動くawait/asyncqiita.com/SoraKumo/items/9ab9382419e78dea9b98
0:00 導入2:40 本編開始
10:57thenメソッド内でreturnするとその値でresolve した状態の新しいPromiseオブジェクトを返すから、thenメソッド内でnew Promiseをして新しいオブジェクトを作る必要はないと思うんだけど違ったっけ？書いても動くけどそんな面倒なことをしなくてもいいのがPromiseチェーンのいいところだった気が…
RとPy使ってデータ収集してる小学六年生でもわかりやすいって言ってたよ先生。
寸劇は素人には難しいので、デジタルで演出するのが良いと思います。内容は素晴らしいです。
なんでコールバックだとバックグラウンドで走るのかがわかりません
前より上手く書けるかもしれない
12:03
寸劇風、お気に入りですね！笑
Yoshiさん、僕なりの試行錯誤です笑。難しい内容もできる限り分かりやすく、あとできれば面白く伝えたいと思っていて、それで寸劇風にチャレンジしては、なんか違うと思っては普通のスタイルに戻し、でもやっぱり面白くしようと寸劇風にチャレンジしてはを繰り返してます笑
なるほど、わかりました(>_
非同期処理にasync/awaitを付けて、わざわざ普通の同期処理にしてるんですよね。それなら最初から同期処理をデフォにして、非同期処理したいときだけasyncを付けるとか、そんな仕様にしてほしいですわJavaScriptさん。
内容はすごく勉強になりましたが、言い方（途中のよく分からないキャラの喋り方）が生理的に受けつけず10分で我慢できなくなり脱落しました。
すごく分かります。
説明わかりやすいだけに、時々入る謎の芝居が残念です...普通に喋ってくれたら最高でした
小学生向けですからね一応…笑
小学生には理解できないとおもう。小生には理解できましたけど
await 演算子以下に記述されたコードの実行も待つということでいいですかね?例えばfunc = async () => {await log(3);console.log("done");...としたらconsole.logの部分もlog(3)が実行される(resolveが返る)までは実行されないと
小学生おじさんでもわかったよ！
A comment in english!
関数の読み方ちゃうって要あるよな
こういう人が職場にいたらなぁ
某偉人系の解説口調になって笑いました。( ´艸｀)
ヒヨコ＜パラダイスみてーな国が作りてえ
今の小学生は本当に賢いな～ ｵｼﾞｻﾝ(;´д｀)ﾄﾎﾎ
jsのは知らんけども、async/awitは基本的にケツを蹴る順番を定義してるだけになるはず🤔
アシンクではなくエイシンクな気がする
めちゃくちゃ分かりやすいのに文句言ってる人はろくに勉強してないんだろうな笑
いきなり消費者金融出てきた
Sí
中指で指す人意外と多い
ところどころ変なテンションで話さなければすごくわかりやすいです。
声と顔がどことなく西島隆弘に似てる
わかりやすかったけど、小学生には無理だと思う
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
async/awaitとPromiseの関係が今までで一番わかりやすくて勉強になりました！！ありがとうございました！！
今まで観た動画の中で1番わかりやすかった！素晴らしい動画
苦戦していた非同期処理がやっとわかりました。感謝しきれません⭐ありがとう御座いました😃
小学生はどうか分からんけど、今まで見た中で一番分かりやすかったっ！
めっちゃ分かりやすい。あなたこそが救世主です。
今までのasync/await/Promiseの解説動画の中でこの動画が一番でわかりすい
本当に分かりやすいです！これまで読んだり聞いたりした非同期の解説の中で最も分かりやすくて、ずっと残っていて欲しい動画です…！
この動画が無料で見れるなんて信じられません😂
非常に分かりやすかったです！
とてもわかりやすかったです！！小学生でもわかります。
私は日本人じゃなくて、コードも勉強始めたばかりなんでが、この説明はめっちゃ分かりやすいです！ありがとうございます！
前はずっと混乱して、今分かってなってきた！
よかったですー！
これを理解できる小学生がいましたらマジで尊敬しますわ😅😅😅
async/awaitとPromiseの関係性がよくわかりました！
歴史を交えた説明があると、「なぜこの仕様になったのか？」がとっても理解しやすいです！
良かったです！技術には誕生した背景があるので、そこから学ぶと理解しやすいですよね😊
ありがとうございます
歴史的観点から説明頂けたから、とても理解しやすかったです
最高です。こういう基本を解説してくれるの本当にありがたいです。非同期はasync/awaitで書いていて、たまにPromiseやコールバック関数がでてきてジェネリック型を使用したりと理解が複雑になっていました。今まで非同期関数の直列処理がasync/awaitで並列処理がPromiseと思っていましたが、こういった歴史的背景があったんですね。
いつもながら軽快な説明と分かってもらおうする気持ちが全面に出ていてこちらにも伝わってきます。もし予備校の講師であれば人気の先生となるでしょう。内容も日頃知りたいと思う内容がおおいです。こんごもよろしくです。
説明が面白く、分かりやすかったです。ありがとうございます
3:42
先に画面だけ表示して、後からデータを持ってくる。
関数の引数が関数
5:43
待ち状態
完了した状態
完了した時の値をthenで繋げて、次の処理に渡せる。
10:37
関数に対してasyncを付ける＝非同期関数
関数の呼び出しの前にawitを付けるとpromiseの結果が返ってくるまで（resolveされるまで）待ってくれる。
log関数がpromiseを返してくれる
thenを使わなくてもいい
説明がわかりやすくて、面白かったです。
コードの字が後半小さくて読みにくいので、今回実行したコードをアップしました！
gist.github.com/kiyodori/94cdab994e2925a0ac2477eb02ff75d7
本当に分かり易いです🫶‼
例示されたソースコードがこれまで読み耽ってきた解説の類に纏まりを持たせてくれました！！ありがとうございます！！
今までで一番わかりやすいですねぇ
25歳の小学生なので助かりました。
前半すごい分かりやすかったですが、
途中からアロー関数の所でわからなくなってしまう方も多かったと思います
こういう動画は助けになるので作っていただき、ありがとう御座います。
本とか公式ドキュメントを全部読んで覚えてたのに、結局これ微妙に複雑で記憶に定着せず、割とすぐ忘れてしまってはまた覚え直してもすぐ忘れちゃうので、学習効率をなんとかしたいなと思っていました。
この動画は記憶にも定着しやすそうでわかりやすくて復習にとても便利でした。
本当に感謝です！🥷
歴史を振り返りながらの解説、とてもわかりやすかったです。素晴らしい解説でした。
初心者にも分かりやすく解説されていて、本当に助かります！この動画何度も見に来てます!
10:26
人類『普通に書きたーい！』で草
そうだよね、普通に書きたいよね、普通にかけるようになってよかったねぇ
僕も現在開発で使っていますが既存の処理を真似したりしてちゃんとわかってないのです！この解説動画はかなりありがたいです！！
今までなんとなくで使っていたのですが、この動画を見て完全に理解できました！！
まじでわかりやすい！ありがとうございます！！😊
昨日からいろんな動画みたり色々調べたりしてたけど、この動画で概要がつかめました。ありがとうございます！
小学生でjavascript勉強してるけどとても分かりやすかったです!
説明を分かりやすくすると正確性が阻害されることが多いけど、これは正確かつ分かりやすいので文句無しにスゴイ。
コールバック地獄の状態で複雑な分岐がある処理に正しくエラーハンドリングや、エラー時の繰り返しリトライ制御とか入れようとするとマジで死ねる。
そごいチャレンジ精神。さすがですね。
非同期処理を同期処理として動かすのがasync awaitなんですね！
非常にわかりやすかったです。ありがとう
コールバック地獄まではこのスピードで理解できたのですがPromiseから速度が上って理解が辛かったです。
めっちゃ分かりやすかった
小学生のうちに非同期処理に興味持ち始めたい人生だった
非同期処理という言葉しか聞いたこと無かったけど、めちゃくちゃ分かりやすかった。歴史って大事だと感じた。
めっちゃわかった 感謝です
初心者に分かりやすくて助かりますー
async/awaitまでの変遷が分かりやすかったです！
途中の「コールバックじごーく」などはいらなかったかな笑
とても分かりやすかったです。時代背景が分かると理解しやすいですね。
めっっっっっっっっっっっちゃわかりやすい
ありがたい！
Muchas gracias por la ayuda sensei, pude comprender de mejor manera. Saludos desde Tabasco, México!
Apenas y las entiendo en mi idioma.
Che algoritmo de youtube ahora me las recomienda en japones
Jajajaja
🇯🇵🇯🇵🇯🇵説明もいいし、演技もあっていいですね。令和五年
C#のタスクやasync/awaitの時代の流れとかも、色々発展しましたよね。
小学生じゃないですが、分りやすかったです！
コードの開発の歴史からたどるのは、作った人の意図をくみ取れて、
凄く分りやすく、勉強にもなります！！！！
最近は、フロントもバックもjavascriptが多くなってきているようなので、こういうお話しは助かります！
わかりやすかったです！
4:17 ｸﾚﾊﾞｰ!!の勢い好きｗｗｗ
めっちゃわかりやすい
ふふふ。。ありがとうございます😊
playwrightでドツボにはまっています
とてもわかりやすいですし、テンポも聴きやすいです！
顔を振るたびに音が近くに行ったり遠くに行ったりするのが少し聞きづらく感じたので、ピンマイクなどを導入しても良いかもと思いました！
asyncってエイシンクと読むと思っていました
C言語から始めたので非同期処理自体はなんとなくわかっている(つもり)だったのですが、JavaScriptでPromiseやasync/awaitってのがよくわからなかったですね…
やっとわかるようになりましたが
鬼わかったし、めっちゃ便利やん、すげー
*【質問】*
async自体がPromiseインスタンスを返すなら、10:45にあるPromiseを返す関数をasyncに変えることも可能かと思い下記を実行しましたが、1,2,3が同時に出力されてしまいました。。。これはasyncを実行した時点で即座にfulfilledが返されるからという認識であっていますかね..?
func = async () => {
await log(1);
await log(2);
await log(3);
};
log = async (num) => {
setTimeout(function () {
return console.log(num);
}, 1000);
}
func();
最近はJavaScript触ってないけど分かりやすかったと思います
けど小学生は無理じゃないかな・・・
まだ知っている事を前提とする単語がいっぱい出てきていたので
中学生なら分かりそうです！
使えるだけじゃなく、ここまで説明できるまで理解深めないとな！頑張ろう！！！
わかりやすいです。ありがとうございます。ただし、実際にasync/await を使用するために、練習が必要です。どこで練習できますか？
止めて見るとき手がかぶって邪魔だから指し棒とかでお願いできませんか
中学生には理解できました
アラサーでもわかりました
さいこう〜
動画を見てスッキリしました よく分かりました。ありがとうございます😊
非常にわかりやすかったです！ありがとうございました。
質問です。Can I useでasync/await, Promiseを調べると、IE11では対応していないようなのですが、IEでも非同期処理を実現したい場合は、コールバック地獄と向き合わざるを得ないということになるのでしょうか？
抜け道的な方法があります！
[TypeScript]IE11でも手軽に動くawait/async
qiita.com/SoraKumo/items/9ab9382419e78dea9b98
0:00 導入
2:40 本編開始
10:57
thenメソッド内でreturnするとその値でresolve した状態の新しいPromiseオブジェクトを返すから、thenメソッド内でnew Promiseをして新しいオブジェクトを作る必要はないと思うんだけど違ったっけ？
書いても動くけどそんな面倒なことをしなくてもいいのがPromiseチェーンのいいところだった気が…
RとPy使ってデータ収集してる小学六年生でもわかりやすいって言ってたよ先生。
寸劇は素人には難しいので、デジタルで演出するのが良いと思います。内容は素晴らしいです。
なんでコールバックだとバックグラウンドで走るのかがわかりません
前より上手く書けるかもしれない
12:03
寸劇風、お気に入りですね！笑
Yoshiさん、僕なりの試行錯誤です笑。
難しい内容もできる限り分かりやすく、あとできれば面白く伝えたいと思っていて、それで寸劇風にチャレンジしては、なんか違うと思っては普通のスタイルに戻し、でもやっぱり面白くしようと寸劇風にチャレンジしてはを繰り返してます笑
なるほど、わかりました(>_
非同期処理にasync/awaitを付けて、わざわざ普通の同期処理にしてるんですよね。
それなら最初から同期処理をデフォにして、非同期処理したいときだけasyncを付けるとか、
そんな仕様にしてほしいですわJavaScriptさん。
内容はすごく勉強になりましたが、言い方（途中のよく分からないキャラの喋り方）が生理的に受けつけず10分で我慢できなくなり脱落しました。
すごく分かります。
説明わかりやすいだけに、時々入る謎の芝居が残念です...
普通に喋ってくれたら最高でした
小学生向けですからね一応…笑
小学生には理解できないとおもう。小生には理解できましたけど
await 演算子以下に記述されたコードの実行も待つということでいいですかね?
例えば
func = async () => {
await log(3);
console.log("done");
...
としたらconsole.logの部分もlog(3)が実行される(resolveが返る)までは実行されないと
小学生おじさんでもわかったよ！
A comment in english!
関数の読み方ちゃうって要あるよな
こういう人が職場にいたらなぁ
某偉人系の解説口調になって笑いました。( ´艸｀)
ヒヨコ＜パラダイスみてーな国が作りてえ
今の小学生は本当に賢いな～ ｵｼﾞｻﾝ(;´д｀)ﾄﾎﾎ
jsのは知らんけども、async/awitは基本的にケツを蹴る順番を定義してるだけになるはず🤔
アシンクではなくエイシンクな気がする
めちゃくちゃ分かりやすいのに文句言ってる人はろくに勉強してないんだろうな笑
いきなり消費者金融出てきた
Sí
中指で指す人意外と多い
ところどころ変なテンションで話さなければすごくわかりやすいです。
声と顔がどことなく西島隆弘に似てる
わかりやすかったけど、小学生には無理だと思う