Myu: GASではJSON.stringfyをつかったほうがいいようです

畑の収穫記録をGASで管理（収穫の個数を記録しその都度、合計の確認）しようかと、ChatGPTにコード頼んでみたけど、なかなか一筋縄ではいかない。AIにより、だいぶコーディングは楽になっているが、やはり、ある程度やりとりしながら、人間側が修正してあげないと動かなかった。

　最初、ChatGPTはサーバ（GAS）からのレスポンスデータを単純にオブジェクトで渡すコードを提示してくれたけれど、それではうまくいかず、やはり、JSON.stringfyを使わないとだめだった。

//***********************html.index**************************
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>
      body { font-family: sans-serif; margin: 20px; }
      label, select, input, button { margin: 5px; }
      div.result-entry { margin-top: 10px; }
    </style>
  </head>
  <body>
    <h2>畑の収穫記録</h2>
    <label>野菜：</label>
    <select id="vege"></select>

<label>メモ：</label>
    <ttextarea id="memo" name="memo" rows="5" cols="40"></ttextarea>　←ttextareaをtextareaに変更必要

<div id="result"></div>
    <h3 id="totalSum">合計金額: -- 円</h3>
<br /> <a href="https://docs.google.com/spreadsheets/d/シートID/edit?gid=0#gid=0">Sheet</a>
    <script>
      let vegeData = {};

function submitData() {
        const name = document.getElementById("vege").value;
        const count = parseInt(document.getElementById("count").value);
        const memo = document.getElementById("memo").value;

console.log("name:", name, "count:", count);

if (!name || !count || count < 1) {
          alert("野菜と個数を正しく入力してください。");
          return;
        }

google.script.run.withSuccessHandler(displayResult).addRecord({ name: name, count: count,memo: memo });
      }

function displayResult(res) {

let response = JSON.parse(res);         
 
        const r = response.record;
        
        const div = document.getElementById("result");

document.getElementById("totalSum").innerText = `合計金額: ${response.totalSum} 円`;
      }

loadVegetables();
    </script>

//*************コード.js****************
const SPREADSHEET_ID = 'シートID';
const SHEET_NAME = 'Records'; // シート名（1枚目なら "Sheet1" のままでもOK）

// 野菜マスタ（名前と単価）
const vegetablePrices = {
  "トマト": 100,
  "ナス": 80,
  "キュウリ": 50,
  "ピーマン": 60,
    "ゴーヤ": 60,
      "インゲン": 5,
        "スイカ": 300,
          "ミニトマト": 10,
            "サツマイモ": 130,
              "サトイモ": 60,
                "シソ": 5,
                  "エダマメ": 10,

};

function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');
}

function getVegetables() {
  return vegetablePrices;
}

function addRecord(data) {
    const ss = SpreadsheetApp.openById(SPREADSHEET_ID);
 // const ss = SpreadsheetApp.getActiveSpreadsheet();
  const sheet = ss.getSheetByName(SHEET_NAME);

if (!sheet) {
    Logger.log('シート名「' + SHEET_NAME + '」は存在しません');
  } else {
    Logger.log('シート名「' + SHEET_NAME + '」が見つかりました');
  }

const name = data.name;
  const count = Number(data.count);
  const unitPrice = vegetablePrices[name] || 0;
  const total = unitPrice * count;
  const date = new Date();
  const memo = data.memo

sheet.appendRow([date, name, count, unitPrice, total,memo]);

const sum = getTotalSum();  // 合計金額取得

// return {
  //  record: { date: date, name: name, count: count, unitPrice: unitPrice, total: total },totalSum: sum
 // };

return JSON.stringify({record: { date: date, name: name, count: count, unitPrice: unitPrice, total: total ,memo : memo},totalSum: sum });
}

function getTotalSum() {

const ss = SpreadsheetApp.openById(SPREADSHEET_ID);
  const sheet = ss.getSheetByName(SHEET_NAME);
  const data = sheet.getRange(2, 5, sheet.getLastRow() - 1).getValues(); // 合計金額列
  return data.reduce((sum, row) => sum + (Number(row[0]) || 0), 0);
}

※　MEMO欄を追加しました。2025/6/27

Myu

2025年6月26日木曜日

GASではJSON.stringfyをつかったほうがいいようです

0 件のコメント:

コメントを投稿

ブログアーカイブ