コード.gs
//フォルダを指定する
var FOLDER_ID = "フォルダID";
/************************************
doGet
************************************/
function doGet(e) {
return HtmlService.createHtmlOutputFromFile("index");
}
/************************************
getFiles
フォルダ内のファイルを取得して
昇順にして返す
************************************/
function getFiles() {
var array = [];
var folder = DriveApp.getFolderById(FOLDER_ID);
var contents = folder.getFiles();
while(contents.hasNext()) {
var file = contents.next();
var name = file.getName();
var id = file.getId();
var obj = {};
obj["name"] = name;
obj["id"] = id;
array.push(obj);
}
var sorted = objSort(array);
return array;
}
/************************************
objSort
並べ替える
************************************/
function objSort(array) {
var ascending = array.sort(asc);
return ascending;
}
/************************************
asc
nameで昇順に並べ替える
************************************/
function asc(a, b){
var targetA = a.name;
var targetB = b.name;
if(targetA > targetB){
return 1;
}else if(targetA < targetB ){
return -1;
}else{
return 0;
}
}
|
index.html
<!DOCTYPE html>
<html>
<head>
<style>
#image {
height: 100vh;
}
.display_none {
display: none;
}
</style>
</head>
<body>
<textarea id="ta" class="display_none"></textarea>
<input id="num_tb" type="text">
<button id="jump_bt">jump</button>
<button id="prev_bt">prev</button>
<button id="next_bt">next</button>
<br>
<img id="image" src="">
<script>
/************************************
グローバル
************************************/
var jump_bt = elem("jump_bt");
var next_bt = elem("next_bt");
var prev_bt = elem("prev_bt");
var num_tb = elem("num_tb");
var image = elem("image");
var ta = elem("ta");
/************************************
イベント
************************************/
jump_bt.onclick = jumpClicked;
next_bt.onclick = nextClicked;
prev_bt.onclick = prevClicked;
/************************************
elem(id)
************************************/
function elem(id) {
return document.getElementById(id);
}
/************************************
起動時に実行
************************************/
getFilesNameId();
/************************************
get_data()
************************************/
function getFilesNameId() {
google.script.run
.withFailureHandler(onFailure)
.withSuccessHandler(onSuccess)
.getFiles();
}
/************************************
onSuccess(result)
************************************/
function onSuccess(array) {
ta.value = JSON.stringify(array);//一度JSON形式にする
showImage(0);
}
/************************************
showImage
ファイルのURLをimageのsrcに入れて
テキストボックスにページの数値を入れる
************************************/
function showImage(num) {
var array = JSON.parse(ta.value);//JSON文字列をオブジェクトに変換する
var view_path = "https://drive.google.com/thumbnail?sz=w1000&id=";
image.src = view_path + array[num]["id"];
num_tb.value = num;
}
/************************************
onFailure(e)
************************************/
function onFailure(e) {
alert([e.message, e.stack]);
}
/************************************
jumpClicked
テキストボックスの数値をみてそのページを開く
************************************/
function jumpClicked() {
var num = getNumTotal()["num"];
var total = getNumTotal()["total"];
if(num > total-1 || num < 0) {
alert("有効範囲は、0〜" + (total-1).toString() + "ページ");
} else {
showImage(num);
}
}
/************************************
nextClicked
ひとつ次の画像を開く
************************************/
function nextClicked() {
var num = getNumTotal()["num"];
var total = getNumTotal()["total"];
num = num + 1;
if(num > total-1) {
num = total-1;
} else {
showImage(num);
}
}
/************************************
prevClicked
ひとつ前の画像を開く
************************************/
function prevClicked() {
var num = getNumTotal()["num"];
num = num - 1;
if(num < 0) {
num = 0;
} else {
showImage(num);
}
}
/************************************
getNumTotal
テキストボックスの数値とファイルの総数をオブジェクトで返す
************************************/
function getNumTotal() {
var num = parseInt(num_tb.value);
var array = JSON.parse(ta.value)
var total = array.length;
var obj = {};
obj["num"] = num;
obj["total"] = total;
return obj;
}
</script>
</body>
</html>
|
コード.gsfunction doGet() {
var output = HtmlService.createHtmlOutputFromFile('index');
output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return output;
}
| 意訳index.htmlのHTMLを出力する XFrameOptionsModeをHtmlService.XFrameOptionsMode.ALLOWALLに設定して 返す |
index.html<!DOCTYPE html>
<html>
<body>
<input type="text">
</body>
</html>
| 意訳テキストボックスを置く |
コード.gs
function upload_image(){
var data = "data:image/png;base64, ここにbase64変換した文字列";
var base64 = data.split("base64,")[1];
var content_type = data.split("data:")[1].split(";base64")[0];
var decoded = Utilities.base64Decode(base64);
var file_name = "NAME";
var url = create_file(file_name, content_type, decoded);
Logger.log(url);
return url;
}
function create_file(file_name, content_type, decoded) {
var folder = DriveApp.getFolderById("0B2O4f6oD8gwNTjJjNFAzeU1jb0U");
var blob = Utilities.newBlob(decoded, content_type, file_name);
var created_file = folder.createFile(blob);
var url = created_file.getUrl();
return url;
}
|
コード.gs
function getBase64Data() {
var url = "https://drive.google.com/file/d/ID/view?usp=sharing";
var id = url.split("/d/")[1].split("/")[0];
var file = DriveApp.getFileById(id);
var blob = file.getBlob();
var content_type = blob.getContentType();
var base64 = Utilities.base64Encode(blob.getBytes());
var data = "data:" + content_type + ";base64, " + base64;
return data;
}
|
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<style>
#canvas1 {
width: 30vw;
height: 30vh;
border: solid 1px lightgray;
}
</style>
<body>
<canvas id="canvas1"></canvas>
<script>
var color = "royalblue";
var width = 10;
var canvas = document.getElementById('canvas1');
var context = canvas.getContext('2d');
var canvasWidth = canvas.width;
var canvasHeight = canvas.height;
context.strokeStyle = color;
context.lineWidth = width;
function draw() {
var TopX = 0;
var TopY = 0;
var BottomX = 0;
var height = canvasHeight;
context.beginPath();
context.moveTo(TopX, TopY);//線の出発点(X座標の出発点とY座標の出発点)
context.lineTo(BottomX, height);//線の終点（X座標の終点, Y座標の終点）
context.closePath();
context.stroke();
};
draw();
</script>
</body>
</html>
|
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<div id="body_div">
<img id="source" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92IoL49pecj_nJMSR_OEiKp3QGNtv6afe5WwgPbu8GZWJ6LWexqEpT-YPr8JD3OxL4nDeZVfej8X0dxPTx2J-SsdeyBcSdrEeBQHqXgpn0ROLaD3oIXWzSZgWyMER-LxKcf4QDRLPPso/s1600/icon.png" draggable="false">
<div id="canvas_div2">
</div>
<br>
X座標移動中：<input type="text" id="moveX" />
Y座標移動中：<input type="text" id="moveY" />
<br>
X座標ここから：<input type="text" id="fromX" />
Y座標ここから：<input type="text" id="fromY" />
<br>
X座標ここまで：<input type="text" id="toX" />
Y座標ここまで：<input type="text" id="toY" />
<br>
切り取る幅：<input type="text" id="cutX" />
切り取る高さ：<input type="text" id="cutY" />
</div>
<script>
/************************************
elem
************************************/
function elem(id){
return document.getElementById(id);
}
/************************************
グローバル変数
************************************/
var canvas_div2 = elem("canvas_div2");
var fromX = elem("fromX");
var fromY = elem("fromY");
var moveX = elem("moveX");
var moveY = elem("moveY");
var toX = elem("toX");
var toY = elem("toY");
var cutX = elem("cutX");
var cutY = elem("cutY");
/************************************
イベント
************************************/
document.onmousedown = on_mousedown;
document.onmouseup = on_mouseup;
document.onmousemove = on_mousemove;
/************************************
on_mousemove
************************************/
function on_mousemove(e){
//座標を取得する
var X = e.pageX; //X座標
var Y = e.pageY; //Y座標
//座標を表示する
moveX.value = X;
moveY.value = Y;
};
/************************************
on_mousedown
************************************/
function on_mousedown(e){
//座標を取得する
var X = e.pageX; //X座標
var Y = e.pageY; //Y座標
//座標を表示する
fromX.value = X;
fromY.value = Y;
};
/************************************
on_mouseup
************************************/
function on_mouseup(e){
//座標を取得する
var X = e.pageX; //X座標
var Y = e.pageY; //Y座標
//座標を表示する
toX.value = X;
toY.value = Y;
get_trimed();
}
/************************************
get_trimed
************************************/
function get_trimed(){
var X1 = parseInt(fromX.value);
var Y1 = parseInt(fromY.value);
var X2 = parseInt(toX.value);
var Y2 = parseInt(toY.value);
//逆向きからの選択に対応
var X = nomalize_position(X1, X2);
X1 = X[0];
X2 = X[1];
//逆向きからの選択に対応
var Y = nomalize_position(Y1, Y2);
Y1 = Y[0];
Y2 = Y[1];
//範囲を取得する
var X3 = Math.abs(X2 - X1);
var Y3 = Math.abs(Y2 - Y1);
//座標を表示する
cutX.value = X3;
cutY.value = Y3;
//描画する
draw_image(X1, Y1, X3, Y3);
}
/************************************
nomalize_position
上から下、左から右に選択すれば問題ないが
下から上や右から左に選択すると
起点よりも終点の方が小さくなり
範囲が正しく取得できないので
起点が終点よりも大きい場合は両者を入れ替えて
逆向きからの選択に対応する
************************************/
function nomalize_position(A, B){
if(A > B){
var A0 = A;
A = B;
B = A0;
}
var result = [A, B];
return result;
}
/************************************
draw_image
************************************/
function draw_image(X1, Y1, X3, Y3) {
var source = elem('source');
remove_child("canvas_div2");
var canvas = create_canvas();
var context = canvas.getContext('2d');
canvas.style.width = X3;
canvas.style.width = Y3;
context.drawImage(source, X1, Y1, X3, Y3, 0, 0, X3, Y3);
}
/************************************
create_canvas
************************************/
function create_canvas(){
var canvas = document.createElement("canvas");
canvas.setAttribute("id", "image_canvas");
canvas_div2.appendChild(canvas);
return canvas;
}
/************************************
remove_child
************************************/
function remove_child(id) {
var elem = document.getElementById(id);
for (var i = elem.childNodes.length - 1; i >= 0; i--) {
elem.removeChild(elem.childNodes[i]);
}
}
</script>
</body>
</html>
|
コード.gs
function addText() {
var url = "https://docs.google.com/document/d/ID/edit";
var doc = DocumentApp.openByUrl(url);
var body = doc.getBody();
body.appendParagraph("hi" + "\n" + "hey");
}
|
コード.gs
function changeFontSize() {
var url = "https://docs.google.com/document/d/ID/edit";
var doc = DocumentApp.openByUrl(url);
doc.editAsText().setFontSize(14);
}
|
コード.gs
function get_ocr() {
var id = "画像ファイルのID";
var file = DriveApp.getFileById(id);
var blob = file.getBlob();
var name = file.getName();
var file = {
title: name,
mimeType: 'image/png'
};
var option = {
ocr: true
}
file = Drive.Files.insert(file, blob, option);
var doc = DocumentApp.openByUrl(file.embedLink);
var text = doc.getBody().getText();
var docUrl = "https://docs.google.com/document/d/" + doc.getId() + "/edit";
Logger.log(docUrl);
Logger.log(text);
}
|
コード.gs
function createDocFromText() {
var url = "https://drive.google.com/file/d/ID/view?usp=sharing";//テキストファイルのURL
var id = url.split("/d/")[1].split("/")[0];
var file = DriveApp.getFileById(id);
var name = file.getName();
var blob = file.getBlob();
var file = {
title: name,
mimeType: 'application/vnd.google-apps.document'
};
file = Drive.Files.insert(file, blob);
var id = file.id;
var docUrl = "https://docs.google.com/document/d/" + id + "/edit";
Logger.log(docUrl);
}
|
コード.gs
function getIndex2d() {
var index;
var target = 12;
var array = [[5,4], [12,20], [8,5]];
for(var i = 0; i < array.length; i++) {
if(array[i][0] === target) {
index = i;
break;
}
}
Logger.log(index);
}
|
意訳この機能がやること 見つかったindexを入れる入れ物を用意して 見つけたい値を決めて 探したい対象の2次元配列を用意して 配列の数だけ繰り返す ひとつずつ要素を見て0番目がtargetに一致したら indexに繰り返した回数を入れて 繰り返しから抜ける indexをログに出す |
コード.gs
function get_sort2d() {
var array = [[1,7],[2,0],[3,9],[5,6],[4,8],[2,5]];
var ascending = array.sort(sorting_asc);
Logger.log(ascending);
var descending = array.sort(sorting_desc);
Logger.log(descending);
}
function sorting_asc(a, b){
return a[0] - b[0];
}
function sorting_desc(a, b){
return b[0] - a[0];
}
|
コード.gs
function str_sort2d(array) {
array = [["お","か"], ["う","き"], ["あ","く"], ["え","け"], ["い","こ"]];
var ascending = array.sort(sorting_asc);
Logger.log(ascending);
var descending = array.sort(sorting_desc);
Logger.log(descending);
}
function sorting_asc(a, b){
if(a[0] < b[0]){
return -1;
}else if(a[0] > b[0] ){
return 1;
}else{
return 0;
}
}
function sorting_desc(a, b){
if(a[0] > b[0]){
return -1;
}else if(a[0] < b[0] ){
return 1;
}else{
return 0;
}
}
|
コード.gs
function createNewDoc() {
var doc = DocumentApp.create('Document Name');
var body = doc.getBody();
body.setText("テキスト1\nテキスト2");
var url = doc.getUrl();
Logger.log(url);
}
|
意訳この機能がやること 新規ドキュメントを作成する bodyを取得する テキストを入力する urlを取得する ログに出す |
コード.gs
function createNewDoc() {
var doc = DocumentApp.create('Document Name');
var url = doc.getUrl();
Logger.log(url);
}
|
意訳この機能がやること 新規ドキュメントを作成する（名前を決める） 作成したドキュメントのurlを取得して ログに出す |
コード.gs
function getToken() {
return PropertiesService.getScriptProperties().getProperty('token');
}
function doPost(e) {
var contents = e.postData.contents;
var obj = JSON.parse(contents)
var events = obj["events"];
for(var i = 0; i < events.length; i++){
if(events[i].type == "message"){
replyMessage(events[i]);
}
}
}
function replyMessage(e) {
var userId = e.source.userId;
var profile = getProfile(userId)
var postData = {
"replyToken" : e.replyToken,
"messages" : [
{
"type" : "text",
"text" : profile.toString()
}
]
};
var options = {
"method" : "post",
"headers" : getHeaders(),
"payload" : JSON.stringify(postData)
};
var url = "https://api.line.me/v2/bot/message/reply";
UrlFetchApp.fetch(url, options);
}
function getHeaders() {
var headers = {
"Content-Type" : "application/json",
"Authorization" : "Bearer " + getToken()
};
return headers;
}
function getProfile(userId) {
var options = {
"method" : "get",
"headers" : getHeaders()
};
var url = 'https://api.line.me/v2/bot/profile/' + userId;
var response = UrlFetchApp.fetch(url, options);
return response;
}
|
意訳この機能がやること スクリプトのプロパティに保存してあるtokenの値を返す この機能がやること 送られてきた投稿内容を取り出して オブジェクトに変換して eventsを取り出して eventsの数だけ繰り返す eventsをひとつずつ見てtypeがmessageなら replyMessageに渡す この機能がやること userIdを取得して getProfile()に渡した戻り値を取得して postDataを作る replyTokenを取り出して設定して メッセージを作る typeを決める textを決める optionsを作る methodを決める headersを決める payloadを決める urlを指定して UrlFetchApp.fetchでLINEに送る この機能がやること headersを作る Content-Typeを決める Authorizationを決める 返す この機能がやること optionsを作る methodを決める headersを決める profileのURLにuserIdを付けて UrlFetchApp.fetchでLINEに送って 返ってきたデータを返す |
コード.gsfunction onOpen(e) {
SpreadsheetApp.getUi()
.createAddonMenu()
.addItem('Message', 'showMessage')
.addToUi();
}
function onInstall(e) {
onOpen(e);
}
function showMessage() {
Browser.msgBox('メッセージを表示する');
}
| 意訳この機能がやること スプレッドシートのUIに アドオンのメニューを追加して 項目名と実行する関数を設定して 追加する この機能がやること onOpen(e)を実行する この機能がやること メッセージを表示する |
