コード.gs /************************************
Slack Appからデータを受け取る
************************************/
function doPost(eventObj) {
create_file(JSON.stringify(eventObj, null, 2));// eventObjの中身をGoogleドライブに出力する
const contents = eventObj.postData.contents;
create_file(contents);// eventObjのpostDataのcontents中身をGoogleドライブに出力する
//https://api.slack.com/events/url_verificationの対応で、challengeを返してやる
var params = JSON.parse(eventObj.postData.getDataAsString());
return ContentService.createTextOutput(params.challenge);
}
/************************************
Googleドライブの指定フォルダにJSONファイルを保存する
************************************/
function create_file(json) {
const content_type = "application/json";
const file_name = "Slack Message";// Googleドライブに出力するファイルの名前
const blob = Utilities.newBlob("", content_type, file_name);
const file = blob.setDataFromString(json, "UTF-8");
const folder = DriveApp.getFolderById("FOLDER_ID");// 出力したいGoogleドライブのフォルダID
folder.createFile(file);
}
|
コード.gs
function dummy() {// これはうまくいかない
const url = "SPREADSHEET_URL";
const sheet = SpreadsheetApp.openByUrl(url).getSheets()[0];
const array = ["hello", "hi"];
sheet.getRange("A1").setValue(array);
}
function SetValueToString() {// これでうまくいった
const url = "SPREADSHEET_URL";
|
コード.gs function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
| 意訳この機能がやること 指定したHTMLファイルを表示する |
index.html <!DOCTYPE html>
<html>
<body>
<input id="tb" type="text" list="histories">
<button id="set">set</button>
<button id="get">getStorage</button>
<button id="delete">deleteStorage</button>
<div id="data_list_div"></div>
<script>
/************************************
グローバル
************************************/
const limit = 3;// 履歴に表示する件数
const storageKey = "input_histories";// 今回読み書きするlocalStorageのプロパティ名
const dataListDiv = "data_list_div";
/************************************
onclick
************************************/
elem("set").onclick = setClicked;
elem("get").onclick = () => getStorage(storageKey);// = function() {getStorage(storageKey);}
elem("delete").onclick = () => deleteStorage(storageKey);// = function() {deleteStorage(storageKey);}
/************************************
アプリ起動時に実行する
************************************/
createDatalist(getStorage(storageKey));// 入力履歴を読み込む
elem("tb").focus();// 初期フォーカス
/************************************
document.getElementByIdをelemで呼ぶ
************************************/
function elem(id) {
return document.getElementById(id);
}
/************************************
setがクリックされたときの処理
************************************/
function setClicked() {
const value = elem("tb").value;
setStorage(value);
elem("tb").value = "";// 空に戻す
elem("tb").focus();// フォカース戻す
}
/************************************
localStorageに保存する
************************************/
function setStorage(value) {
const key = storageKey;
let values = getStorage(key);
if(values) {
removeExisting(value, values);
removeTailLimit(values);
values.unshift(value);// values = values.unshift(value) とやると配列の要素数が返ってくる
} else {
values = [value];
}
localStorage.setItem(key, JSON.stringify(values));
createDatalist(values);
console.log(value + " set");
console.log(values);
}
/************************************
配列内にすでに同じ値があったら削除する
************************************/
function removeExisting(value, values) {
const index = values.indexOf(value);
if(index !== -1) {
values = values.splice(index,1);
}
}
/************************************
配列の要素がlimitに達している場合は、末尾を削除する
************************************/
function removeTailLimit(values) {
if(values.length === limit) {
values.pop();
}
}
/************************************
localStorageからinput_historiesの値（ここでは配列）を取得する
************************************/
function getStorage(key) {
const values = localStorage.getItem(key);
console.log(values);
return JSON.parse(values);
}
/************************************
localStorageからinput_historiesを削除する
************************************/
function deleteStorage(key) {
const values = getStorage(key);
localStorage.removeItem(key);
removeChild(dataListDiv);
console.log(key + ": " + values + " deleted");
}
/************************************
データリストを作成する
************************************/
function createDatalist(values) {
if(values) {
const parent = elem(dataListDiv);
removeChild(dataListDiv);
const datalist = document.createElement('datalist');
datalist.setAttribute("id", "histories");
for (let i = 0; i < values.length; i++) {
const option = document.createElement('option');
option.setAttribute("value", values[i]);
datalist.appendChild(option);
}
parent.appendChild(datalist);
}
}
/************************************
子要素を削除する
************************************/
function removeChild(id) {
const targetElem = elem(id);
for (let i = targetElem.childNodes.length - 1; i >= 0; i--) {
targetElem.removeChild(targetElem.childNodes[i]);
}
}
</script>
</body>
</html>
|
コード.gs
function myFunction() {
const values = ["hey", "hi", "yo"];
removeTailLimit(values);
values.unshift("hello");
Logger.log(values);
}
/************************************
配列の要素がlimitに達している場合は、末尾を削除する
************************************/
function removeTailLimit(values) {
const limit = 3;
if(values.length === limit) {
values.pop();
}
}
|
コード.gs function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
| 意訳この機能がやること 指定したHTMLファイルを表示する |
index.html <!DOCTYPE html>
<html>
<body>
<input id="tb" type="text">
<button id="set">set</button>
<button id="get">getStorage</button>
<button id="delete">deleteStorage</button>
<script>
elem("set").onclick = setClicked;
elem("get").onclick = getStorage;
elem("delete").onclick = deleteStorage;
function elem(id) {
return document.getElementById(id);
}
function setClicked() {
const value = elem("tb").value;
setStorage(value);
elem("tb").value = "";
console.log(value + " set");
}
function setStorage(value) {
const key = "input_histories";
let values = getStorage();
if(values) {
values.unshift(value);// values = values.unshift(value) とやると配列の要素数が返ってくる
} else {
values = [value];
}
localStorage.setItem(key, JSON.stringify(values));
}
function getStorage() {
const values = localStorage.getItem("input_histories");
console.log(values);
return JSON.parse(values);
}
function deleteStorage() {
const key = "input_histories";
localStorage.removeItem(key);
console.log(key + " deleted");
}
</script>
</body>
</html>
|
コード.gs function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
| 意訳この機能がやること 指定したHTMLファイルを表示する |
index.html <!DOCTYPE html>
<html>
<body>
<input id="tb" type="text">
<button id="set">set</button>
<button id="getKeys">getKeys</button>
<button id="deleteKeys">deleteStorage</button>
<script>
elem("set").onclick = setClicked;
elem("getKeys").onclick = getkeys;
elem("deleteKeys").onclick = deleteStorage;
function elem(id) {
return document.getElementById(id);
}
function setClicked() {
const key = elem("tb").value;
const datetime = new Date();
setStorage(key, datetime);
elem("tb").value = "";
console.log(key + " set");
}
function setStorage(key, value) {
const item = localStorage.setItem(key, value);
}
function getkeys() {
const keys = Object.keys(localStorage);
for(let i = 0; i < localStorage.length; i++) {
const key = keys[i];
const datetime = localStorage.getItem(key)
console.log([key, datetime]);
}
}
function deleteStorage() {
const key = elem("tb").value;
localStorage.removeItem(key);
console.log(key + " deleted");
}
</script>
</body>
</html>
|
コード.gs
/************************************
環境によって異なる値は各自の環境に合わせて値を設定します
************************************/
const BASE_URL = 'https://SITENAME.atlassian.net/';// 対象のJIRA URL
const ISSUE_URL = BASE_URL + '/rest/api/3/issue/';// バージョンは2or3
const accountId = "ACCOUNT_ID";// 自分のJIRAアカウントのID
const FOLDER_ID = "FOLDER_ID";// create_fileで保存するときのGoogleドライブのフォルダID
const projectKey = "PROJECT_KEY";// JIRA課題を作成するプロジェクトキー
/************************************
SlackのOutgoing WebhookでこのプロジェクトのWebアプリのURLを指定している
eventObjにデータが飛んでくる
そのデータから欲しい値を抽出してJIRA APIに送ってissueを作成する
************************************/
function doPost(eventObj) {
//create_file(JSON.stringify(eventObj, null, 2));// eventObjの中身を見たい時に使う
const slackToJiraObj = parseSlackMessage(eventObj);
postToJira(slackToJiraObj);
}
/************************************
Slackから送られてきたeventObj
{
"parameter": {
...
"text": "<https://www.pre-practice.net/2020/08/blog-post_2.html|テスト投稿>\nテスト用のブログ投稿です。ここに本文が入ります。",
}
...
}
************************************/
function parseSlackMessage(eventObj) {
const param = eventObj.parameter;
const text = param["text"];
const title = text.split("|")[1].split(">")[0];
const url = text.split("<")[1].split("|")[0];
const slackToJiraObj = {
"text": text,
"title": title,
"url": url
};
return slackToJiraObj;
}
/************************************
飛んできたSlackのデータを元にJIRA課題を作る
************************************/
function postToJira(slackToJiraObj) {
const payload = getPayload(slackToJiraObj);
const options = getOptions(payload);
const response = UrlFetchApp.fetch(ISSUE_URL, options);
const key = JSON.parse(response)["key"];
Logger.log(key);
}
/************************************
payloadを作って返す
************************************/
function getPayload(slackToJiraObj) {
const data = {
"project": {"key": projectKey},
"issuetype": {"name": "Story"},
"summary": slackToJiraObj["title"],
"description": createDescription(slackToJiraObj["text"]),
"reporter": {"id": accountId},
// "customfield_10034": slackToJiraObj["url"]// JIRAにURLフィールドを作っておく
};
const fields = {"fields": data};
const payload = JSON.stringify(fields);
return payload;
}
/************************************
JIRA API v3ではdescriptionをこのように作るらしい
************************************/
function createDescription(text) {
const description = {
"type": "doc",
"version": 1,
"content": [
{
"type": "paragraph",
"content": [
{
"text": text.replace(/。/g, "。\n"),// 。で改行を入れてやる
"type": "text"
}
]
}
]
}
return description;
}
/************************************
optionsを作って返す
************************************/
function getOptions(payload) {
const options = {
"method": "post",
"payload": payload,
"contentType": "application/json",
"headers": {"Authorization": " Basic " + getProp('jira_token')}
}
return options;
}
/************************************
スクリプトのプロパティから値を取得して返す
************************************/
function getProp(key) {
return PropertiesService.getScriptProperties().getProperty(key);
}
/************************************
Googleドライブの指定フォルダにJSONファイルを保存する場合に使う
************************************/
function create_file(json) {
const content_type = "application/json";
const file_name = "Slack Message";
const blob = Utilities.newBlob("", content_type, file_name);
const file = blob.setDataFromString(json, "UTF-8");
const folder = DriveApp.getFolderById(FOLDER_ID);
folder.createFile(file);
}
|
