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

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ธ.ค. 2024

ความคิดเห็น • 46

  • @shimabu_it
    @shimabu_it  4 ปีที่แล้ว +38

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

  • @清明-g1b
    @清明-g1b 3 ปีที่แล้ว +3

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

  • @増渕昂明
    @増渕昂明 3 ปีที่แล้ว +3

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

  • @yukizokin
    @yukizokin 2 ปีที่แล้ว +1

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

  • @yuasys
    @yuasys 2 ปีที่แล้ว +1

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

  • @user-bv6fx6tr4d
    @user-bv6fx6tr4d 3 ปีที่แล้ว +2

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

  • @roburori
    @roburori 4 ปีที่แล้ว +9

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

  • @ww-zo2yl
    @ww-zo2yl 3 ปีที่แล้ว

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

  • @rhipsalis
    @rhipsalis 2 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  2 ปีที่แล้ว

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

  • @モノクロ-p6o
    @モノクロ-p6o 4 ปีที่แล้ว +4

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

  • @keita5518
    @keita5518 4 ปีที่แล้ว +1

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

  • @dmcreatorjapan
    @dmcreatorjapan 4 ปีที่แล้ว +12

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +2

      API周りは難しいですよね。今回の講座はだいぶ必要最低限に留めたのもあり、超分かりやすいと自負しています。( ・´ー・`)ドヤァ
      IEは......(^^;)

    • @1ncursio
      @1ncursio 4 ปีที่แล้ว +3

      IEはもはや害悪ですよね

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +5

      ( ´・з・)bシーッ!!

  • @大学3年生-t3z
    @大学3年生-t3z 2 ปีที่แล้ว +1

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

  • @太郎さん-m4e
    @太郎さん-m4e 4 ปีที่แล้ว

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

  • @yutafukuchi
    @yutafukuchi 4 ปีที่แล้ว +1

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

  • @中川悟史-s1x
    @中川悟史-s1x 4 ปีที่แล้ว

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

  • @エンせい
    @エンせい 4 ปีที่แล้ว

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

  • @taichi25251999
    @taichi25251999 4 ปีที่แล้ว

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

  • @keita5518
    @keita5518 4 ปีที่แล้ว

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

  • @kaccon-zh3hx
    @kaccon-zh3hx 4 ปีที่แล้ว +1

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

  • @shomak-sx2gp
    @shomak-sx2gp 4 ปีที่แล้ว

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

  • @00koji
    @00koji 4 ปีที่แล้ว

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

  • @west_tsukiya
    @west_tsukiya 4 ปีที่แล้ว

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

  • @ゆずこしょう-v7s
    @ゆずこしょう-v7s 4 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +7

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

  • @きなこしあん
    @きなこしあん 4 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +5

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

  • @rskyt0180
    @rskyt0180 4 ปีที่แล้ว

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

  • @ほい-q6z
    @ほい-q6z 4 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +11

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

    • @ほい-q6z
      @ほい-q6z 4 ปีที่แล้ว

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

  • @たなちゃん健ちゃん
    @たなちゃん健ちゃん 4 ปีที่แล้ว

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

  • @近松門左衛門-i3c
    @近松門左衛門-i3c 4 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +2

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

  • @1ncursio
    @1ncursio 4 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  4 ปีที่แล้ว +2

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

  • @halfx3609
    @halfx3609 4 ปีที่แล้ว

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

  • @bryson2662
    @bryson2662 4 ปีที่แล้ว

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

  • @malo21st
    @malo21st 2 ปีที่แล้ว +1

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

  • @njmono3
    @njmono3 4 ปีที่แล้ว +1

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