Google スプレッドシートを API 経由で読み込もう！

去年別のサイトで書いた記事を再公開したものです。

超簡単です。Google スプレッドシートに書いた情報を API というものを使って読み込む方法を解説します。
応用すれば、簡易 CMS としても使用できます！コピペするだけで使えるのでぜひご覧ください。

スプレッドシートを作成しよう

当たり前ですがまずはスプレッドシートを作成する必要があります。わかりやすくするために以下のように作ることをお勧めします。

$$
\begin{array}{|c|c|c|c|c|} \hline
いつ（yyyy-mm) & どこで & 何を & どのように & リンク \ \hline
2023-08 & 東京で & すしを食べた & もぐもぐ。 & url \ \hline
2022-05 & マレーシアで & ナシレマを食べた & スプーンを使って食べた & url \ \hline
\end{array}
$$

試しに私は日記のようなページを作りたかったので、このようにしました。このようにした場合、「上の行も読み込んでしまうのではないか？」と思うかもしれませんが、読み込まないように設定できるので大丈夫です。

API を使ってみよう

Google Sheets API を有効化する

まずは Google Sheets API を以下のサイトより有効化します。
Google Cloud console

有効化ボタンを押して有効化します。

API キーを作成する

「API とサービス」ページに行き、新しい認証情報を作成します。

「API キー」を押して作成します。これで準備は整いました！あとは API にリクエストを送ります！

API にリクエストを送る

Google sheets API は sheets.googleapis.com にリクエストを送ることで使用できます。
以下は今回取得するのに必要なものを含めたリンクです。ご自分のシートに合わせて使ってください。

<https://sheets.googleapis.com/v4/spreadsheets/{シートID}/values/{シート名!始点:終点}/?key={APIキー}>

完成！API を送ってみよう！

完成した API のリクエストを送ってみると、以下のような文章が画面に表示されます。表示されれば成功です！やったね！

{ "range": "Japanese!A2:F10", "majorDimension": "ROWS", "values": [ [ "2023-08", "東京で", "チキンを食べた", "もぐもぐ", "https://google.com", "bg-green" ] ] }