常連

### Googleサイトを編集中。フォームに入力された内容を自動更新される表にして表示したい。

Googleフォームを作成、回答を表示するスプレッドシートを開いて
ツール＞スクリプトエディタ
からソースコードを入力していった。

本業ではないため、以下のサイトを参考にして見様見真似で入力していった。
https://www.acrovision.jp/service/gas/?p=472

前回の質問によって表は作成でき、テストも完了した。
https://teratail.com/questions/352401

しかし、タイムスタンプが年月日のみでよいと考えたため、
新しくシートを作成し、「=ARRAYFORMULA(TO_DATE(フォーム回答データのセル))」で
スプレッドシートのセル表示はできました。
その後、日付表示を変更したシートにすべてのデータをコピーするように「＝回答データのセル」として整えました。

そして、HTMLの日時表示の箇所に変更を加えたところ、エラーメッセージが発生しました。


### 発生している問題・エラーメッセージ

```
SyntaxError: Unexpected number
doGet	@ コード.gs:2
```

### 該当のソースコード

```HTML
<html>
  <head>
    <base target="_top">
    <style>
      table,td,th{border:1px solid black width='100%';}
      td{padding: 10px;}
    </style>
  </head>
  <body>
    <?
     var data = getData();
    ?>
    <table>
      <tr>
        <th><?=data[0][0]?></th>
        <th><?=data[0][1]?></th>
        <th><?=data[0][2]?></th>
      </tr>
      <?
      for(var i= 1,j=data.length;i<j;i++){
        output._=('<tr>')
        output._=('<td width='20%'>'+Utilities.formatDate(new Date(data[i][0]),'yyyy/MM/dd')+'</td>');
        output._=('<td width='60%'>'+data[i][1]+'</td>');
        output._=('<td width='20%'>'+data[i][2]+'</td>');
        output._=('</tr>')
      }
      ?>
      </table>
  </body>
</html>
```

```GAS
function doGet() {
  return HtmlService.createTemplateFromFile("HP更新履歴").evaluate();
}

function getData() {
  var ss = SpreadsheetApp.openByUrl("スプレッドシートURL");
  var values = ss.getSheetByName("HP更新履歴").getDataRange().getValues();

  return values;
}
```

### 補足情報

スプレッドシート名：HP更新履歴
フォームの回答が表示されるシート名：フォーム回答データ
式を入れて年月日と必要事項を加えたシート名：HP更新履歴
HTML名：HP更新履歴

スプレッドシートのタイムスタンプを年月日のみにしてGoogleサイトに表として表示したい

### 実現したいこと
スプレッドシートの情報を抽出しサイト上に表示させることを実現させたく取り組んでいます。
まず始めにGoogle Apps Script(GAS)とGoogleサイトの連携が出来るかを検証する為、
下記のgsとhtmlをGAS上に作成しデプロイしました。
```code.gs
function doGet() {
  return HtmlService.createHtmlOutput('Hello World');
}
```
```index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <h1>Test</h1>
    <div id="messageContainer"></div>
    <script>
      window.addEventListener('load', () => {
        google.script.run.withSuccessHandler((output) => {
          document.getElementById('messageContainer').innerHTML = output;
        }).doGet();
      });
    </script>
  </body>
</html>
```
デプロイ条件
> 次のユーサーとして実行：ウェブアプリケーションにアクセスしているユーザー
> アクセスできるユーザー：Googleアカウントを持つ全員
デプロイ時に生成されたライブラリのURLをサイト上へ埋め込んだところ「Hello World」が表示されました。

つづいて[GoogleサイトとGoogleスプレッドシートを連携する](https://qiita.com/Yosuga_/items/3292a0df26dfee65a3ab)を参考に下記のgsとhtmlをGAS上に作成しデプロイしました。
```code.gs
const id = 'スプレッドシートのID'
const name = '該当のシート名'

function getData() {
  var sheet = SpreadsheetApp.openById(id).getSheetByName(name);
  var rows = sheet.getDataRange().getValues();
  var keys = rows.splice(0, 1)[0];
  return rows.map(function(row) {
    var obj = {}
    row.map(function(item, index) {
      obj[keys[index]] = item;
    });
    return obj;
  });
}

function doGet(request) {
  var data = getData();
  return ContentService.createTextOutput(JSON.stringify(data, null, 2))
  .setMimeType(ContentService.MimeType.JAVASCRIPT);
}
```
```index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!=HtmlService.createHtmlOutputFromFile('styles.html').getContent();?>
  </head>
  <body>
    <h1>SpreadsheetData</h1>
    <pre id="data-container"></pre>
    <script>
      google.script.run.withSuccessHandler(displayData).doGet();

      function displayData(data) {
        const dataContainer = document.getElementById('data-container');
        const jsonString = JSON.stringify(data, null, 2);
        dataContainer.textContent = jsonString;
      }
    </script>
  </body>
</html>
```
デプロイ条件
> 次のユーサーとして実行：ウェブアプリケーションにアクセスしているユーザー
> アクセスできるユーザー：Googleアカウントを持つ全員
スプレッドシートの公開条件
> アクセスできるユーザー：自分
> 一般的なアクセス：リンクを知っている全員(閲覧者)
スプレッドシートの内容
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-07/a5f0d825-bdb8-4e7e-80df-c8ad0bf12640.png)

### 発生している問題・分からないこと
デプロイ時に生成されたライブラリのURLをサイト上へ埋め込んだところ「Googleドライブ　アクセス権が必要です」が表示されました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-07/672d3d3a-3956-4a64-851c-cf6396d12397.png)
上記画像の左上にある「新しいタブで開く」をクリックするとGASが実行されJSON形式でスプレッドシートの値が表示されます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-07/915a4f82-7cef-4119-bffa-df9b596b10da.png)

### エラーメッセージ
```error
Googleドライブ　アクセス権が必要です
ドキュメントを直接開いてアクセス権のリクエストが可能かどうかを確認するか、アクセス権のあるアカウントに切り替えてください。詳細
ログイン名
```

### 該当のソースコード

```
```code.gs
const id = 'スプレッドシートのID'
const name = '該当のシート名'


function getData() {
  var sheet = SpreadsheetApp.openById(id).getSheetByName(name);
  var rows = sheet.getDataRange().getValues();
  var keys = rows.splice(0, 1)[0];
  return rows.map(function(row) {
    var obj = {}
    row.map(function(item, index) {
      obj[keys[index]] = item;
    });
    return obj;
  });
}

function doGet(request) {
  var data = getData();
  return ContentService.createTextOutput(JSON.stringify(data, null, 2))
  .setMimeType(ContentService.MimeType.JAVASCRIPT);
}
```
```index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!=HtmlService.createHtmlOutputFromFile('styles.html').getContent();?>
  </head>
  <body>
    <h1>SpreadsheetData</h1>
    <pre id="data-container"></pre>
    <script>
      google.script.run.withSuccessHandler(displayData).doGet();

      function displayData(data) {
        const dataContainer = document.getElementById('data-container');
        const jsonString = JSON.stringify(data, null, 2);
        dataContainer.textContent = jsonString;
      }
    </script>
  </body>
</html>
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
- GASの設定にてサービスを追加からDrive APIを追加しましたが結果は変わりませんでした。
- 「ドキュメントを直接開いて」をクリックすると
400. That’s an error.
The server cannot process the request because it is malformed. It should not be retried. That’s all we know.
のエラーとなりました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-07/1202734a-eb10-473d-9e1e-be6921394d0f.png)
- ログイン名:のところにあるアイコンをクリックすると
drive.google.com で接続が拒否されました。
のエラーとなりました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-07/b48e9023-4af2-43b3-9a9a-34b7f08d9888.png)

なぜこのように非ログイン状態になってしまうのかと、こちらの解決方法を教えていただきたいです。
よろしくお願いいたします。

### 補足
[GoogleサイトとGoogleスプレッドシートを連携する](https://qiita.com/Yosuga_/items/3292a0df26dfee65a3ab)の通りにコーディングしChrome上で確認したところCORSのエラーにより表示させることが出来ず、Claude等に確認したところGAS上でgsとhtmlを作成することを勧められ、Hello Worldの表示までは実現できました。

Googleサイトに表示される「アクセス権が必要です」が解決できない件について

### 実現したいこと

GoogleSitesでログインページを作り、ログイン完了後にユーザーIDのパラメータを持ったマイページURLに遷移させたいです。

### 前提

GoogleSitesで会員ページとログイン機能を実装しようとしています。
現在は以下のところまで実装しています。

・スプレッドシートでユーザー情報（IDとパスワード）管理
・SitesのHTMLフォームで入力したデータをGASで取得
・GASで入力データとスプレッドシートを照らし合わせ、認証させる。
・Sitesにパラメータ付きのURLを渡す。

### 発生している問題・エラーメッセージ

このまま「location.href = "https://sites.google.com/mysite/mypage?number=00000001" 」でページ遷移をさせようとしたのですが、Googleのセキュリティ的な問題で使えませんでした。

どうしてもこのやり方じゃなきゃいけないわけではないです。(GoogleSitesは必須ですが）
GASでスプレッドシート照らし合わせが終わったのちにパラメータ付きで遷移させたいです。
```error
Refused to frame 'https://sites.google.com/' because an ancestor violates the following Content Security Policy directive:
 "frame-ancestors https://google-admin.corp.google.com/".
```

### 該当のソースコード

```Index.html
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Google Apps Script Example</title>
  <script>
    function updateHello() {
      number = document.getElementById("number").value;
      var password = document.getElementById("password").value;
      google.script.run.withSuccessHandler(updateHelloText).sayHello(number, password);
    }

    function updateHelloText(text) {
      if(text === "success"){
        console.log("success");
        document.getElementById("hello").innerText = "login success";
        location.href = "https://sites.google.com/mysite/mypage?number=" + number;
      }else{
        console.log("failed");
        document.getElementById("hello").innerText = "login failed";
      }
    }
  </script>
</head>
<body>


<div>社員番号</div>
<input type="text" id="number" placeholder="00200000 8桁">
<div>パスワード</div>
<input type="text" id="password">

<button onclick="updateHello()">ログイン</button>


<h1 id="hello"></h1>
</body>
</html>
```
```login.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index')
      .setTitle('Google Apps Script Example');
}

function sayHello(number, password) {
  var sheet = SpreadsheetApp.openById('spreadsheet no id').getSheetByName('UserData');
  var data = sheet.getDataRange().getValues();

  for (var i=1; i<data.length; i++){
    if(data[i][2]==number && data[i][4]==password){
      return "success";
    }
  }

  return "login failed";
}
```

### 試したこと

「Googleサイト ページ遷移」「"GoogleSites" location href」などで検索しましたが、GoogleSites以外での遷移などしかヒットしませんでした。

GoogleSitesでパラメータ付きでページ遷移させたい

### 前提・実現したいこと

昨日まで見れてたサイトが今日突然、
下記のようなメッセージがでて見れません。
他のサイトは見れるんです。
どうやったら見れるのか教えてほしいです。

### 発生している問題・エラーメッセージ

このページは動作していません。
⚪⚪では現在このリクエストを処理できません。
HTTP ERROR 500

### 該当のソースコード



### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

このページは動作していません⚪⚪ では現在このリクエストを処理できません。 HTTP ERROR 500の解決方法教えてほしいです。

現在、グーグルサイトにgasを埋め込み、グーグルサイトから文字列を送信し、条件によってgoodかbadかを返し、サイトに表示したいと考えています。

現状のソースコードは以下の通りです。
```test.gs
function doGet() {
  const htmlTemplate = HtmlService.createTemplateFromFile('index');
  htmlTemplate.errorMsg = "";
  return htmlTemplate.evaluate();
}


function doPost(e) {
  let box;
  let htmlTemplate;

  box=e.parameter.mozi;
  if (box.length>5){
    let flag="good"
  }
  else{
    let flag="bad"
  }

  htmlTemplate = HtmlService.createTemplateFromFile('result');
  htmlTemplate.mozi = flag;

  return htmlTemplate.evaluate();
}
```

```index.html
<html lang="ja">
  <head>
    <base target="_top">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>デモサイト</title>
  </head>
  <body>
    <header>
      <h1>デモサイト</h1>
    </header>
    <form action="https://script.google.com/a/macros/xxxx/exec" method="post">
      <p><?=errorMsg ?></p>
      <div>
        <label for="exam-num">文字を入力してください</label>
        <input type="text" name="mozi" required>
      </div>
      <div>
        <input type="submit" value="送信">
      </div>
    </form>
  </body>
</html>
```

```result.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>デモサイト</title>
  </head>
  <body>
    <header>
      <h1>デモサイト</h1>
    </header>
    <table>
      <tbody>
        <tr>
          <td>返ってきた文字</td>
          <td><?=mozi ?></td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
```

です。
htmlは触ったことがなく大変困っています。
現状では送信をしても応答がなく、返信が返ってきません。
現状、グーグルサイトでこのようなプログラムができるかどうかもわからない状態で教えていただければ幸いです。


グーグルサイトに応答型のgoogle app scriptを埋め込みたい[html初心者]

### 前提・実現したいこと

GASで、作成済みのGoogleサイトのサイトオブジェクトを取得した後に、新規ページ作成やGoogleSpreadsheet、GoogleFormを自動で追加していくプログラムを作成しています。
しかし、サイトオブジェクトを取得するところでエラーが出て続けているため、これを直したいです。

### 発生している問題・エラーメッセージ

サイトオブジェクトを取得するために、SitesApp.getSiteByUrlを使っているのですが以下のエラーが出ます。
```
Exception: 無効な引数: url
```

### 該当のソースコード
引数にしているSITE_URLには、Googleサイト編集画面の「公開サイトリンクコピー」でコピーしたURLを設定しました。

```GAS
var SITE_URL = 'https://sites.google.com/view/公開設定で設定したウェブアドレス';
var site = SitesApp.getSiteByUrl(SITE_URL);
```

### 試したこと
getSiteでも以下のように試してみました。
```GAS
var site = SitesApp.getSite('sites.google.com/view/公開設定で設定したウェブアドレス');
```
その結果は以下のようになりました。
```
Exception: リクエストしたリソースが見つかりませんでした。
```

よろしくお願いします。

SitesApp.getSiteByUrlでException: 無効な引数: urlが出る

### 前提

さくらインターネットで取得している独自ドメイン「さくらのレンタルサーバ スタンダード」があります。
元のドメインのホームページはさくらインターネット上で構築していますが、サブドメインをGWS(Google Workspace)で利用したいと考えています。

### 実現したいこと

サブドメインのホームページはGWSのGoogle Sites、サブドメインのメールもGWSで運用する。

### 発生している問題・エラーメッセージ

さくらインターネットのドメインコントロールパネル、「さくらのドメイン」のさくらのドメイン一覧に登録されている独自ドメインの"ゾーン"をクリックし、「編集」からサブドメインのMXレコードとTXT、CNAME(それぞれGWSとGoogle Sitesでの値)を追加して保存しようとしたところ、「CNAME以外のレコードが存在します」と表示され、登録を完了することができません。

### 試したこと

サブドメインのMXレコードとTXTだけの場合は登録ができます。
サブドメインのCNAMEだけの場合は登録できます。
サブドメインのCNAMEとTXT、またはサブドメインのCNAMEとMXレコードを登録しようとすると、「CNAME以外のレコードが存在します」と表示され登録ができません。

### 補足情報（FW/ツールのバージョンなど）

以前、ムームードメインを利用していた際は、サブドメインのCNAME、MXレコード、TXTを一緒に登録することができました。

何か根本的な間違いをしているようでしたら申し訳ございません。
対応策の情報をいただけましたら幸いです。


さくらインターネットで取得した独自ドメインのサブドメインをGWSで利用したい

HTML,CSSを使いサイトを作成し、Github pagesで公開しました。
URLを打ち込めば表示されるのですが、googleの検索結果には出てきません。
googleでキーワードを検索すれば表示されるようにしたいです。

解決法を調べたところ、Google search consoleに登録すればとの情報を得たのですが、登録後も変化はないです。
サイトURL：
https://naokoala.github.io/

github pagesのマイページ(?):
https://github.com/naokoala/naokoala.github.io

アドバイスを頂けましたら幸いです。

Google サイト