More than 5 years have passed since last update.

googleフォームからマークダウン記法に変換する

Posted at 2019-09-01

何をしたか

Google Apps Script(GAS)を用いたgoogleフォームからマークダウン記法のドキュメントを生成する

参考にしたサイト

Spreadsheet Service → GASを用いてスプレッドシートを制御するため
Document Service → GASを用いてドキュメントを作成するため

機能別説明

スプレッドシートUI

onOpen()でツールなどの欄に"markdownの生成"という名前で追加される
showSidebar()は"markdownの生成"を押した際に表示される"生成"を押すと表示される内容

UI.gs

function onOpen() {
  var ui = SpreadsheetApp.getUi();           // Uiクラスを取得する
  var menu = ui.createMenu('markdownの生成');  // Uiクラスからメニューを作成する
  menu.addItem('生成', 'showSidebar');  // メニューにアイテムを追加する
  menu.addToUi();                            // メニューをUiクラスに追加する
}
function showSidebar() {
  var htmlOutput = HtmlService.createHtmlOutputFromFile('index');
  SpreadsheetApp.getUi().showSidebar(htmlOutput);
}

生成を押した際に表示される内容

buttonをonclickするとGAS側で設定したcodingという関数が呼び出される。

index.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
    <base target="_top">
  </head>
  <body>
    <script>
      function get_user(){
        var user = document.getElementById("target").value;
        return user;
      }
    </script>
    <label>出力したい列の行数</label><br>
    <input type="text"name="target" id="target" placeholder="(例)3">
    <button onclick="google.script.run.coding(get_user())">送信</button>
  </body>
</html>

coding関数でmake_markdownを呼び出し、returnで返しているのはinsert_dataで作ったドキュメントのURLを返している。
それをalertすることで、URLが画面に表示される。

make_markdown.gs

function insert_data(text,info){
  var myFolder = DriveApp.getFolderById("FolderID");
  var document = DocumentApp.create(info);
  document.getBody().setText(text);
//  docファイルの移動
  var docFile = DriveApp.getFileById(document.getId());
  myFolder.addFile(docFile);
  // Rootの所属を外す
  DriveApp.getRootFolder().removeFile(docFile);
  return(docFile.getUrl());
}

function make_markdown(target){
  var sheet = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/Spreadsheet_ID");
  var s = sheet.getSheetByName("Sheet_name");
  var info = s.getRange(target,5).getValue()+":"+s.getRange(target,6).getValue();
  var text = "# 自己紹介\n";
  text = text+"名前："+s.getRange(target,2).getValue()+"\n";
 
  if(!s.getRange(target,9).isBlank()){ // googleフォームの空白判定
     // 処理1
  }
  if(!s.getRange(target, 28).isBlank()){
     // 処理2
  }
  if(!s.getRange(target,11).isBlank()){
    // 処理3
  }
  if(!s.getRange(target,16).isBlank()){
    // 処理4
  }
  var doc = insert_data(text,info);
  return doc;
}
function coding(data){
 var ui = SpreadsheetApp.getUi();
 var url = make_markdown(Number(data));
 ui.alert(url); 
}