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

Myu

2024年11月19日火曜日

GAS版のHamlog作ってみた

0 件のコメント:

コメントを投稿

ブログアーカイブ