No video

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

  Рет қаралды 8,442

フロントエンドチャンネル

フロントエンドチャンネル

Күн бұрын

今回は、fetchの基本的な流れや仕組みを解説した上で、
外部サイトや、ローカルファイル(テキストファイルやjsonファイル)を読み込んで、
HTMLなどに出力する流れまでを見ていきます。
今回呼び出す外部APIは、よく使われている郵便番号から住所を取得するAPIです。
是非fetchの仕組みを理解して、サイトの実装に生かしていきましょう!
動画内で説明していた外部APIのURLはこちら
zipcloud.ibsne...
上記APIの公式はこちら
zipcloud.ibsnet...
個別で講義もおこなっています!
詳細は以下のページからご覧いただけます。
personal-lesso...
スクール開催中!
本格的に学んでみたい、プロを目指したい方は是非詳細を見てみてください。
factory-progra...
独自の動画サービスを公開しました!内容はKZfaqと同じですが、様々な機能を使える他、ファイルのダウンロードなどをおこなえます!
factory-progra...
本当は教えたくない、現役のプロが教えるSEOを学びたい方はこちら
• プロが教える!本当は誰にも教えたくないSEO対策!
HTML/CSSをKZfaqでしっかり基礎から学びたい方はこちら
• HTML/CSS(基礎から応用・実践まで)
CSSアニメーションについて学びたい方はこちら
• CSS・JavaScriptアニメーション(...
Sass(サス)/ScssをKZfaqでしっかり基礎から学びたい方はこちら
• SASS/SCSS(基礎から応用・実践まで)
JavaScript(JS)をKZfaqでしっかり基礎から学びたい方はこちら
• JavaScript(基礎から応用・実践まで)
Vue.js(ビュージェイエス)をKZfaqでしっかり基礎から学びたい方はこちら
• Vue.js
爆速コーディング・作業効率化・オススメの設定に興味がある方はこちら
• 爆速コーディング・作業効率化・おすすめ設定
Visual Studio Code(ビジュアルスタジオコード)についてもっと知りたい方はこちら
• Visual Studio Code(ビジュ...
form(HTML)についてきちんと学びたい方はこちら
• form(HTML)解説!基本的な書き方から...
サイト運用・管理について(ドメイン・サーバー・SEOなど)について学びたい方はこちら
• サイト運用・管理について(ドメイン・サーバー...
TwitterでKZfaqの更新情報などを発信中!
/ prog_factory

Пікірлер: 2
@user-hl6pg3zu4o
@user-hl6pg3zu4o 2 жыл бұрын
めちゃくちゃわかりやすかったです!Fetchについて色々な記事や動画を見ましたが、全体像というか概念が掴めなかったのですが、この動画でクリアになりました!ありがとうございます。
@user-cs7qe8ch7v
@user-cs7qe8ch7v Жыл бұрын
助かりました! すっきり
よくある、郵便番号から住所自動入力を実装する方法を紹介 1/2
18:29
フロントエンドチャンネル
Рет қаралды 2,1 М.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 32 МЛН
Or is Harriet Quinn good? #cosplay#joker #Harriet Quinn
00:20
佐助与鸣人
Рет қаралды 5 МЛН
【CORS入門】もうCORSエラーに苦しむことはありません。Webエンジニア必見です。
32:45
【HTTP入門】Webページがブラウザに表示されるまでの流れを解説
44:12
プログラミングチュートリアル
Рет қаралды 41 М.
JSONについてわかりやすく説明します
24:12
プログラミングアカデミー
Рет қаралды 37 М.