交差オブザーバー API - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年3月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback 概要 従来、ある要素の可視状態、あるいは 2 つの要素の相対的な可視状態を検出することは困難であり、その解決策は信頼性が低く、ブラウザーやアクセスするサイトの動作が重くなる傾向がありました。ウェブが成熟していくにつれて、このような情報の必要性は高まっていきます。交差情報 (Intersecti
詳解JavaScript Intersection Observer API編 (全13回) - プログラミングならドットインストール
ある要素が特定の領域と交差したかを監視することができるJavaScriptのIntersection Observer APIについて見ていきます。
Broadcast Channel API - Web APIs | MDN
The Broadcast Channel API allows basic communication between browsing contexts (that is, windows, tabs, frames, or iframes) and workers on the same origin. Note: To be exact, communication is allowed between browsing contexts using the same storage partition. Storage is first partitioned according to top-level sites—so for example, if you have one opened page at a.com that embeds an iframe from b.
とほほのPromise入門 - とほほのWWW入門
Promiseとは コールバック地獄 タイミング問題 Promiseによる解決 エラー処理 throwを伴うエラー処理 Finally すべてのタスクが完了したら(Promise.all()) いずれかのタスクが完了したら(Promise.race()) いずれかのタスクが完了したら(Promise.any()) すべてのタスクが成功・失敗に関わらず完了したら(Promise.allSettled()) 非同期関数を同期関数っぽく呼び出す(async/await) for await ... of ... Promiseとは Promise は、JavaScript や Node.js において、非同期処理のコールバック関数をエレガントに記述するための仕組みです。英語の promise は、「制約」、「保障」などの意味を持ちます。Promise は、Chrome 63, Firefox 5
4. axiosを使ってREST APIで取得した情報を、Vue.jsでサイトに表示する | ウェブ制作ノウハウ【100ウェブ】
最近は自社のサービスで得たデータを広く活用して世に役立てようと、APIを公開して不特定多数の外部サービスに提供する動きが広がっています。 そういう動きの中で、これからのサイト制作ではそういった外部のデータをうまく使って自分のサイトをユーザーにとってより有益なものにしようとする動きは加速していくことになると思います。 そこで今回は例として、当サイトのID:14855の記事を取得してタイトルを出力するサンプルコードを載せておきます。 （みなさんがご利用になるときは、このコードを自身のサイト内に設置し、自身のサイトのWordPressの記事を取得するなどのコードに書き換えてください。 クロスドメインでの取得は、相手側（取得先）が許可していないとChromeなどではCORSエラーが出るためです） ※ 前回の記事のコードを修正する形をとっていますので、前回以前の記事も確認されることをおすすめします。
JavaScript：APIサービスのJSONデータを取得して表示する
残念ながら2020年7月31日をもって本記事で利用していたライブドアお天気サービスAPIが終了したため、以下内容は利用できなくなりました。JSONデータの取得や整形に関しては参考になりますが、プログラムは実行できませんのでご了承ください。（管理人） この記事は、JavaScriptを使って（正確には、JavaScriptとPHPを使って）ライブドアお天気サービスAPIからJSONデータを取得し、整形して表示するということをしています。 サンプルページはこちら(動作不可） クロスドメイン制約について いつからなのか記憶していませんが、JavaScriptプログラムにおいてクロスドメイン制約というものが出来ました。 例えば、天気や郵便番号などのJSONデータを提供しているAPIがあったとして、今までは事前にアップロードしたJavaScriptプログラムからレスポンスを取得できました。 今現在（
axiosを用いたAPI通信について
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
Web API入門 | 第1回 APIの概要とデータの取得
Web API入門 第1回 APIの概要とデータの取得 サービスのデータやプログラムを外部から利用できるWeb APIの使い方を解説していきます。まずはWeb APIの役割を理解し、データを取得してみましょう。 Web APIとは？ API（Application Programming Interface）とは、サービスのデータを外部のアプリケーションやプログラムから扱うための機能を提供するインターフェースです。中でも、HTTP通信によってやりとりを行うAPIをWeb APIといいます。 Twitter APIを利用して独自のTwitterクライアントを作ったり、Amazon APIを利用して自分のサイトに最新の商品情報を掲載したりできるのは、TwitterやAmazonが、自社のデータを扱うための処理を抽象化したプログラム（API）を外部に向けて公開しているためです。 このように、公開
【JavaScript】FetchAPIとaxiosの違いって？機能やメリットを比較
今回はJavaScriptのFetchAPIとHTTP通信のライブラリであるaxiosの違いについて解説します。 「fetchAPIとaxiosってやってること同じ...？何が違うの？」という疑問から色々調べてみたのでまとめてみました。 なお、基本構文や根底にある非同期通信、Promise自体の解説は割愛します。 FetchAPIとは まずイメージを掴むために、Fetchの語源から確認してみます。 フェッチとは、取りに行く、取ってくる、持ってくる、などの意味を持つ英単語。ITの分野では機器やプログラムなどが特定の場所からデータなどを読み出す動作のことを指すことが多い。 (フェッチとは - IT用語辞典 より) プログラミングではAPIサーバーなどからデータを持ってくる、取ってくるという意味でfetchという単語がよく使われていますね。 次にFetchAPIに関して確認してみましょう。 Fe
Window: localStorage プロパティ - Web API | MDN
ウェブストレージ APIWindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 m
フェッチ API の使用 - Web API | MDN
フェッチ API は、HTTP リクエストを行い、レスポンスを処理するための JavaScript インターフェイスを提供します。 フェッチは XMLHttpRequest の現代の置き換えです。コールバックを使用する XMLHttpRequest とは異なり、フェッチはプロミスベースで、サービスワーカーやオリジン間リソース共有 (CORS) のような現代のウェブの機能と統合されています。 フェッチ API では、fetch() を呼び出してリクエストを行います。これは ウィンドウとワーカーの両方のコンテキストでグローバル関数として利用できます。このコンテキストには Request オブジェクトか、フェッチする URL を格納した文字列、およびリクエストを構成するためのオプション引数を渡します。 fetch() 関数は Promise を返します。このプロミスはサーバーのレスポンスを表す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.web-development-kb-ja.site/ja/javascript/%E9%85%8D%E5%88%97%E3%81%A7axios-params%E3%82%92%E6%AD%A3%E3%81%97%E3%81%8F%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/837143403/
AxiosのGETパラメータで配列を送るとき - teamlab-frontend
GitHub - justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js
HTML+JavaScriptでこれから始める、REST APIを利用したアプリ開発 第2回目／「JSON」とは何か - MdN Design Interactive
https://xn--xy1bk56a.run/axios/