Myu: cloud

ラベル cloud の投稿を表示しています。すべての投稿を表示

2026年5月13日水曜日

畑管理GASについて

畑資材の支出入をGASで管理していたものに、機能を少し追加した。これまで畑管理は、ノートに書き込んでいたが、さすがに中身が増えてくると、整理がつきにくくなったので、これもGASで管理してみることにした。

　オープンデータのＡＰＩから天気、気温、降水量、風力など、自動で入力されるようにしました。畑日記のようなものです。

code.gs*******************
  const SPREADSHEET_ID = '***************';
const SHEET_NAME = 'Records2026'; // 年度毎変更可
const SHEET_NAME_EX='Expense2026'
const SHEET_YEAR='2026';
const GOOGLE_DRIVE = '***************';　//畑画像保存用

// 野菜マスタ（名前と単価）
const vegetablePrices = {
  "トマト": 100,
  "ナス": 40,
  "キュウリ": 40,
  "ピーマン": 20,
  "ゴーヤ": 60,
  "インゲン": 5,
  "スイカ": 1000,
  "末成りスイカ":200,
  "ミニトマト": 10,
  "サツマイモ": 130,
  "サトイモ": 40,
  "シソ": 5,
  "エダマメ": 10,
  "人参":40,
  "大根":100,
  "カブ":80
};

const CultivationRecordsPerspectives = {
  "栽培":0,  "技術":1,  "その他":2
};

function weatherText(code) {
  const map = {
    0: "晴",
    1: "晴れ時々曇",
    2: "曇",
    3: "曇",
    45: "霧",
    61: "弱雨",
    63: "雨",
    65: "強雨",
    71: "雪"
  };

return map[code] || "不明";
}

function doGet(e) {

const page = e.parameter.page || "index";

return HtmlService
    .createTemplateFromFile(page)
    .evaluate();
}

// HTML読み込み用
function include(filename) {
  return HtmlService
    .createHtmlOutputFromFile(filename)
    .getContent();
}

// 検索
function searchRecords(keywordText) {

const keywords = keywordText
    .trim()
    .toLowerCase()
    .split(/\s+/);

// 現在年
  let targetYear =
    String(new Date().getFullYear());

// yyyy取得
  const yearKeyword =
    keywords.find(k =>
      /^\d{4}$/.test(k)
    );

// 指定年あれば切替
  if(yearKeyword){

targetYear = yearKeyword;
  }

// スプレッドシート
  const ss =
    SpreadsheetApp.openById(
      SPREADSHEET_ID
    );

// 年シート
  const sheet =
    ss.getSheetByName(targetYear);

if(!sheet){

throw new Error(
      'シートなし: ' + targetYear
    );
  }

const values =
    sheet.getDataRange()
      .getValues();

// 年キーワード除外
  const searchKeywords =
    keywords.filter(k =>
      !/^\d{4}$/.test(k)
    );

const results = [];

for(let i = 1; i < values.length; i++){

const row = values[i];

const comment =
      String(row[7] || "")
        .toLowerCase();

const matched =
      searchKeywords.every(k =>
        comment.includes(k)
      );

if(!matched) continue;

results.push({

date:
        Utilities.formatDate(
          row[0],
          Session.getScriptTimeZone(),
          'yyyy-MM-dd'
        ),

weather:
        String(row[1] || ""),

comment:
        String(row[7] || ""),

image:
        String(row[8] || "")

});
  }

return results;
}

function getVegetables() {
  return vegetablePrices;
}

function getCultivationRecordsPerspectives() {
  return CultivationRecordsPerspectives;
}

function getWeatherOptions() {
  const options = [];

for (let i = 0; i <= 100; i++) {
    const text = weatherText(i);

if (text !== "不明" && !options.includes(text)) {
      options.push(text);
    }
  }

return options;
}

function getWeatherData(dateStr) {
  const latitude = **.**;//畑の　緯度　と　経度　を設定
  const longitude = ***.**;

const url =
    "https://api.open-meteo.com/v1/forecast" +
    "?latitude=" + latitude +
    "&longitude=" + longitude +
    "&hourly=temperature_2m,precipitation,wind_speed_10m,weathercode" +
    "&start_date=" + dateStr +
    "&end_date=" + dateStr +
    "&timezone=Asia%2FTokyo";

const response = UrlFetchApp.fetch(url);
  const data = JSON.parse(response.getContentText());

const temps = data.hourly.temperature_2m;
  const precs = data.hourly.precipitation;
  const winds = data.hourly.wind_speed_10m;
  const codes = data.hourly.weathercode;

const tempMax = Math.max(...temps);
  const tempMin = Math.min(...temps);
  const precipitation = precs.reduce((a, b) => a + b, 0);
  const windMax = Math.max(...winds);

// 最頻出天気コード
  const weatherCode = mode(codes);

return {
    weather: weatherText(weatherCode),
    tempMax: tempMax,
    tempMin: tempMin,
    precipitation: precipitation,
    windMax: windMax
  };
}

function mode(arr) {
  const count = {};
  let max = 0;
  let result = arr[0];

arr.forEach(v => {
    count[v] = (count[v] || 0) + 1;
    if (count[v] > max) {
      max = count[v];
      result = v;
    }
  });

return result;
}

function uploadImageToDrive(base64Data, fileName) { 
  const folder = DriveApp.getFolderById(GOOGLE_DRIVE);
  const contentType =
    base64Data.match(/^data:(.*);base64,/)[1];

const bytes =
    Utilities.base64Decode(
      base64Data.split(',')[1]
    );

const blob = Utilities.newBlob(
    bytes,
    contentType,
    fileName
  );

const file = folder.createFile(blob);

return file.getUrl();
}

function init(){
  const obj= getTotalSum();  // 合計金額取得 
  return JSON.stringify({
    totalSum: obj.sum 
    ,lastDay: obj.last
    ,totalSumEx: obj.sumex 
    ,lastDayEx: obj.lastex
    ,balance:obj.balance
      });
}

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 obj = getTotalSum();  // 合計金額取得
  sum=obj.sum;

return JSON.stringify({
    record: { 
      dateEx: "", 
      hinmei: "", 
      kingaku: 0,
      memoEx: "",
      date: date, 
      name: name, 
      count: count, 
      unitPrice: unitPrice, 
      total: total,
      memo: memo
    },
    totalSum: sum ,
    totalSumEx:0,
    balance: obj.balance
  });
}

function addRecordEx(data) {
  const ss = SpreadsheetApp.openById(SPREADSHEET_ID);
  const sheet = ss.getSheetByName(SHEET_NAME_EX);
  
  if (!sheet) {
    Logger.log('シート名「' + SHEET_NAME_EX + '」は存在しません');
  } else {
    Logger.log('シート名「' + SHEET_NAME_EX + '」が見つかりました');
  }
  
  const hinmei = data.hinmei;
  const kingaku = data.kingaku;
  const dateEx = new Date();
  const memoEx = data.memoEx;
  
  sheet.appendRow([dateEx, hinmei, kingaku, kingaku, kingaku, memoEx]);
  const obj = getTotalSum();  // 合計金額取得
  sum=obj.sumex;

return JSON.stringify({
    record: { 
      dateEx: dateEx, 
      hinmei: hinmei, 
      kingaku: kingaku,
      memoEx: memoEx,
      date: "", 
      name: "", 
      count: 0, 
      unitPrice: 0, 
      total: 0,
      memo: ""
    },
    totalSumEx: sum ,
    balance: obj.balance
  });
}

function addRecordCr(data) {
  const ss = SpreadsheetApp.openById(SPREADSHEET_ID);
  const sheet = ss.getSheetByName(SHEET_YEAR);

if (!sheet) {
    throw new Error('シート名「' + SHEET_YEAR + '」は存在しません');
  }

sheet.appendRow([
    data.cultivationRecordsDate,
    data.weather,
    data.tempMax,
    data.tempMin,
    data.precipitation,
    data.windMax,
    data.cultivationRecordsPerspective,
    data.cultivationRecordsComment,
    data.imageUrl
  ]);

return "保存しました";
}

function getTotalSum() {
  const ss = SpreadsheetApp.openById(SPREADSHEET_ID);
  const sheet = ss.getSheetByName(SHEET_NAME);
  const data = sheet.getRange(2, 5, sheet.getLastRow() - 1).getValues(); // 合計金額列
  const lastRow = sheet.getRange("A:A").getValues().filter(String).length;
  const lastValue = sheet.getRange(lastRow, 1).getValue();
  const total=data.reduce((sum, row) => sum + (Number(row[0]) || 0), 0);

const sheetEx = ss.getSheetByName(SHEET_NAME_EX);
  const dataEx = sheetEx.getRange(2, 5, sheetEx.getLastRow() - 1).getValues(); // 合計金額列
  const lastRowEx = sheetEx.getRange("A:A").getValues().filter(String).length;
  const lastValueEx = sheetEx.getRange(lastRowEx, 1).getValue();
  const totalEx=dataEx.reduce((sumex, rowex) => sumex + (Number(rowex[0]) || 0), 0);

return {sum:total,last:lastValue,sumex:totalEx  ,lastex:lastValueEx    ,balance: total-totalEx  };
 
}
  
  *******index.html
  <!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>

body {
  font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background-color: #f4f7f4;
}

table {
  border-collapse: separate;
  border-spacing: 20px;
  margin: 20px auto;
}

td {
  vertical-align: top;
}

.card {
  background: #ffffff;
  padding: 20px 24px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  min-width: 300px;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  color: #2f6f4e;
  border-bottom: 2px solid #e0eee6;
  padding-bottom: 6px;
}

label {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  color: #444;
}

input, select, textarea {
  width: 100%;
  margin-top: 4px;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
}

textarea {
  resize: vertical;
}

button {
  margin-top: 14px;
  padding: 8px 16px;
  background-color: #4caf75;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}

button:hover {
  background-color: #3f9a66;
}

h3 {
  margin-top: 16px;
  color: #333;
}

.total {
  font-weight: bold;
  color: #2f6f4e;
}

.balance {
  background: #fffbe6;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
</style>

</head>
  <body>
    <table>
    <tr>
　　　<td>
      <h2>栽培記録</h2>
            　記録検索
        <input
         type="text"
         id="keyword"
         placeholder="キーワードをスペース区切り yyyyないと今年">
　　　　　<button onclick="search()">検索</button>
<h2>検索結果</h2>
<div id="resultSrch">
</div>
    
    
      <div id="resultCr"></div>
      <label>年月日：</label>
      <input type="date" id="CultivationRecordsDate">
    
      <label>天気：</label>
      <select id="Weather"></select> 
      <br> 
    
      <label>最高気温(℃)：</label>
      <input type="number" id="TempMax" value="0" />

<button type="button" onclick="uploadImage()">
  画像アップロード(数秒かかります)
</button>

<label>画像URL：</label>
<input type="text" id="ImageUrl" size="60">

</dt>

<td>
      <h2>畑の収穫記録</h2>
      <label>野菜：</label>
      <select id="vege"></select> 
    
      <label>個数：</label>
      <input type="number" id="count" min="1" value="1" />
      <br> 
    
      <label>メモ：</label>
      <ｔｅｘｔａｒｅａ id="memo" name="memo" rows="5" cols="40"></ｔｅｘｔａｒｅａ> 
    
      <button onclick="submitData()">収穫登録</button> 
    
      <div id="result"></div>
      <h3 id="totalSum">合計金額: -- 円</h3>
    </dt>
    <td>
      <h2>支出記録</h2>
      <label>品名:</label>
      <input type="text" id="hinmei"></select> 
    
      <label>金額：</label>
      <input type="number" id="kingaku" min="0" value="0" />
      <br> 
    
      <label>メモ：</label>
      <ｔｅｘｔａｒｅａ id="memoEx" name="memoEx" rows="5" cols="40"></ｔｅｘｔａｒｅａ> 
    
      <button onclick="submitDataEx()">支出登録</button> 
    
      <div id="resultEx"></div>
      <h3 id="totalSumEx">合計支出金額: -- 円</h3>
        <h3 id="balance">差引計算: -- 円</h3>
      <br>
    </td>
 
    </tr>
    </table><table>
 
    
    <a href='***********'>Sheet</a>
    
    <script>
      
      
      function search(){
  const keyword =
    document.getElementById("keyword").value;

google.script.run
  .withSuccessHandler(showResults)
  .withFailureHandler(showError)
  .searchRecords(keyword);

}

function showError(error){

console.error(error);

document.getElementById("resultSrch")
    .innerHTML =
      "エラー: " + error.message;
}

function showResults(results){

const div =
    document.getElementById("resultSrch");
  div.innerHTML = "";
  if(results.length === 0){
    div.innerHTML = "該当なし";
    return;
  }

results.forEach(r => {

console.log(r);

let imageHtml = "";

if(r.image && typeof r.image === "string"){

imageHtml = `
      <div>
        <img
          src="${r.image}"
          style="max-width:300px;">
      </div>
    `;
  }

const html = `
    <div class="card">

<div>${r.date}</div>
      <div>${r.comment}</div>

${imageHtml}

</div>
  `;

div.innerHTML += html;
});

}
      
      
      
      
      
      function setToday() {
  const today = new Date();

// ローカル日付を YYYY-MM-DD に
  const yyyy = today.getFullYear();
  const mm = String(today.getMonth() + 1).padStart(2, '0');
  const dd = String(today.getDate()).padStart(2, '0');

document.getElementById("CultivationRecordsDate").value =
    `${yyyy}-${mm}-${dd}`;
}

function uploadImage() {
  alert("uploadImage開始");

const file = document.getElementById("ImageFile").files[0];

if (!file) {
    alert("画像なし");
    return;
  }

const reader = new FileReader();

reader.onload = function(e) {
    alert("reader.onload");

google.script.run
      .withSuccessHandler(function(url) {
        console.log("SUCCESS");
        console.log(url);
        alert("SUCCESS: " + url);

const el =
          document.getElementById("ImageUrl");

alert("el=" + el);

el.value = url;
      })
      .withFailureHandler(function(err) {
        console.log("FAIL");
        console.log(err);
        alert("FAIL: " + err.message);
      })
      .uploadImageToDrive(
        e.target.result,
        file.name
      );
  };

reader.readAsDataURL(file);
}

document.getElementById("CultivationRecordsDate")
  .addEventListener("change", fetchWeather);

window.onload = function() {
         google.script.run.withSuccessHandler(displayResult2).init();
    };

data.forEach(function(item) {
      const opt = document.createElement("option");
      opt.value = item;
      opt.text = item;
      select.appendChild(opt);
    });

}).getWeatherOptions();
}

function fetchWeather() {
  const date = document.getElementById("CultivationRecordsDate").value;
  google.script.run
    .withSuccessHandler(function(result) {
      document.getElementById("Weather").value = result.weather;
      document.getElementById("TempMax").value = result.tempMax;
      document.getElementById("TempMin").value = result.tempMin;
      document.getElementById("Precipitation").value = result.precipitation;
      document.getElementById("WindMax").value = result.windMax;
    })
    .getWeatherData(date);
}

function submitDataCr() {
  const cultivationRecordsDate =
    document.getElementById("CultivationRecordsDate").value;
  const weather =
    document.getElementById("Weather").value;
  const tempMax =
    document.getElementById("TempMax").value;
  const tempMin =
    document.getElementById("TempMin").value;
  const precipitation =
    document.getElementById("Precipitation").value;
  const windMax =
    document.getElementById("WindMax").value;
  const cultivationRecordsPerspective =
    document.getElementById("CultivationRecordsPerspective").value;
  const cultivationRecordsComment =
    document.getElementById("memo").value;
  const imageUrl =
  document.getElementById("ImageUrl").value;

google.script.run
    .withSuccessHandler(displayResultCr)
    .addRecordCr({
      cultivationRecordsDate: cultivationRecordsDate,
      weather: weather,
      tempMax: tempMax,
      tempMin: tempMin,
      precipitation: precipitation,
      windMax: windMax,
      cultivationRecordsPerspective: cultivationRecordsPerspective,
      cultivationRecordsComment: cultivationRecordsComment,
      imageUrl:imageUrl
    });
}

function displayResult(res) {
        let response = JSON.parse(res);
        const r = response.record;

if (r.hinmei==""){
           const div = document.getElementById("result");
        const entry = document.createElement("div");
        entry.className = "result-entry";
        entry.innerHTML = `<strong>${new Date(r.date).toLocaleString()}</strong> - ${r.name} (${r.count}個 × ${r.unitPrice}円) = <strong>${r.total}円</strong><br>MEMO:<BR>${r.memo.replace(/\r?\n/g, "<br>")}`;
        //entry.innerHTML = `<strong>date</strong> - name  1個 × 100円) = <strong>200円</strong>`;
        div.appendChild(entry);
        
        document.getElementById("totalSum").innerText = `合計金額: ${response.totalSum} 円`;
        document.getElementById("balance").innerText = `差引計算: ${response.balance} 円`;

}else{
        const div = document.getElementById("resultEx");
        const entry = document.createElement("div");
        entry.className = "result-entry";
        entry.innerHTML = `<strong>${new Date(r.dateEx).toLocaleString()}</strong> - ${r.hinmei} (${r.kingaku}円</strong><br>MEMO:<BR>${r.memoEx.replace(/\r?\n/g, "<br>")}`;
       
        div.appendChild(entry);
        
        document.getElementById("totalSumEx").innerText = `合計金額: ${response.totalSumEx} 円`;

}
        
        document.getElementById("balance").innerText = `差引計算: ${response.balance} 円`;
     
      }

function displayResultCr(result) {
  document.getElementById("resultCr").innerText = result;
}
      
      loadVegetables();
      loadCultivationRecordsPerspective();
      loadWeather();
        setToday();
        fetchWeather();
        
    </script>
  </body>
</html>

※textareaのみ全角を半角にする必要あります。

※検索機能追加しました。

2026年3月17日火曜日

ESP32にマイクとアンプは、負荷が高く断念

esp32C3のハードの能力ではデジタルで音声処理は難しそうで、せっかくの部品購入ではありましたが、諦めて、別の方法に切り替えました。esp32はテキスト処理にとどめておいたほうがい無難なようです。目的は音声認識英英辞典だったので、GithubPagesに、Javascriptでこちらにサイトをつくってみました。スマホなどからアクセスすると便利に使えそうです。

最初からこの方法を思いついていれば、わざわざesp32で難しいことしなくても、実現できたのですが、、、。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Voice Dict</title>
    <style>
        body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f0f2f5; font-family: sans-serif; text-align: center; }
        #btn,#repeat { width: 200px; height: 200px; border-radius: 50%; border: 8px solid #fff; background: #007bff; color: white; font-size: 22px; font-weight: bold; cursor: pointer; box-shadow: 0 8px 15px rgba(0,0,0,0.1); transition: 0.2s; -webkit-tap-highlight-color: transparent; }
        #btn:active { transform: scale(0.9); background: #0056b3; }
        #status { margin-top: 15px; color: #666; font-size: 14px; height: 20px; }
        #result-box { margin: 20px; padding: 20px; background: white; border-radius: 15px; width: 85%; max-width: 500px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); min-height: 120px; }
        #word-text { font-size: 26px; color: #333; margin-bottom: 10px; font-weight: bold; text-transform: capitalize; }
        #def-text { font-size: 17px; color: #555; line-height: 1.6; text-align: left; }
    </style>
</head>
<body>

<button id="btn">PUSH & SPEAK</button>
    <div id="status">Ready</div>

<div id="result-box">
        <div id="word-text">English Dictionary</div>
        <div id="def-text">Tap the button and say a word. (e.g., "Apple")</div>
        <button id="repeat">Repeat</button>
    </div>

// 音声認識の設定
        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
        const recognition = new SpeechRecognition();
        recognition.lang = 'en-US';
        recognition.interimResults = false;

btn.onclick = () => {
            window.speechSynthesis.cancel(); // 再生中の音声を停止
            try {
                recognition.start();
                status.innerText = "Listening...";
                btn.style.background = "#ff4757";
            } catch (e) {
                console.log("Recognition already started");
            }
        };
        
         repeat.onclick = () => {
             speak(word + ". " + meaning);
        };

recognition.onresult = async (event) => {
            word = event.results[0][0].transcript.toLowerCase().trim();
            wordText.innerText = word;
            defText.innerText = "Searching...";
            btn.style.background = "#007bff";

try {
                //const res = await fetch(`https://dictionaryapi.dev{word}`);
                const res = await fetch('https://api.dictionaryapi.dev/api/v2/entries/en/' + word);
                
                const data = await res.json();
                 //speak("Under analysis");
                
                // APIが配列で返ってこない（エラー）場合
                if (!Array.isArray(data) || data.length === 0) {
                    const msg = "Sorry, no definition found for " + word;
                    defText.innerText = msg;
                    speak(msg);
                } else {
                    // ★重要：階層を安全にたどる
                    meaning = data[0].meanings[0].definitions[0].definition;
                    defText.innerText = meaning;
                    speak(word + ". " + meaning);
                }
            } catch (e) {
                defText.innerText = "Error: Check your internet connection.";
                speak("Connection error.");
            }
            status.innerText = "Done";
        };

recognition.onend = () => {
            btn.style.background = "#007bff";
            if (status.innerText === "Listening...") status.innerText = "Ready";
        };

function speak(text) {
            const uttr = new SpeechSynthesisUtterance(text);
            uttr.lang = 'en-US';
            uttr.rate = 0.9;
            window.speechSynthesis.speak(uttr);
        }
    </script>
</body>
</html>

2025年9月18日木曜日

クラウド経由の家計簿データ保存

　これまで、raspiにテキストデータとして、外出中の買い物データを保存して、自作家計簿ソフトでインポートするようにしていたけれど、実際、旅行中など使ってみると、削除や編集の機能もないと不便だった。そこで、sqlite3を使って、raspiのbottleはWebAPI形式にしてみた。

　スマホはjavaでCRUDができるようにしたが、これが一番時間がかかった。完全にMVCに則ってコーディングするため、メンテはしやすいだろうけど、最初はなかなか大変。画面の該当行を長押しで、編集・削除もできるようにしたところ、けっこう便利になった。一般のクラウドでとなると、維持費もまあまあかかると思うので、個人利用なら、やはり、raspiが一番の節約になりそう。

　raspiは、省エネのわりに、SSRと組み合わせてタイマー機能、タッチパッドPC起動、ネットラジオ録音とさまざま活用できて手放せない存在になっている。

2024年11月19日火曜日

GAS版のHamlog作ってみた

GoogleAppScriptでクラウド版のハムログを作ってみた。raspiサーバに構築も考えたが、ハードがいつまで持つか心配もあったので、とりあえずクラウドで試してみた。最近は、ChatGPTにも助けてもらっているので、比較的短時間でコーディングができるようになった。

　スプレッドシートやGASは無料で使える。その分、スピードが遅いが、個人で使う分には、問題ないと思う。

　移動運用の時などもその場で記録できて便利かもしれない。過去に交信しているかコールサインで検索できるようにした。jcc検索機能も追加した、ただし、シートに自分で作ったjcc番号と市郡名の対応表を用意する必要があった。ネットからの情報を加工した。

GAS と　index.htmlは以下の通りです。

Gasのほうのコードは以下のようなもの。シートIDを入れると使えると思います。*********************************************
function doGet(e) {
  return HtmlService.createTemplateFromFile("index").evaluate();
}

function JccCheck(jcc) {

function CallCheck(call) {

const url = `https://www.tele.soumu.go.jp/musen/list?ST=1&OF=2&DA=1&OW=AT&SK=2&DC=1&SC=1&MA=${encodeURIComponent(call)}`;
  let licQth="";
  try {
    const response = UrlFetchApp.fetch(url);
    const data = JSON.parse(response.getContentText());
    
    if (data && data.musen && data.musen.length > 0) {
      const musenInfo = data.musen[0].detailInfo;
      const radioSpec1 = musenInfo.radioSpec1;
      const radioEquipmentLocation = musenInfo.radioEuipmentLocation;

// 必要なデータを返す
      licQth=`${radioSpec1} ${radioEquipmentLocation}`;
    } else {
      liqQth= "No data";
    }
  } catch (error) {
    licQth="Error!";
  }

function Set(hiduke,jikoku,jikokuE,call,callRes,hisRST,myRST,waveType,freq,power,biko,qslS,qslR,qra,page, itemsPerPage) {

let spreadSheet = SpreadsheetApp.openById('1jdqJ9Eq4KrBpYczGE-MdabngvJ1wDl9mdm8rS0UtL5o');
   let sheet = spreadSheet.getSheetByName('シート1');

let lastrow = sheet.getLastRow();

sheet.getRange(lastrow+1, 1).setValue(hiduke);
   sheet.getRange(lastrow+1, 2).setValue(jikoku);
   sheet.getRange(lastrow+1, 3).setValue(jikokuE);
   sheet.getRange(lastrow+1, 4).setValue(call);
   sheet.getRange(lastrow+1, 5).setValue(callRes);
   sheet.getRange(lastrow+1, 6).setValue(hisRST);
   sheet.getRange(lastrow+1, 7).setValue(myRST);
   sheet.getRange(lastrow+1, 8).setValue(waveType);
   sheet.getRange(lastrow+1, 9).setValue(freq);
   sheet.getRange(lastrow+1, 10).setValue(power);
   sheet.getRange(lastrow+1, 11).setValue(biko);
   sheet.getRange(lastrow+1, 12).setValue(qslS);
   sheet.getRange(lastrow+1, 13).setValue(qslR);
   sheet.getRange(lastrow+1, 14).setValue(qra);

//return "送信済み"

return LoadPage(page, itemsPerPage);
  }

function LoadPage(page, itemsPerPage) {
  let spreadSheet = SpreadsheetApp.openById('1jdqJ9Eq4KrBpYczGE-MdabngvJ1wDl9mdm8rS0UtL5o');
  let sheet = spreadSheet.getSheetByName('シート1');
  let lastrow = sheet.getLastRow();
  let startRow = Math.max(lastrow - page * itemsPerPage, 1);
  let endRow = Math.max(startRow - itemsPerPage + 1, 1);
　let totalPages = Math.ceil(lastrow / itemsPerPage);

let data = [];
  
  for (let i = startRow; i >= endRow; i--) {
    data.push({
      hiduke: Utilities.formatDate(new Date(sheet.getRange(i, 1).getValue()), "Asia/Tokyo", "yyyy/MM/dd"),
      jikoku: Utilities.formatDate(new Date(sheet.getRange(i, 2).getValue()), "Asia/Tokyo", "HH:mm"),
      jikokuE: Utilities.formatDate(new Date(sheet.getRange(i, 3).getValue()), "Asia/Tokyo", "HH:mm"),
      call: sheet.getRange(i, 4).getValue(),
      callRes: sheet.getRange(i, 5).getValue(),
      hisRST: sheet.getRange(i, 6).getValue(),
      myRST: sheet.getRange(i, 7).getValue(),
      waveType: sheet.getRange(i, 8).getValue(),
      freq: sheet.getRange(i, 9).getValue(),
      power: sheet.getRange(i, 10).getValue(),
      biko: sheet.getRange(i, 11).getValue(),
      qslS: sheet.getRange(i, 12).getValue(),
      qslR: sheet.getRange(i, 13).getValue(),
      qra: sheet.getRange(i, 14).getValue()
    });
  }

return { data: data ,totalPages:totalPages};
}

function uploadAdifData(adifData, page, itemsPerPage) {
  const spreadSheetId = '1jdqJ9Eq4KrBpYczGE-MdabngvJ1wDl9mdm8rS0UtL5o';
  const sheetName = 'シート1';

let spreadSheet = SpreadsheetApp.openById(spreadSheetId);
  let sheet = spreadSheet.getSheetByName(sheetName);

// ADIFデータを行ごとに分割
  const lines = adifData.trim().split('\n');

lines.forEach(line => {
    const data = parseAdifLine(line);
    if (data) {
      const lastRow = sheet.getLastRow() + 1;

const utcDate = new Date(data.qso_date.substring(0, 4), data.qso_date.substring(4, 6) - 1, data.qso_date.substring(6, 8));
      const utcTime = data.time_on.match(/.{1,2}/g);
      utcDate.setHours(utcTime[0]);
      utcDate.setMinutes(utcTime[1]);
      utcDate.setSeconds(0);

const jstDate = new Date(utcDate);
      jstDate.setHours(jstDate.getHours() + 9);

// JSTの日付と時刻を計算
      const hiduke = `${jstDate.getFullYear()}/${('0' + (jstDate.getMonth() + 1)).slice(-2)}/${('0' + jstDate.getDate()).slice(-2)}`;
      const jikoku = `${('0' + jstDate.getHours()).slice(-2)}:${('0' + jstDate.getMinutes()).slice(-2)}`;

// スプレッドシートにデータを挿入
      sheet.getRange(lastRow, 1).setValue(hiduke);
      sheet.getRange(lastRow, 2).setValue(jikoku);
      sheet.getRange(lastRow, 3).setValue(''); // jikokuE
      sheet.getRange(lastRow, 4).setValue(data.call);
      sheet.getRange(lastRow, 5).setValue(''); // callRes
      sheet.getRange(lastRow, 6).setValue(data.rst_rcvd);
      sheet.getRange(lastRow, 7).setValue(data.rst_sent);
      sheet.getRange(lastRow, 8).setValue(data.mode);
      sheet.getRange(lastRow, 9).setValue(data.freq);
      sheet.getRange(lastRow, 10).setValue(''); // power
      sheet.getRange(lastRow, 11).setValue(''); // biko
      sheet.getRange(lastRow, 12).setValue(''); // qslS
      sheet.getRange(lastRow, 13).setValue(''); // qslR
      sheet.getRange(lastRow, 14).setValue(''); // qra
    }
  });

return LoadPage(page, itemsPerPage);
}

index.htmlは以下のようなものです。*******************************************************

<html>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <head>
    <base target="_top">
      <script src="https://code.jquery.com/jquery-3.6.1.slim.min.js"  integrity="sha256-w8CvhFs7iHNVUtnSP0YKEg00p9Ih13rlL9zGqvLdePA="  crossorigin="anonymous">
      </script>
       <style>
    table {
      border-collapse: collapse; /* 枠線を1本にする */
      margin: auto;
      border: 1px solid black; /* テーブル全体の枠線 */
    }
    th, td {
      border: 1px solid black; /* 各セルの枠線 */
      padding: 2px;
      text-align: center;
    }
    #callChekResp {
      color:red;
    }
    fieldset {
  border: none; /* 枠線を消す */
}

/* PC向けのデザイン */
body {
  font-size: 24px;
  margin: 2px;

}

input,select,button {
     font-size:20px;
      margin: 1px;
     
  }

table,#pagination {
       font-size:18px;
  }

.for-pc {
    display: block;
  }
  .for-mobile {
    display: none;
  }

/* スマートフォン向けのデザイン */
@media (max-width: 1100px) {
  body {
    font-size: 40px;
    margin: 2px;

}

input,select,button {
     font-size:40px;
      margin: 1px;
      
  }
      table,#pagination,#prevPage,#nextPage {
       font-size:11px;
  }
  .special-item {
  display: block; /* 改行が適用される */
 }
  
    .for-pc {
    display: none;
  }
  .for-mobile {
    display: block;
  }
}
 </style>
</head>
  <body>
    <center>
   <div >   
    <fieldset>
     <input type="text" id="hiduke" value="" style="width: 250px;">
     <input type="text" id="jikoku" value="" style="width: 180px;">
      <button id='Start' onclick="StartSave()" >始</button>
           <input type="text" id="jikokuE" value="" style="width: 180px;">
     <button id='End' onclick="EndSave()" >終</button>  
    </fieldset>

<fieldset>    
  
     CALL<input type="text" id="call" value="" style=" text-transform: uppercase;width: 250px;">
     <span id="licQth"></span>
     <button id='callCheck' onclick="CallCheck()" >検索</button>
      <span id='callChekResp'></span><br>
     
      JCC<input type="text" id="jcc" value="" style=" text-transform: uppercase;width: 250px;">
     <span id="jccR"></span>
     <button id='jccCheck' onclick="JccCheck()" >JCC</button>
        <table id="myTable">
      <thead>
       <tr>
         <th>Date</th>
         <th>Call</th>
         <th>Type</th>
          <th>Freq</th>
         <th>Remarks</th>
         <th>Qra</th>
      </tr>
      </thead>
       <tbody>
         
       </tbody>
      </table>
     </fieldset>

<div id="pagination">
        <button id="prevPage" onclick="loadPage(currentPage - 1)">前へ</button>
        <span id="pageNumber">ページ 1</span>
        <button id="nextPage" onclick="loadPage(currentPage + 1)">次へ</button>
      </div><br>

<div class="for-pc">
      <table id="dataTable" class="logTable">
        <thead>
          <tr>
            <th>Date</th>
            <th>Time(始)</th>
            <th>TIme(終)</th>
            <th>Call</th>
            <th>呼/応</th>
            <th>HisRST</th>
            <th>MyRST</th>
            <th>Type</th>
            <th>Freq.</th>
            <th>Power</th>
            <th>備考</th>
            <th>QSL(S)</th>
            <th>QSL(R)</th>
            <th>QRA</th>
          </tr>
        </thead>
        <tbody id="dataBody">
          
        </tbody>
      </table>
      <button id="sheetLink" onclick="sheetLink()">シートへ</button>
      <br>ADIFファイルのアップロード:
  <input type="file" id="adifFile" accept=".adi" />
      </div>

</div>

</center>
  </body>
</html>

document.getElementById('call').addEventListener('input', function() {
      this.value = this.value.toUpperCase();
  });

document.getElementById('call').addEventListener('focus', function() {
document.getElementById('myTable').style.display = 'none';
$('#callChekResp').text("");
  });

document.getElementById('adifFile').addEventListener('change', handleFileUpload);

window.onload =   function(){  
document.getElementById('myTable').style.display = 'none';
loadPage(currentPage);
let today=new Date();

$('#hiduke').val(formatDate_dateOnly(today));
$('#jikoku').val(formatDate_jikoku(today));
$('#hisRST').val('59');
$('#myRST').val('59');

const waveTypes = ['SSB', 'FT8', 'FM', 'CW', 'AM'];
waveTypes.forEach(type => {
    $('#waveType').append($('<option>').html(type).val(type));
});

//  $('#callRes').append($('<option>').html('呼').val('Call'));
 // $('#callRes').append($('<option>').html('応').val('Res'));

const callResOptions = [
  { label: 'CQ(R)', value: 'CQ(R)' },
  { label: 'Call(R)', value: 'Call(R)' },
  { label: 'Test', value: 'Test' },
  { label: 'CQ(No)', value: 'CQ(No)' },
  { label: 'Call(No)', value: 'Call(No)' }
];

callResOptions.forEach(option => {
  $('#callRes').append(
    $('<option>').html(option.label).val(option.value)
  );
});

$('#qslS').append($('<option>').html('No').val('NoQSL'));
  $('#qslS').append($('<option>').html('送').val('Send'));   
  
  $('#qslR').append($('<option>').html('__').val('__'));
  $('#qslR').append($('<option>').html('受').val('Rcvd'));

}

function formatDate_jikoku(dt) {
  var y = dt.getFullYear();

var h=('00' + dt.getHours()).slice(-2);
  var mi=('00' + dt.getMinutes()).slice(-2);
  return (h+':'+mi);
}

function formatDate_dateOnly(dt) {
  var y = dt.getFullYear();
  var m = ('00' + (dt.getMonth()+1)).slice(-2);
  var d = ('00' + dt.getDate()).slice(-2);  
  return (y + '/' + m + '/' + d);
}

function StartSave() {
  var now = new Date();
  $('#jikoku').val(formatDate_jikoku(now));
}

function EndSave() {
  var now = new Date();
  $('#jikokuE').val(formatDate_jikoku(now));
}

function JccCheck() {

let jcc=$('#jcc').val();          
      google.script.run.withSuccessHandler(onSuccessJ).withFailureHandler(onFailure).JccCheck(jcc); 
  }

function onSuccessJ(res){
   
   if(res.data.length>0){
   $('#jccR').text(res.data);
  }else{
   $('#jccR').text("該当jcc/gはありません");
  }
  
  }

function CallCheck() {

let call=$('#call').val();          
      google.script.run.withSuccessHandler(onSuccessC).withFailureHandler(onFailure).CallCheck(call); 
  }

function onSuccessC(res){
   // res は JSON 形式の文字列と仮定
   let rdata= JSON.parse(res);  // もし res が文字列ならパースする
  let data =rdata.data;
  
  $('#licQth').text(rdata.licQth);

// テーブルの tbody を取得
  let tbody = $('#myTable tbody');
  
  // tbody の内容をクリア（新しいデータを追加する前に）
  tbody.empty();

if(data.length>0){
   document.getElementById('myTable').style.display = 'table';
  // data は複数の行データの配列と仮定
  data.forEach(item => {
    // 新しい行を作成
    let row = $('<tr>');

// 各列のデータを追加
    row.append('<td>' + item.col1 + '</td>');
    row.append('<td>' + item.col4 + '</td>');
     row.append('<td>' + item.col8 + '</td>');
    row.append('<td>' + item.col9 + '</td>');
    row.append('<td>' + item.col11 + '</td>');
    row.append('<td>' + item.col14 + '</td>');
    // 行を tbody に追加
    tbody.append(row);
  });
 }else{
   $('#callChekResp').text("該当局はありません");
 }
  
  }

function Enter() {
        let hiduke =$('#hiduke').val();
         let jikoku =$('#jikoku').val();
         let jikokuE =$('#jikokuE').val();
         let call=$('#call').val();
            let callRes =$('#callRes').val();
            let hisRST =$('#hisRST').val();
            let myRST=$('#myRST').val();
             let waveType =$('#waveType').val();
           let freq =$('#freq').val();
            let power =$('#power').val();
            let biko =$('#biko').val();
            let qslS=$('#qslS').val();
            let qslR=$('#qslR').val();
            let qra=$('#qra').val();

if(call==""){
               $('#callChekResp').text("コールサインを入力してください");
            }else{
                 
                    google.script.run.withSuccessHandler(onSuccessL).withFailureHandler(onFailure).Set(hiduke,jikoku,jikokuE,call,callRes,hisRST,myRST,waveType,freq,power,biko,qslS,qslR,qra,currentPage,itemsPerPage); 
            }   
}
  function onSuccess(res){
    $('#msg').text(res);
  }
      // ページのデータをロードする関数
      function loadPage(page) {
        currentPage = page;  
        google.script.run.withSuccessHandler(onSuccessL).withFailureHandler(onFailure).LoadPage(page, itemsPerPage);
        $('#pageNumber').text('ページ ' + (currentPage+1));
      }

function updatePaginationButtons(totalPages) {
    // 最初のページなら "prevButton" を無効化
    if (currentPage === 0) {
        $('#prevPage').prop('disabled', true);
    } else {
        $('#prevPage').prop('disabled', false);
    }

// 最後のページなら "nextButton" を無効化
    if (currentPage === totalPages - 1) {
        $('#nextPage').prop('disabled', true);
    } else {
        $('#nextPage').prop('disabled', false);
    }
　　}

// レスポンスデータを処理
      function onSuccessL(res) {
         totalPages=res.totalPages;
         updatePaginationButtons(totalPages);
        let data = res.data;
        let tableBody = $('#dataBody');
        tableBody.empty(); // テーブルをリセット
                let tableBody2 = $('#dataBody2');
        tableBody2.empty(); // テーブルをリセット

data.forEach(row => {
          tableBody.append(`
            <tr>
              <td>${row.hiduke}</td>
              <td>${row.jikoku}</td>
              <td>${row.jikokuE}</td>
              <td>${row.call}</td>
              <td>${row.callRes}</td>
              <td>${row.hisRST}</td>
              <td>${row.myRST}</td>
              <td>${row.waveType}</td>
              <td>${row.freq}</td>
              <td>${row.power}</td>
              <td>${row.biko}</td>
              <td>${row.qslS}</td>
              <td>${row.qslR}</td>
              <td>${row.qra}</td>
            </tr>
          `);
          tableBody2.append(`
            <tr>
              <td>${row.hiduke}</td>
              <td>${row.call}</td>
              <td>${row.waveType}</td>
              <td>${row.freq}</td>
              <td>${row.biko}</td>
              <td>${row.qra}</td>
            </tr>
          `);
        });
        const lastRowL = data[0];
        $('#callRes').val(lastRowL.callRes);
        $('#waveType').val(lastRowL.waveType);
        $('#freq').val(lastRowL.freq);
        $('#power').val(lastRowL.power);
      }
      // エラーハンドリング
      function onFailure(res) {
        $('#msg').text('データの取得に失敗しました: ' + res);
      }
    
function sheetLink(){
  window.open('https://docs.google.com/spreadsheets/d/1jdqJ9Eq4KrBpYczGE-MdabngvJ1wDl9mdm8rS0UtL5o/edit?gid=0#gid=0', '_blank');
}
        
function handleFileUpload(event) {
      const file = event.target.files[0]; // 選択されたファイル
      if (!file) {
        alert("ファイルが選択されていません！");
        return;
      }

const reader = new FileReader();
      reader.onload = function(e) {
        const adifData = e.target.result;
        sendDataToServer(adifData);
      };
      reader.readAsText(file, "UTF-8");
    }

// Google Apps Script にデータを送信
    function sendDataToServer(adifData) {
      google.script.run
        .withSuccessHandler(() => alert("アップロード成功！"))
        .withFailureHandler(err => alert("エラーが発生しました: " + err.message))
        .uploadAdifData(adifData, 1, 10); // ページ番号と表示件数は適宜変更
    }

</script>

※追加情報：wsjt-xのログをADIFデータに変換するツールをc#でつくり（https://github.com/gh6141/adifCreate.git)、そのADIFをアップロードできるようにしてみた。FT8のログ記録がだいぶスムーズになった。QRZ.comやeQSLへのアップロードにも使えそうだ。

　wsjt-xにADIFで保存する機能もあったが、うっかり保存を忘れてしまうことが多かったので、ログからも日付・時刻を指定してそれ以降のデータを抽出できるようにツールを作ってみた。

2024年4月19日金曜日

クラウドについて

「クラウド人材」とはクラウド技術やクラウドサービスを設計・実装・運用する提供側の人材を意味する。AWSや Azureを活用したり、認定資格を取得したりすることではない。」とIPAの登氏が述べている。

https://japan.zdnet.com/article/35217768/

　日本は、クラウド人材を育成しようとしたけど、結果的に、クラウド人材できず、高額な使用料を外資系クラウドに払い続けることになってしまった。障害が発生してもブラックボックスなので解決不可能とのこと。今後は、国内でも安定したクラウド環境ができていくことを期待したいものです。

2022年12月11日日曜日

GASによるグループウエア

グループウエアをGASで作ってみた。

データベースが使えないので、いろいろ制限があり大変だった。無料だから仕方ないとは思う。

回覧メッセージの未読チェック機能をスプレッドシートで、宛先の選択の工夫をJqueryで、という具合に。

表示遅い分少しでも、和らぐようにSPAにしてみた。

エクセルは、PCのGdriveリンクを共有で使うようにして、エクセルからスプレッドシートへの変換は、トリガーで毎分変更をチェックしながら行っている。

その他、文字修飾可能にすること、メッセージを２週間分に制限するため、自動削除機能をつけたこと。削除までの日数は、投稿者が選択できるようにしたこと。メッセージは、必要に応じて、GmailにPDFで送って、自分で保管もできるようにしたこと。

　等々、いろいろ対処したおかげで、完成まで数か月かかった。あと少し調整が必要かも。残念ながら、OSのせいか、自分のPCでは、C＃のツールチップによる未読お知らせ機能を入れようとしたが、なぜか反応しない。仕方ないので、画面はFormにして、透明度を時間とともに変えるような実装にした。また、GASで作ったサイトをWebAPIとして、C＃から読み取ろうとしたが、非常に面倒なのであきらめた。Gdriveにユーザーごとのファイルを作成して、それを経由して未読情報を、Gdriveの共有から読み取るようにしてみたらなんとかうまくいった。力技という感じだが、そもそもGASという言語を使っているので、このぐらいは仕方ないのでないかと思う。

2022年9月23日金曜日

GCEのインスタンスをつくってみた

Herokuクラウドの無料枠もなくなったので、まだ無料枠が残っているGCEを使ってみた。

インスタンスの使い方がわからず、とまどったが、ネット上の情報に助けられる。まず、プロジェクトを作成する必要がある。ここで、適当に北米など選んでしまい、あとで、東京もあることに気づき、やり直すことに。ドメインは、すでに持っていたものを使い、DNSの設定なども必要に、TXT,Aレコードなどを追加していった。これに、今後はさらに、SSL化のために、証明書の発行なども必要になってきたり、Tomcatを使う予定なので、ポートの変換など、いろいろ手間がかかりそうだ。

　プロジェクトのあとは、インスタンスを作成、これがDockerのような仮想サーバなのだろう。OSや、CPUも選べるし、柔軟なカスタマイズができそう。そのぶん、設定項目が多くなってしまうが。

　つぎに、ターミナルがブラウザで表示なるので、てっきりここで、インスタンスの中を覗けるものだとだと勘違いしていた。何度か、SSHやApacheの設定を挑戦しても、外からアクセスできなかったので、おかしいなと、ルータのパケットフィルターやら、サーバのファイアーウオールやら、Apacheのポート変更やら、試行錯誤繰り返した。それでもうまくいかない。

　それもそのはず、インスタンスは、すぐ下のターミナルで操作するのでなく、「SSL」という小さなボタンをクリックすることで、それぞれのインスタンスの中をSSLで覗くことになるのだった。これに気づくまで、だいぶ時間がかかってしまう。ようやく、外からHTTPにアクセスできるようになる。

登録: 投稿 (Atom)