【JavaScript入門 #8】WebAPIを叩いてみよう！async await構文を使うと簡単！【ヤフー出身エンジニアの入門プログラミング講座】

[@shimabu_it]

非同期処理は奥が深すぎて、最初にすべてを知ろうとすると高確率で挫折します。 まずは必要な分に絞って「WebAPIを叩く」ということだけを覚えるのがベストと考えています。 後ほど必要になったタイミングで深堀りしていきましょう（講座も出しますね！） 次の講座で、JavaScriptのしごとについては一通り理解できるようになるかと思います！😁👍✨

[@増渕昂明]

初心者にも分かりやすい解説でfetchの使い方が分かりました。 webサイトの記事より、こういった動画での解説のほうが理解しやすくて私は好きです。

[@清明-g1b]

「WebAPI」の実装の説明・・・最高！！わかりやすい！！

[@yukizokin]

無駄がなく、比較もあり、凄くわかりやすかったです。

[@user-bv6fx6tr4d]

超初心者なのですが、APIを使う必要があり血迷っていましたが、わかりやすかったです！！！

[@roburori]

他のプログラミング系の動画が分かりにくいのではない。 このチャンネルの動画が分かりやす過ぎるのだ。

[@ww-zo2yl]

awaitをつけてResponseオブジェクトが返ってきたときにawaitの概念が理解できました。 awaitは意味通り、ここではfetch()の処理が終わるのまで処理の進行を待機させてるんですね。そして処理が完了してからresに結果を格納させる。 貴重な動画です。ありがとうございました。

[@rhipsalis]

.thenで繋ぐ方法が1番分かりやすかったです

[@shimabu_it]

async awaitが今は主流なのでそちらを覚えてくださいな！

[@keita5518]

WebAPIをたたくという意味が理解できました。

[@dmcreatorjapan]

めっちゃ分かりすい！！無料提供とは思えない。 今ちょうどReactでAPI周り学習しているのでめっちゃ役立ちます。 そして「IE」はやっぱり化石だった(笑)...........

[@shimabu_it]

API周りは難しいですよね。今回の講座はだいぶ必要最低限に留めたのもあり、超分かりやすいと自負しています。( ･´ｰ･｀)ﾄﾞﾔｧ IEは......(^^;)

[@1ncursio]

IEはもはや害悪ですよね

[@shimabu_it]

( ´・з・)bｼｰｯ!!

[@大学3年生-t3z]

急に複雑になった感が出てきた感じがします。 単語の意味1つ1つを深く考えすぎず、必要になった時々にやったなと思い出せるように頭の隅に置いておきます。

[@yuasys]

いつも勉強させていただいています。わかりやすい解説をありがとうございます。 自分なり試してみて楽しかったです。

[@モノクロ-p6o]

実際にしまぶーさんが簡単なアプリ開発している風景、またソースを見てみたいです！

[@太郎さん-m4e]

丁度JSの参考書でWEB APIに触れていたところだったので、とってもタイムリーな動画でした！！　いつも有益な動画をありがとうございます！😊

[@yutafukuchi]

わかりやすすぎてテンション上がりました笑 本当にいつもありがとうございます！

[@中川悟史-s1x]

現在勉強しているところとドンピシャで非常に助かりました。thenとかawaitとか何が何だかわからなくなっていたのですが、書き方の問題であるということも理解できて非常に腹落ちしました。promiseに関して掘り下げた動画も是非見たいです。よろしくお願いします！

[@エンせい]

html,cssから継続して勉強させていただいてます。分かりやすくてとても参考になります！！

[@taichi25251999]

いつも拝見してます。 とてもわかりやすく、jsの経験が浅い自分でも理解できました！ formをajaxを用いてポストするなんかの動画も出してほしいです！

[@shomak-sx2gp]

いつもとても分かりやすい動画ありがとうございます。 プログラミングの勉強にすごく活用させてもらっています。 ここで動画内で一つわからなかった部分があるので質問させてください。 resが持っているjsonメソッドを使っていた場面ですが、resは自分で定義した関数にも関わらずjsonというメソッドを持っていることに疑問を感じました。 自分で定義した関数はすべてjsonメソッドを持っているものなのですか？ トンチンカンな質問だったら申し訳ないのですが教えていただけたら幸いです。 次の動画も楽しみにしています！！！

[@west_tsukiya]

現在自分は学生でJavaScriptを習得しようと考えています。その中で、しまぶーさんの動画がすごく参考になり、今回の動画も含め全て見させていただきました。今回の動画とはずれてしまいますが、他の動画でreactを学んだ方が良いと仰っていたのですが、参考になる書籍やサイト等があれば教えていただけると幸いです。

[@kaccon-zh3hx]

jsではコード規約として定数は全て大文字で書く、と読んでいる書籍に書いてありましたが、しまぶーさんは小文字で定数宣言されていますね。現場では小文字だったりするんでしょうか？

[@00koji]

API叩くってもね、一番面倒なのがauthとかで認証設定だね、Googleの各種APIも仕様コロコロ変わる。 同期非同期は本当にうまく作らんとバグ多くなるし、サーバー側の処理が多くなるのか遅くなる場合も。 古いかも知れないが最初は同期で覚えた方が初心者はどこで何が起きるかわかりやすい。

[@keita5518]

コールバック関数の最後がついていけませんでした。 残念ですがもう一度復習して理解したいです。 出直します。

[@ゆずこしょう-v7s]

今、しまぶーさんの講座でプログラミングについて勉強中の初心者です。 (今は、css講座の４回目突入程度です。) it関係への就職予定はなく、副業程度に収入を得られるようになれればと考えているのですが、しまぶーさんがあげているhtml講座とcss 講座とjavascript講座を一通り理解できるようにした後は、何をしたらいいでしょうか。助言を頂けたら嬉しいです。

[@shimabu_it]

CSS講座の4回目・・！！ 何度も見てくださって嬉しいです🙏 副業程度の収入が目標とのことなので、おそらくWeb制作が主になる可能性が高いなと思いました。その場合に必要なのはホームページを作る能力が主になると思うので、ホームページを作る技術を学ばれるのが良いかと思います。具体的にはWordPressが１番有名ですね。実際のWeb制作案件としてもかなり多いかとは思うので学ぶ価値はあるかと思います。 ちなみに私の動画のメインターゲットはWeb制作ではなくアプリ開発系を目指す方にしています。そういったエンジニアを本業にしたい方にはWordPressは進めていません。ヤフーやメルカリ、LINEなどのアプリ開発系の企業ではWordPressは基本的には使われないからです。なので、私の動画ではWordPressの講座は予定していないのです😭 ...という感じなのですが少しでも参考になれば幸いです🙇‍♂️

[@ほい-q6z]

プログラミングの勉強を始めて模写をしているのですが、苦戦していて、調べる作業も含めるとすごく時間がかります。しまぶーさんも苦戦しましたか？また、模写の全体的なアドバイスありますか？

[@shimabu_it]

もちろんめちゃくちゃ私も苦戦しましたよ。何ならまさに今も新しい技術を取り入れようと苦戦しています(^O^;)笑 アドバイスとしては「細かすぎるところは調べない」ということですね。例えば、for文とforEach文の違いとか、if文とswitch文どちらを使うのかとかって最初はどうでもよくて、行き詰まったときとかに調べれば良かったりします。最初は完璧なコードを書くことは調べまくったとしても100%不可能なので、まずは動くコードを書くことに集中したほうが良いかと思います。 学校のテストって細かいところを覚えておかないと100点が取れないかと思いますが、プログラミングの場合は逆に細かいところは無視して、とりあえず動かすことが大事だったりします。まずは何か作ろうとして、実際に動くコードを作ってみてください！ ちょっと話が脱線気味で長くなっちゃいましたが、模写の過程で調べることも大事ですが調べすぎる必要はないということです👍

[@ほい-q6z]

しまぶーのIT大学 調べる事に時間を使いすぎていて、しかもすぐ理解できなくてむかむかしてたので少し気を楽にしてやりたいと思います！ありがとうございます😊

[@きなこしあん]

Typescriptの動画を出す予定はありますか？

[@shimabu_it]

あります！必ずやります！ どこよりも詳しく解説するので待っててください！😂

[@たなちゃん健ちゃん]

よし！まだよくわからないけど、楽しんでやれてるから大丈夫。今回は料理のたとえは無いんですね？

[@rskyt0180]

たいへん参考になる動画をありがとうございます。 質問です。JavaScriptには、不正を防ぐためにドメイン名の違うサイトにはリクエストを行えない、というクロスドメイン制約を最近学びました。動画内では異なるドメインのサイトに対してリクエストを送ることができていました。これはどうしてなのでしょうか？

[@1ncursio]

うお！コールバック地獄だったからasync awaitは嬉しい動画ですね～ありがとうございます!!( •̀ ω •́ )y

[@shimabu_it]

複数API叩くときはコールバック地獄に苦しまされましたね😅笑 だんだんと便利になっていって書きやすくなっていきますね〜！(^O^)

[@近松門左衛門-i3c]

Yahooのエンジニアって髪染めたりタトゥー入れたりできますか? また私服勤務ですか? 動画に関係ない質問でごめんなさい

[@shimabu_it]

動画に関係ない質問も大歓迎ですよ！ まず髪染めてる人はめちゃくちゃたくさんいます。こちらは気にする必要はないかと思います。 タトゥーに関しては分かりません。規定はないかと思います（詳しく覚えていないので分かりません）が私の観測範囲内ではタトゥーをしている人は見なかったですねー。 服装はもちろん私服勤務ですよー！営業は分かりませんが、エンジニア・デザイナー・内勤の人らはほぼ全員私服でした。 という感じです。参考になれば👍

[@halfx3609]

今回も分かりやすいに違いないのですが、結局APIって何？という感想でした。。。すみません私の理解力のなさで・・・

[@bryson2662]

この動画から教えてもらったのはIEが最悪ってことです。

[@njmono3]

初見だがイスの背もたれから生えてるのかと思った

[@malo21st]

「プログラミング上から呼び出す」っと言うよりは、単に「プラグラムから呼び出す」っと言った方がいいような気がします。