Web API - 簡介

Web APIは、開発者の夢です。

  • ブラウザの機能を拡張できます
  • 複雑な機能を大幅に簡素化できます
  • 複雑なコードにシンプルな構文を提供します

Web APIとは何ですか?

APIとは、アプリケーションプログラミングインターフェース(Application Programming Interface)。

Web APIは、Webのアプリケーションプログラミングインターフェースです。

ブラウザAPIは、Webブラウザの機能を拡張できます。

サーバーアプリケーションを拡張するためのサーバーアプリケーションAPIがあります。

ブラウザAPI

すべてのブラウザには、複雑な操作をサポートし、データへのアクセスを助けるための内蔵のWeb APIがあります。

Geolocation APIは、ブラウザの位置の座標を返すことができます。

ユーザーの位置の経度と緯度を取得する:

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "このブラウザは位置情報をサポートしていません.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "経度: " + position.coords.latitude +
  "緯度: " + position.coords.longitude;
}

自分で試してみる

サードパーティ API

サードパーティ API はブラウザに内蔵されていません。

これらの API を使用するには、ウェブからコードをダウンロードする必要があります。

例:

  • YouTube API - あなたのウェブサイトにビデオを表示するために許可されます。
  • Twitter API - あなたのウェブサイトにツイートを表示するために許可されます。
  • Facebook API - あなたのウェブサイトに Facebook の情報を表示するために許可されます。