WebAPI-はじめに
WebAPIは開発者の夢です。
- ブラウザの機能を拡張できます
- 複雑な機能を大幅に簡素化できます
- 複雑なコードに簡単な構文を提供できます
Web APIとは何ですか?
APIは、A pplication P rogramming Interfaceの略です。
Web APIは、Web用のアプリケーションプログラミングインターフェイスです。
ブラウザAPIは、Webブラウザの機能を拡張できます。
サーバーAPIは、Webサーバーの機能を拡張できます。
ブラウザAPI
すべてのブラウザには、複雑な操作をサポートし、データへのアクセスを支援する一連の組み込みWebAPIがあります。
たとえば、Geolocation APIは、ブラウザが配置されている場所の座標を返すことができます。
例
ユーザーの位置の緯度と経度を取得します。
const myElement = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myElement.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
myElement.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
サードパーティのAPI
サードパーティのAPIはブラウザに組み込まれていません。
これらのAPIを使用するには、Webからコードをダウンロードする必要があります。
例:
- YouTubeAPI-Webサイトにビデオを表示できます。
- TwitterAPI-Webサイトにツイートを表示できます。
- FacebookAPI-WebサイトにFacebook情報を表示できます。