fetch(フェッチ) API を使って、外部サイトやローカルファイルを読み込んで、HTMLに出力してみましょう!

  • マンツーマン
    個別講義開催中!

    エラーの解消から、
    実装方法まで丁寧に教えます!
    講師が答えられるなら、
    基本的にどんな内容でも
    OK!

    詳細はこちら!
  • 質問し放題プラン!
  • スクール形式講義も

    プロを目指したい方
    講義を何回も受けたい方はこちら!
    個別のカリキュラムを作成し、
    長期的にサポート!

    詳細はこちら!
  • discordコミュニティ
今回は、fetchの基本的な流れや仕組みを解説した上で、
外部サイトや、ローカルファイル(テキストファイルやjsonファイル)を読み込んで、
HTMLなどに出力する流れまでを見ていきます。
今回呼び出す外部APIは、よく使われている郵便番号から住所を取得するAPIです。
是非fetchの仕組みを理解して、サイトの実装に生かしていきましょう!

動画内で説明していた外部APIのURLはこちら
https://zipcloud.ibsnet.co.jp/api/search

上記APIの公式はこちら
http://zipcloud.ibsnet.co.jp/doc/api