Myu

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

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

　移動運用の時などもその場で記録できて便利かもしれない。過去に交信しているかコールサインで検索できるようにした。ＦＴ８のログの取り込み機能なども、今後、追加できればと思っている。

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

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

function CallCheck(call) {

let spreadSheet = SpreadsheetApp.openById('シートidを入れる');
   let sheet = spreadSheet.getSheetByName('シート1');

const data = [];
  const lastRow = sheet.getLastRow();
  
  // 1行ずつデータを取得
  for (let i = 0; i < lastRow; i++) {

if (sheet.getRange(i + 1, 4).getValue().toString().includes(call)) {
     let result = {
           col1: Utilities.formatDate(new Date(sheet.getRange(i + 1, 1).getValue()), "Asia/Tokyo", "yyyy/MM/dd"),
      col2: Utilities.formatDate(new Date(sheet.getRange(i + 1, 2).getValue()), "Asia/Tokyo", "HH:mm"),
      //col1: sheet.getRange(i + 1, 1).getValue(),
      col4: sheet.getRange(i + 1, 4).getValue(),
      col9: sheet.getRange(i + 1, 9).getValue(),
      col11: sheet.getRange(i + 1, 11).getValue()
     };
     data.push(result);
    }
  }
  
  // クライアントにデータを返す
  return JSON.stringify(data);  // JSON形式で返す
 
  }

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

let spreadSheet = SpreadsheetApp.openById('シートidを入れる');
   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);

//return "送信済み"

return LoadPage(page, itemsPerPage);
  }

function LoadPage(page, itemsPerPage) {
  let spreadSheet = SpreadsheetApp.openById('シートidを入れる');
  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()
    });
  }

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

index.htmlは以下のようなものです。*******************************************************
 <!DOCTYPE html>
<html>
  <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;
    }
  </style>
  </head>
  <body>
    <center>

<table id="dataTable" style="font-size: 18px;">
        <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>
          </tr>
        </thead>
        <tbody id="dataBody">
          
        </tbody>
      </table>

<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>

<input type="text" id="hiduke" value="" style="font-size: 18px;width: 100px;">
    <input type="text" id="jikoku" value="" style="font-size: 18px;width: 80px;">
     <button id='Start' onclick="StartSave()" style="font-size: 18px;">開始時刻</button>　
         <input type="text" id="jikokuE" value="" style="font-size: 18px;width: 80px;">
     <button id='End' onclick="EndSave()" style="font-size: 18px;">終了時刻</button>
    <br>
    
     　コールサイン:<input type="text" id="call" value="" style="font-size: 18px; text-transform: uppercase;width: 90px;">
     <button id='callCheck' onclick="CallCheck()" style="font-size: 18px;">検索</button>
   　 <table id="myTable">
  <thead>
    <tr>
      <th>Date</th>
      <th>Time</th>
      <th>Call</th>
      <th>Freq</th>
      <th>Remarks</th>
    </tr>
  </thead>
  <tbody>
    
  </tbody>
</table>
<span id='callChekResp'></span>

呼/応：<select  id="callRes" value="****" style="font-size: 18px;"></select>
    　HisRST:<input type="text" id="hisRST" value="" style="font-size: 18px;width: 40px;">
    　MyRST:<input type="text" id="myRST" value="" style="font-size: 18px;width: 40px;"><br>

電波形式:<select  id="waveType" value="****" style="font-size: 18px;"></select>　    
    周波数:<select  id="freq" value="****" style="font-size: 18px;"></select>　
    空中線電力:<select  id="power" value="****" style="font-size: 18px;"></select>

備考:<input type="text" id="biko" value="" style="font-size: 18px;width: 300px;"><br>
    　QSL(S):<select  id="qslS" value="****" style="font-size: 18px;"></select>　
    　QSL(R):<select  id="qslR" value="****" style="font-size: 18px;"></select>　
    <button id='Enter' onclick="Enter()" style="font-size: 18px;">保存</button>
    <div id="msg"></div>
    </div>
    <div><a href="https://docs.google.com/spreadsheets/d/シートidを入れる">シート</a></div>
    <a href="https://www.hamqsl.com/solar.html" title="Click to add Solar-Terrestrial Data to your website!"><img src="https://www.hamqsl.com/solarn0nbh.php"></a><br>
    
</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("");
  });

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(Rsp)', value: 'CQ(Rsp)' },
  { label: 'Call(Rsp)', value: 'Call(Rsp)' },
  { label: 'Test', value: 'Test' },
  { label: 'CQ(NoRsp)', value: 'CQ(NoRsp)' },
  { label: 'Call(NoRsp)', value: 'Call(NoRsp)' }
];

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 CallCheck() {

let call=$('#call').val();
            google.script.run.withSuccessHandler(onSuccessC).withFailureHandler(onFailure).CallCheck(call); 
  }
function onSuccessC(res){
   // res は JSON 形式の文字列と仮定
  let data = JSON.parse(res);  // もし res が文字列ならパースする

// テーブルの 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.col2 + '</td>');
    row.append('<td>' + item.col4 + '</td>');
    row.append('<td>' + item.col9 + '</td>');
    row.append('<td>' + item.col11 + '</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();

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,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(); // テーブルをリセット

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>
            </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);
      }

</script>

ホッファーについては、以前から興味を持っていたので、図書館で借りられたので読んでみた。

個人と大衆運動: 個人が自己中心的な生活から無私の生活へと移行することは、自尊心を高める手段となり得る。大衆運動は個人の希望に代わる大きな希望を提供し、自己の生活を守るために他者に依存することもある。

大衆運動の特性: 一つの大衆運動はしばしば異なる性質を持ち合わせており、日本の民族主義は宗教的な性質を持つと指摘される。

移住と大衆運動: 歴史上の移住、特にローマ帝国時代のゲルマン民族の移動は、単なる民族移動ではなく、抑圧された人々が参加し、新たな社会運動の基盤を形成した。すべての大衆運動は約束の地を目指す移住のようなものと捉えられる。

不満と大衆運動: 自由が認められながらも欲求不満を緩和する手段が存在しない社会は、大衆運動が広がる肥沃な土壌となる。創造的な活動の欠如は、欲求不満を引き起こし、大衆運動の影響を受けやすくする。

労働と生産性: 個々の労働者への奨励給よりも、集団的な奨励給が生産性と満足度を高めることが示されている。

虚構の役割: 大衆運動においては、行列や儀式といった虚構が人々の心に訴える重要な役割を果たす。

言論人の役割: 大衆運動の興隆には言論人が重要な役割を担い、社会が活力を持ち続けるためには、独立した少数派の存在が必要である。東洋社会の停滞の一因は、教育を受けた人々が政府の一部であり、独立性が欠けていたことにある。→※これを読んで、現代の日本の社会動向（例えば学術会議と政府の対立や官僚の東大出身者の減少等）は、新たな大衆運動の下地ができつつあるのでないかと思った。

Myu

2024年11月20日水曜日

Androidでネットアクセス

2024年11月19日火曜日

漢字のフリガナ取得

GAS版のHamlog作ってみた

2024年11月7日木曜日

ホッファー　大衆運動　を読む

2024年11月2日土曜日

バリコン自作　二個目

近くの河川公園で移動運用

2024年10月29日火曜日

迷惑メール（ヤマト便を装った）

ブログアーカイブ