-
Google Apps Scriptのプロジェクトを作成する:
- Google Driveにアクセスし、左上の「新規」ボタンをクリックして「その他」→「Google Apps Script」を選択します。
- 新しいスクリプトエディタが開きます。
-
HTMLファイルの作成:
- スクリプトエディタの左側メニューにある「+」アイコンをクリックし、「HTML」を選択します。
- 「ファイル名」に「index」と入力し、OKをクリックします。
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<title>Sample Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>これはGoogle Apps Scriptで表示されるサンプルのHTMLページです。</p>
</body>
</html>
-
Apps Scriptコードの作成:
- 次に、デフォルトで作成されている
Code.gs
ファイルに以下のコードを記述します。
- 次に、デフォルトで作成されている
// Code.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile('index');
}
-
ウェブアプリとしてデプロイ:
- スクリプトエディタの右上にある「デプロイ」ボタンをクリックし、「新しいデプロイ」を選択します。
- 「デプロイの設定」ウィンドウが開いたら、「種類を選択」で「ウェブアプリ」を選びます。
- 「説明」を任意に入力し、「次のユーザーとして実行」を「自分」に設定、「アクセスできるユーザー」を「全員(匿名ユーザーを含む)」に設定します。
- 「デプロイ」ボタンをクリックすると、URLが表示されます。このURLをコピーしておきます。
-
ウェブページの確認:
- コピーしたURLをウェブブラウザに貼り付けてアクセスすると、作成したHTMLページが表示されます。
これで、Google Apps Scriptを使用してHTMLファイルを作成し、ウェブアプリとして表示させることができます。お試しください!質問あればどうそ(銅像)よろしくお願いします。