GoogleスプレッドシートでGASを使いHTML画面を表示する方法についてです。
みなさんGoogleスプレッドシートって使ってますかね。
私は結構使っています。
GoogleスプレッドシートではGASというマクロを使うことができます。
GoogleスプレッドシートでHTMLの画面を表示する方法を知ったので今日はその内容について書いています。
今回作ったものは下記のようなシンプルですがスプレッド上にHTMLで作った画面を表示するというものです。
構成さえ同じにすればコピペで動くようにしています。
構成は下記のようにgasプログラムとhtmlファイル。
ますはgasプログラム側。
htmlの画面を表示する命令をしているだけです。
function showScreen() { var html = HtmlService.createHtmlOutputFromFile('index').setWidth(500).setHeight(500); app.getActiveSpreadsheet().show(html); }
お次はhtml。今回はシンプルにしました。
割とcssもjavascriptでコードを入れ込んで色々できます。
<!DOCTYPE html> <html> <head> <base target="top"> </head> <body> 表示しました。 </body> </html>
あとはどういうイベント(トリガー)で動かしたいかですが、
ボタンを押した時などに動かしたい場合は下記の記事を参照ください。