Google関連

[Google Apps Script]スプレッドシート上にウィンドウを表示する

  • Google Apps Scriptでスプレッドシート上にウィンドウを表示します。
  • ウィンドウの内容はcreateHtmlOutputFromFileメソッドでHTMLファイルから読み込むことができます。
  • setValueメソッドでセルに値を入力することができます。
var app = SpreadsheetApp;

function onOpen(e){
    showContentApp();
}

function showContentApp(){
    var html = HtmlService.createHtmlOutputFromFile('Contents').setTitle('Sample App').setWidth(300).setHeight(250);
    app.getActiveSpreadsheet().show(html);
}

function setRangeValue(arg){
    app.getActiveRange().setValue(arg);
}

・Contents.html

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    $(function(){
        $('#btnOK').click(function(){
            google.script.run.setRangeValue('Hello world.');
        });
    });
</script>
<p><button id="btnOK" class="action">OK</button></p>

GoogleAppsScript_03_01

【編集後記】

先日からGoogle Apps Script(GAS)を触り始めました。
まだまだ分からないことだらけですが、とりあえずOffice 用アプリと同じようなことをGASでも出来るのではないかと思い、色々試しているところです。

今回の記事はOffice 用アプリでいうところの「コンテンツ アプリ」にあたります。
ウィンドウを表示するshowメソッドではUiInstanceオブジェクトも表示出来るみたいなのですが、いちいちボタンを追加したりラベルを追加したりというのが面倒だったので、Office 用アプリと同様HTMLから読み込む方法を採っています。
(コードの書き方がこれで合っているのか甚だ疑問ですが、とりあえず動くので良しとしています。)

関連記事

  1. Excel

    Google翻訳で文字列を翻訳するマクロ

    ※ 2016/2 時点では下記の方法はもう使用できなくなっています。V…

  2. Google関連

    【オトカドール】あそべるお店マップ「オトカマップ」を作ったよ。

    当ブログで何度も取り上げているオトカ&#9829;ドールですが、公式サ…

  3. Google関連

    Google AdSenseで「PC のパフォーマンスが低下しています」を表示しないようにする。

    下記のサイトでも話題になっていますが、Google AdSenseの怪…

  4. Google関連

    [Google Apps Script]Webアプリケーションを作成する。

    Google Apps Scriptではスプレッドシートや文書上で動く…

  5. Office アドイン

    [Office用アプリ]Google ドライブでアプリを公開する方法

    今回は先日登壇した第一回 Apps for Office 勉強会の中で…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

Time limit is exhausted. Please reload CAPTCHA.

最近の記事

アーカイブ

RapidSSL_SEAL-90x50
PAGE TOP