KZ
item
Негізгі бет
Трендинг
Журнал
Ұнаған бейнелер
Ең жақсы KZitem
Фильм және анимация
Автокөліктер мен көлік құралдары
Музыка
Үй жануарлары мен аңдар
Спорт
Ойындар
Комедия
Ойын-сауық
Тәжірибелік нұсқаулар және стиль
Ғылым және технология
Кіру
Тіркелу
Кіру
Тіркелу
Негізгі бет
Трендинг
Журнал
Ұнаған бейнелер
Ең жақсы KZitem
Фильм және анимация
Автокөліктер мен көлік құралдары
Музыка
Үй жануарлары мен аңдар
Спорт
Ойындар
Комедия
Ойын-сауық
Тәжірибелік нұсқаулар және стиль
Ғылым және технология
Негізгі бет
小学生でもわかるasync/await/Promise入門【JavaScript講座】
Күн бұрын
小学生でもわかるasync/await/Promise入門【JavaScript講座】
Рет қаралды
77,767
だれでもエンジニア / 山浦清透
1
1
Жүктеу
Пікірлер: 124
@yosu6358
3 жыл бұрын
今までのasync/await/Promiseの解説動画の中でこの動画が一番でわかりすい
@hanco6362
3 жыл бұрын
小学生はどうか分からんけど、今まで見た中で一番分かりやすかったっ!
@Hbao863
3 жыл бұрын
めっちゃ分かりやすい。あなたこそが救世主です。
@hakka2314
2 жыл бұрын
本当に分かりやすいです!これまで読んだり聞いたりした非同期の解説の中で最も分かりやすくて、ずっと残っていて欲しい動画です…!
@madedamayanti1230
3 жыл бұрын
私は日本人じゃなくて、コードも勉強始めたばかりなんでが、この説明はめっちゃ分かりやすいです!ありがとうございます! 前はずっと混乱して、今分かってなってきた!
@KiyotoUniv
3 жыл бұрын
よかったですー!
@FantaLABRA335
3 жыл бұрын
async/awaitとPromiseの関係性がよくわかりました! 歴史を交えた説明があると、「なぜこの仕様になったのか?」がとっても理解しやすいです!
@KiyotoUniv
3 жыл бұрын
良かったです!技術には誕生した背景があるので、そこから学ぶと理解しやすいですよね😊
@carphirosima4362
Жыл бұрын
苦戦していた非同期処理がやっとわかりました。感謝しきれません⭐ありがとう御座いました😃
@新太郎稲川
7 ай бұрын
async/awaitとPromiseの関係が今までで一番わかりやすくて勉強になりました!!ありがとうございました!!
@小猫-c3e
11 ай бұрын
今まで観た動画の中で1番わかりやすかった!素晴らしい動画
@ExisVR
Жыл бұрын
本とか公式ドキュメントを全部読んで覚えてたのに、結局これ微妙に複雑で記憶に定着せず、割とすぐ忘れてしまってはまた覚え直してもすぐ忘れちゃうので、学習効率をなんとかしたいなと思っていました。 この動画は記憶にも定着しやすそうでわかりやすくて復習にとても便利でした。 本当に感謝です!🥷
@itsumo5656
Жыл бұрын
いつもながら軽快な説明と分かってもらおうする気持ちが全面に出ていてこちらにも伝わってきます。もし予備校の講師であれば人気の先生となるでしょう。内容も日頃知りたいと思う内容がおおいです。こんごもよろしくです。
@ちゃっきー-r9y
11 ай бұрын
この動画が無料で見れるなんて信じられません😂 非常に分かりやすかったです!
@ジェンハオ
2 жыл бұрын
これを理解できる小学生がいましたらマジで尊敬しますわ😅😅😅
@javacjapan
2 жыл бұрын
説明を分かりやすくすると正確性が阻害されることが多いけど、これは正確かつ分かりやすいので文句無しにスゴイ。 コールバック地獄の状態で複雑な分岐がある処理に正しくエラーハンドリングや、エラー時の繰り返しリトライ制御とか入れようとするとマジで死ねる。
@basil_283
5 ай бұрын
25歳の小学生なので助かりました。
@七夕かぐや
3 ай бұрын
最高です。こういう基本を解説してくれるの本当にありがたいです。非同期はasync/awaitで書いていて、たまにPromiseやコールバック関数がでてきてジェネリック型を使用したりと理解が複雑になっていました。今まで非同期関数の直列処理がasync/awaitで並列処理がPromiseと思っていましたが、こういった歴史的背景があったんですね。
@nateha727
2 жыл бұрын
10:26 人類『普通に書きたーい!』で草 そうだよね、普通に書きたいよね、普通にかけるようになってよかったねぇ
@Yamazae
3 жыл бұрын
非同期処理という言葉しか聞いたこと無かったけど、めちゃくちゃ分かりやすかった。歴史って大事だと感じた。
@Joker-gj3cc
Жыл бұрын
とてもわかりやすかったです!!小学生でもわかります。
@guiya8496
3 жыл бұрын
今までで一番わかりやすいですねぇ
@manapecar2109
Жыл бұрын
初心者にも分かりやすく解説されていて、本当に助かります!この動画何度も見に来てます!
@DeaDenDfromNRC
2 жыл бұрын
歴史を振り返りながらの解説、とてもわかりやすかったです。素晴らしい解説でした。
@kazumachihaya337
3 жыл бұрын
今までなんとなくで使っていたのですが、この動画を見て完全に理解できました!!
@aya2222
3 жыл бұрын
昨日からいろんな動画みたり色々調べたりしてたけど、この動画で概要がつかめました。ありがとうございます!
@sasamaru0322
10 ай бұрын
ありがとうございます 歴史的観点から説明頂けたから、とても理解しやすかったです
@taka005
2 жыл бұрын
説明がわかりやすくて、面白かったです。
@polymetisoutis
9 ай бұрын
本当に分かり易いです🫶‼ 例示されたソースコードがこれまで読み耽ってきた解説の類に纏まりを持たせてくれました!!ありがとうございます!!
@KiwamuOkabe
3 жыл бұрын
コールバック地獄まではこのスピードで理解できたのですがPromiseから速度が上って理解が辛かったです。
@cameronjp7866
Жыл бұрын
説明が面白く、分かりやすかったです。ありがとうございます
@おさむ-o3u
3 жыл бұрын
小学生のうちに非同期処理に興味持ち始めたい人生だった
@KiyotoUniv
3 жыл бұрын
コードの字が後半小さくて読みにくいので、今回実行したコードをアップしました! gist.github.com/kiyodori/94cdab994e2925a0ac2477eb02ff75d7
@ひろ-r7l8w
2 жыл бұрын
非同期処理を同期処理として動かすのがasync awaitなんですね!
@qwevo1
3 жыл бұрын
Muchas gracias por la ayuda sensei, pude comprender de mejor manera. Saludos desde Tabasco, México!
@TheinfinityLight
3 жыл бұрын
Apenas y las entiendo en mi idioma. Che algoritmo de youtube ahora me las recomienda en japones Jajajaja
@全手動ルンバ-k6x
11 күн бұрын
めっちゃ分かりやすかった
@Mr-ej6cu
3 жыл бұрын
とても分かりやすかったです。時代背景が分かると理解しやすいですね。
@yusukem
3 жыл бұрын
小学生じゃないですが、分りやすかったです! コードの開発の歴史からたどるのは、作った人の意図をくみ取れて、 凄く分りやすく、勉強にもなります!!!!
@hakusai3325
Жыл бұрын
3:42 先に画面だけ表示して、後からデータを持ってくる。 関数の引数が関数 5:43 待ち状態 完了した状態 完了した時の値をthenで繋げて、次の処理に渡せる。 10:37 関数に対してasyncを付ける=非同期関数 関数の呼び出しの前にawitを付けるとpromiseの結果が返ってくるまで(resolveされるまで)待ってくれる。 log関数がpromiseを返してくれる thenを使わなくてもいい
@ykou
3 жыл бұрын
初心者に分かりやすくて助かりますー
@カツ丼ご飯マシマシで
Жыл бұрын
小学生でjavascript勉強してるけどとても分かりやすかったです!
@悠-n7f
Жыл бұрын
async/awaitまでの変遷が分かりやすかったです! 途中の「コールバックじごーく」などはいらなかったかな笑
@ブルベル
8 ай бұрын
僕も現在開発で使っていますが既存の処理を真似したりしてちゃんとわかってないのです!この解説動画はかなりありがたいです!!
@morinosuke
3 жыл бұрын
最近は、フロントもバックもjavascriptが多くなってきているようなので、こういうお話しは助かります!
@桂川星
Жыл бұрын
非常にわかりやすかったです。ありがとう
@NGotoh-wg7bo
Жыл бұрын
そごいチャレンジ精神。さすがですね。
@やぎ-n8o
Жыл бұрын
まじでわかりやすい!ありがとうございます!!😊
@funsaigyokusai08
3 жыл бұрын
めっっっっっっっっっっっちゃわかりやすい
@mitsuichi9230
3 жыл бұрын
めっちゃわかった 感謝です
@ソース-w3o
3 жыл бұрын
asyncってエイシンクと読むと思っていました
@kuro0315
3 жыл бұрын
めちゃくちゃわかりやすい
@夢中ゴルフ
3 жыл бұрын
C#のタスクやasync/awaitの時代の流れとかも、色々発展しましたよね。
@関口厚-m3n
3 жыл бұрын
わかりやすかったです!
@okojo_MK
7 ай бұрын
4:17 クレバー!!の勢い好きwww
@ひまつ節
3 жыл бұрын
めっちゃわかりやすい
@KiyotoUniv
3 жыл бұрын
ふふふ。。ありがとうございます😊
@jaguar_imo3866
3 жыл бұрын
とてもわかりやすいですし、テンポも聴きやすいです! 顔を振るたびに音が近くに行ったり遠くに行ったりするのが少し聞きづらく感じたので、ピンマイクなどを導入しても良いかもと思いました!
@WhiskeyHazelnuts
2 жыл бұрын
ありがたい!
@kakkoiinippon
Жыл бұрын
🇯🇵🇯🇵🇯🇵説明もいいし、演技もあっていいですね。令和五年
@ababaroid6083
3 жыл бұрын
最近はJavaScript触ってないけど分かりやすかったと思います けど小学生は無理じゃないかな・・・ まだ知っている事を前提とする単語がいっぱい出てきていたので
@falconno6554
Жыл бұрын
C言語から始めたので非同期処理自体はなんとなくわかっている(つもり)だったのですが、JavaScriptでPromiseやasync/awaitってのがよくわからなかったですね… やっとわかるようになりましたが
@rararaundoudb
3 жыл бұрын
鬼わかったし、めっちゃ便利やん、すげー
@yukisakuma6230
3 жыл бұрын
使えるだけじゃなく、ここまで説明できるまで理解深めないとな!頑張ろう!!!
@NS-qq6nr
3 жыл бұрын
内容はすごく勉強になりましたが、言い方(途中のよく分からないキャラの喋り方)が生理的に受けつけず10分で我慢できなくなり脱落しました。
@たんたん-n3d
3 жыл бұрын
すごく分かります。
@sakana482
3 жыл бұрын
止めて見るとき手がかぶって邪魔だから指し棒とかでお願いできませんか
@te5222
2 жыл бұрын
アラサーでもわかりました
@willywonka6697
3 жыл бұрын
非常にわかりやすかったです!ありがとうございました。 質問です。Can I useでasync/await, Promiseを調べると、IE11では対応していないようなのですが、IEでも非同期処理を実現したい場合は、コールバック地獄と向き合わざるを得ないということになるのでしょうか?
@KiyotoUniv
3 жыл бұрын
抜け道的な方法があります! [TypeScript]IE11でも手軽に動くawait/async qiita.com/SoraKumo/items/9ab9382419e78dea9b98
@ken-vh2fp
3 жыл бұрын
寸劇は素人には難しいので、デジタルで演出するのが良いと思います。内容は素晴らしいです。
@sanko4198
3 ай бұрын
なんでコールバックだとバックグラウンドで走るのかがわかりません
@paseri9697
Жыл бұрын
playwrightでドツボにはまっています
@animelife5166
Жыл бұрын
説明わかりやすいだけに、時々入る謎の芝居が残念です... 普通に喋ってくれたら最高でした
@tatsuki6730
2 күн бұрын
小学生向けですからね一応…笑
@nyarbuncle
3 жыл бұрын
RとPy使ってデータ収集してる小学六年生でもわかりやすいって言ってたよ先生。
@shinhashi2057
3 жыл бұрын
動画を見てスッキリしました よく分かりました。ありがとうございます😊
@tadakuniyasuda8214
3 жыл бұрын
わかりやすいです。ありがとうございます。ただし、実際にasync/await を使用するために、練習が必要です。どこで練習できますか?
@jp-kq9xb
2 жыл бұрын
中学生には理解できました
@frisk_seed
2 жыл бұрын
10:57 thenメソッド内でreturnするとその値でresolve した状態の新しいPromiseオブジェクトを返すから、thenメソッド内でnew Promiseをして新しいオブジェクトを作る必要はないと思うんだけど違ったっけ? 書いても動くけどそんな面倒なことをしなくてもいいのがPromiseチェーンのいいところだった気が…
@vstar8659
3 жыл бұрын
なるほど、わかりました(>_
@mouushida9025
3 жыл бұрын
某偉人系の解説口調になって笑いました。( ´艸`)
@yamat0jp
Жыл бұрын
さいこう〜
@Sofia_-Grant
3 жыл бұрын
*【質問】* 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();
@shinichirouikebe2911
3 жыл бұрын
前より上手く書けるかもしれない
@kotaro4734
3 жыл бұрын
非同期処理にasync/awaitを付けて、わざわざ普通の同期処理にしてるんですよね。 それなら最初から同期処理をデフォにして、非同期処理したいときだけasyncを付けるとか、 そんな仕様にしてほしいですわJavaScriptさん。
@yoshi8171
3 жыл бұрын
寸劇風、お気に入りですね!笑
@KiyotoUniv
3 жыл бұрын
Yoshiさん、僕なりの試行錯誤です笑。 難しい内容もできる限り分かりやすく、あとできれば面白く伝えたいと思っていて、それで寸劇風にチャレンジしては、なんか違うと思っては普通のスタイルに戻し、でもやっぱり面白くしようと寸劇風にチャレンジしてはを繰り返してます笑
@godzillaking8358
3 жыл бұрын
関数の読み方ちゃうって要あるよな
@davidaxelgonzalezflores3536
3 жыл бұрын
A comment in english!
@xign17
3 жыл бұрын
小学生には理解できないとおもう。小生には理解できましたけど
@soshina3
6 ай бұрын
12:03
@nish5922
2 жыл бұрын
0:00 導入 2:40 本編開始
@azeru1210
3 жыл бұрын
jsのは知らんけども、async/awitは基本的にケツを蹴る順番を定義してるだけになるはず🤔
@まやま-w1q
3 жыл бұрын
めちゃくちゃ分かりやすいのに文句言ってる人はろくに勉強してないんだろうな笑
@FizmimiFiz
3 жыл бұрын
ヒヨコ<パラダイスみてーな国が作りてえ
@あいうえ-v1m
5 ай бұрын
こういう人が職場にいたらなぁ
@metboos506
Жыл бұрын
今の小学生は本当に賢いな~ オジサン(;´д`)トホホ
@TY-dn6mj
8 ай бұрын
ところどころ変なテンションで話さなければすごくわかりやすいです。
@groundzero6175
2 жыл бұрын
アシンクではなくエイシンクな気がする
@でこでこ-g2v
3 жыл бұрын
小学生おじさんでもわかったよ!
@yayuyo7188
3 жыл бұрын
await 演算子以下に記述されたコードの実行も待つということでいいですかね? 例えば func = async () => { await log(3); console.log("done"); ... としたらconsole.logの部分もlog(3)が実行される(resolveが返る)までは実行されないと
@maild3pmaild
3 жыл бұрын
中指で指す人意外と多い
@Yoran91
Жыл бұрын
いきなり消費者金融出てきた
@misogi
3 жыл бұрын
「アシンク」が気になりました(小並感)
@藤原-b9f
2 жыл бұрын
声と顔がどことなく西島隆弘に似てる
@yuuttana1223
3 жыл бұрын
言い方が笑
@KiyotoUniv
3 жыл бұрын
悩んだ末よく分からなくなってああいう言い方に着地しました笑
@novacofee
Жыл бұрын
わかりやすかったけど、小学生には無理だと思う
Пікірлер: 124