うまトマを食べに行く！！

はじめに

友人とうまトマを食べに行きたい！
私たちの中間のうまトマを探しに行く...

住所のリストを取得

以下がうまトマ店舗一覧です。

店舗一覧 | 店舗案内｜松屋フーズ
https://pkg.navitime.co.jp/matsuyafoods2/spot/list?c_campain15=1&dc=%7B%27c_campain15%27%3A%271%27%7D

店舗の住所一覧をクリップボードにコピーするため、以下のスクリプトをコンソールで実行しました。

// クリップボードにコピーする関数
function copyToClipboard(text) {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
}

// IDが"w_7_searchresult_1_1-widget-body"の要素を取得
const widgetBody = document.querySelector("#w_7_searchresult_1_1-widget-body");

// 該当する要素のXPath
const xpath = '//*/div/dl/dd[1]';

// XPathを使用して該当する要素のリストを取得
const elements = document.evaluate(xpath, widgetBody, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

// 該当する要素の数を表示
console.log(`該当する要素の数: ${elements.snapshotLength}`);

// 該当する要素をすべて表示
let str = "";
for (let i = 0; i < elements.snapshotLength; i++) {
  const element = elements.snapshotItem(i);
  console.log(element.innerHTML);
  str += element.innerHTML.trim()
  str += '\n'
}
copyToClipboard(str)

Google Mapにピンを立てる

スプレッドシートを開き、先ほどクリップボードにコピーした住所一覧をペーストする。

mymapを新規作成し、先ほどのスプレッドシートをインポート。

完成！！
独自うまトママップ

最後に

うまトマが楽しみです！！

参照