iPhoneのショートカットでスプレッドシートにデータを送った話

2024年11月17日 16:40

どうも、さなさなさんです。
普段シャドウバースというスマホゲームで遊んでいます。

対戦型のカードゲームで、勝率などをメモしたい時があるのですが、1試合終わるたびに別アプリを開いたりするのは面倒だなぁ。と思っています。
かといって、別のスマホとかPCを起動して2個のデバイスも面倒だなぁ。と思っていました。

そんな中、「iPhoneのショートカット機能を使えば、オーバーレイ的にメモしていけるのでは？？」と思いついたので、実装してみました。

最終的に出来上がったもの

うおおおできた！！！
思ったより時間かかったけど、こういうことで実現できるの楽しー

スプレッドシートにさえ転記しちゃえば、あとの集計は自由にできるし、そこから先は後で考えられる。気分いい。 pic.twitter.com/m54dCa6zpF
— さなさなさん (@2_isqv) November 16, 2024

Twitterの埋め込みで恐縮ですが、こんな感じのものができました。
スマホ側からは、理想通りゲームにオーバーレイ表示して入力フォームが表示されています。
メモしたい項目の「対戦相手（テキストボックス）」「勝ち負け」「先攻後攻」を順に選択していって、それが「Googleスプレッドシート」に自動的にメモされていく。
という挙動です。

スプレッドシートにデータが送られれば、あとは別シートでデータごとに集計したりできるので、結構楽しいです。

色々と試行錯誤したものの、終わってみればそこまで難しくなくできそうなので、共有と備忘録を兼ねて、やったことを残しておこうと思います。

用意しておくもの

iPhone (ショートカット機能が使えるもの)
PC (Googleスプレッドシートの設定に使用)
Googleアカウント（無料のものでOK）

手順

1.Googleスプレッドシートを用意する

こちらのページを開き、新規に「空白のスプレッドシート」を作成します。
※Googleアカウントのログインも済ませておいてください。

その後、欲しい項目だけタイトルを設定します。
自分は、項目1=対戦相手、項目2=勝敗、項目3=先後　を設定しています。

この項目数は、必要に応じて増やしたり減らしたりすることが可能です。

2.AppsScriptを設定する

次に、ショートカットからシートに項目を追加するためのスクリプトを設定していきます。

ページ上部の「拡張機能」から「Apps Script」を選択します。

開くとコード.gsのところが開かれているので、そこを編集していきます。

下記スクリプトを書きます。
このnoteをみて同じものを作ろうとしている方は、そのままコピペしていただいて大丈夫です。

赤枠部分、青枠部分はカスタマイズ可能な部分です。
同じものを作ろうとしている方は①②は読み飛ばしてもらってOKです。

①シート名

集計データを書き込むスプレッドシートのシート名に当たる部分です。
デフォルトは「シート1」とかになってると思うので、

スプレッドシートのシート名を「Sheet2」に合わせる
赤枠の「Sheet2」の部分を変更する
両方行って好きなシート名に変更する

あたりになると思います。お好みです。

②集計項目

青枠の部分は、ショートカットから送られてきたデータをスプレッドシートに追加していくための処理です。

var opponent = json.opponent || "";
var WorL = json.WorL || "";
var AForAL = json.AForAL || "";

この「opponent」「WtoL」「AForAL」は好きな文字列にすることはできますが、詳しくない方はそのままでおねがします。
命名がセンスがないのはちょっと申し訳ないです。個人用ということで適当につけていたので・・・

sheet.appendRow([opponent, WorL, AForAL]);

ここで「opponent」「WtoL」「AForAL」を新しい行として追加しています。
もし名前を変えたり、項目を増やしたらこのあたりも同じように修正してあげてください。

※コピペ用

function doPost(e) {
  var jsonResponse;
  
  try {
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet2");
    if (!sheet) throw new Error("Sheet2 が見つかりません");

    var json = JSON.parse(e.postData.contents);
    
    var opponent = json.opponent || "";
    var WorL = json.WorL || "";
    var AForAL = json.AForAL || "";

    sheet.appendRow([opponent, WorL, AForAL]);
    
    jsonResponse = {
      status: "success",
      message: "データが正常に追加されました"
    };
  } catch (error) {
    jsonResponse = {
      status: "error",
      message: error.message
    };
  }

  return ContentService.createTextOutput(JSON.stringify(jsonResponse))
                       .setMimeType(ContentService.MimeType.JSON);
}

③AppsScriptをデプロイする

ソースが準備できたら、次はデプロイをします。独特の言葉を使っていますが、要はiPhoneショートカットから接続できるようにする。という意味です。

右上に「デプロイ」と書かれた青いボタンがあります。
さらにその奥の「▼」の部分を押して、「新しいデプロイ」というボタンを押します。

新しいデプロイを押すと、下のような画面が出てくるので、次は赤枠の歯車の部分を押します。

すると、いくつか選択肢が出てくるのでその中から「ウェブアプリ」を選びます。

別の画面が映るので、下図のように設定をします。

設定が完了したら、右下の「デプロイ」と書いてあるボタンを押します。

※デプロイボタンを押した後に
「このウェブアプリケーションを使用するには、データへのアクセスを許可する必要があります。」という画面が表示された場合は「アクセスを承認」を押します。
そのあとに、「このアプリケーションは確認されていません」など言われることもありますが、自分で作って自分だけで使うので基本は問題ないかと思います。
以下のサイトに詳しい説明や解消手順など書いてありますので、
デプロイボタンを押した後に「アクセスを許可する必要があります。」と出た場合は下記サイトを参照して解消してください。

デプロイが終わると、下の成功画面が表示されます。
この中の　URLの下にある「コピー」の部分を押して、URLをコピーしてメモしておいてください。後で使います。
メモが終わったら、「完了」ボタンを押します。