Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@kihachi_takayama

[Google Apps Script] ブラウザからの入力値をもとにGmailの下書きを作成する

More than 1 year has passed since last update.

概要

以下の記事の続編として、ブラウザからメールのタイトル、To、Cc、本文を入力して、その値をmailの下書きに反映させるプログラムを作成しました。

[Google Apps Script] エクセルをGmailの下書きに圧縮して添付する

動作結果

  1. ブラウザから、メールのタイトル、To、Cc、本文を入力し、実行をクリックします。

キャプチャ3.PNG

  1. すると、gmailの下書きに入力した値が反映された下書きが作成されます。 キャプチャ4.PNG

ソースコード

Standalone ScriptのGASプロジェクトで、以下の2つのプログラムを作ります。

index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <h1>メール下書き作成</h1>
    <form id='myForm' onsubmit="javascript:return false;">
      タイトル:<input type="text" name="title"> <br>
      To:<input type="text" name="To"> <br>
      Cc:<input type="text" name="Cc"> <br>
      mailBody: <br>
      <textarea name="mailbody"></textarea>

      <input type='button' value='実行' onclick="runGAS()">
    </form>
  </body>

  <script>
  function onSuccess(res){
    console.log("success")
  }

  function runGAS(){
    //各入力をdocument.querySlector()で取得します。
    var title = document.querySelector('input[name="title"]').value;
    var to = document.querySelector('input[name="To"]').value;
    var cc = document.querySelector('input[name="Cc"]').value;
    var body = document.querySelector('textarea[name="mailbody"]').value;

    // onSuccess()が成功した場合、draft2.jsのmyFunction()を実行します。
    google.script.run.withSuccessHandler(onSuccess).myFunction(title, to, cc, body);

  }
  </script>
</html>
make_draft2.js
function myFunction (title, to, cc, body) {
  var mailTo = to;
  var mailCc = cc;

  var mailBody = body;
  var mailTitle = title;

  //受け取った引数をもとにgmailの下書きを作成します。
  GmailApp.createDraft(mailTo, mailTitle, mailBody,  {cc: mailCc});
}
1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
central-soft
システム開発、インフラ構築、IT運用管理のトータルソリューションを実現する企業です。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?