2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Qiita全国学生対抗戦Advent Calendar 2024

Day 14

Google script でHTMLを作成し表示する方法

Posted at
  1. Google Apps Scriptのプロジェクトを作成する:

    • Google Driveにアクセスし、左上の「新規」ボタンをクリックして「その他」→「Google Apps Script」を選択します。
    • 新しいスクリプトエディタが開きます。
  2. 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>
  1. Apps Scriptコードの作成:
    • 次に、デフォルトで作成されている Code.gs ファイルに以下のコードを記述します。
// Code.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');
}
  1. ウェブアプリとしてデプロイ:

    • スクリプトエディタの右上にある「デプロイ」ボタンをクリックし、「新しいデプロイ」を選択します。
    • 「デプロイの設定」ウィンドウが開いたら、「種類を選択」で「ウェブアプリ」を選びます。
    • 「説明」を任意に入力し、「次のユーザーとして実行」を「自分」に設定、「アクセスできるユーザー」を「全員(匿名ユーザーを含む)」に設定します。
    • 「デプロイ」ボタンをクリックすると、URLが表示されます。このURLをコピーしておきます。
  2. ウェブページの確認:

    • コピーしたURLをウェブブラウザに貼り付けてアクセスすると、作成したHTMLページが表示されます。

これで、Google Apps Scriptを使用してHTMLファイルを作成し、ウェブアプリとして表示させることができます。お試しください!質問あればどうそ(銅像:relaxed:)よろしくお願いします。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?