バケさんの電子工作　: 2023

2023-07-02

Bingで「電子工作が趣味でプログラマーのおじさんのイラストを描いて」

新しいBingのチャットで画像が生成できるみたいなので、
「電子工作が趣味でプログラマーのおじさん」を描かせてみた。

ちょっと、違うなと思い同じ問いかけをしたら、

すみませんが、そのイラストはすでに描きました。もう一度同じイラストを描くことはできません。私はまだ学習中なので、ご理解とご協力をお願いします🙏

機能はあるけと融通はきかないな

2023-03-16

飛行日誌・入力簡易ツール　iphone用に、今回のスクリプトを組み込んでみた。

ASAKICHIさんがYouTubeで公開されている、飛行日誌・入力簡易ツールを見つけました。
これはiphone用でAndriodには使えません。

ただし、今まで調べていたGASのスクリプトを組み込めば使えるのではと思いやってみました。

飛行日誌・入力簡易ツールの概要欄でスプレッドシートをコピーします。

スクリプトに次のコードを貼り付けます。
function doGet() {
  var template = HtmlService.createTemplateFromFile('Page');
  template.action = "addData";
  return template.evaluate();
}

function addData(latitude, longitude, timestamp,drone) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('シート1');

  // 緯度、経度から住所を取得
  // 住所を漢字に変換
  var geocoder = Maps.newGeocoder();
  var response = geocoder.reverseGeocode(latitude, longitude); // 緯度、経度から情報を取得
  var formatted_address = response.results[0].formatted_address;
  // いろいろな情報が得られるので、そのうちのインデクス0 の formatted_address の情報を取得

  var data = [timestamp,formatted_address,drone];
  // データに住所を追加
  sheet.appendRow(data);

}

続けてAppScriptの画面でファイルを追加（HTML)しPageという名前にします。

以下のコードを貼り付けます。

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base target="_top">
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
      }
      select {
        font-size: 16px;
        padding: 8px;
        width: 100%;
        margin-bottom: 16px;
      }
      button {
        font-size: 16px;
        padding: 8px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
      }
      button:hover {
        background-color: #3e8e41;
      }
    </style>
  </head>
  <body>

    <select id="mySelect">
      <option value="機体名称1">機体名称1</option>
      <option value="機体名称2">機体名称2</option>
      <option value="機体名称3">機体名称3</option>
    </select>

    <button onclick="getLocation()">位置情報を取得</button>

    <script>

      function getLocation() {
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(showPosition);
        } else {
          alert("Geolocation is not supported by this browser.");
        }
      }

      function showPosition(position) {
        var selectedOption = document.getElementById("mySelect").value;
        google.script.run.addData(position.coords.latitude, position.coords.longitude, new Date().toLocaleString(), selectedOption);
      }

    </script>

  </body>
</html>

デプロイボタンを押してウェブアプリとしてデプロイ（公開）します。

簡単には以上のような流れですけど、デプロイが曲者でかなり苦労しました。

詳細は次回アップしたいと思っています。

2023-03-05

スマホのブラウザーからボタンを押して、その時の位置情報と時間をスプレッドシートに追記するGoogle Apps Scriptsのコード

スプレッドシートの作成

スクリプトの作成

WEB画面（ボタン）の作成

公開となっていますが、デプロイボタンを押して、WEBアプリのURLをスマホにメールで送って（共有）います。

実際のスマホの画面

運航日誌に必要な機能ができたので、上手く作り上げる必要があります。

農薬散布開始までに作らないといけませんね。(;^_^A

何回かChatGPTに聞き直して、やっと思っているコードができた。

ドローンの運航日誌を自動作成するアプリをAIで作りたい。
から始まったマイプロジェクト！！

サクッとできると思ってたけどそんなに甘くはなかった。
何度もChetGPTに聞き直して、何とかサンプルになりそうなコードができました。

スマホのブラウザーからボタンを押して、その時の位置情報と時間をスプレッドシートに追記するGoogoleAppsScriptsのコードができました。

その過程は長くなったので履歴表示を次の動画にしました。

https://youtu.be/r8PADHtsgpQ

実際にどのようなコードを記述したか、次回更新します。

2023-02-23

ChatGPT 動きません！

手順通りしたのですがトリガーを追加する所でエラーになります。

追加で聞いてみた。

今度はボタンの作り方が分かりません。

さらに追加で聞いてみた。

2023-02-16

ドローンの運航日誌を自動作成するアプリをAIでさせたい

ドローンの運航日誌作成が必須になったので、スマホのブラウザーからボタンを押せば自動で運航日誌を作成するようにできないかと思いGAS（Google Apps Script）を勉強し始めたところです。
そんな時にChatGPTというAIが話題になってきたので、よしこれを使って作らせてみようと会話した結果がこれです。

かなり手直しが必要ですがボタンで位置情報をスプレットシートに保存することはできそうです。

次はボタンを２つ用意して開始と終了を保存できるようにしたいと思います。