Google関連

[Google Apps Script]サイドバーを表示する

  • Google Apps Scriptでサイドバーを表示します。
  • サイドバーの内容はcreateHtmlOutputFromFileメソッドで読み込むHTMLで、jQueryを扱うこともできます。
  • Google ドキュメント アドオンではCSSのパッケージ(https://ssl.gstatic.com/docs/script/css/add-ons.css)が用意されていて、link要素で読み込んで利用します。
  • HTML側からサーバースクリプトを呼び出すときは「google.script.run」を使います。
//var ui = SpreadsheetApp.getUi();
var ui = DocumentApp.getUi();

function onOpen(e){
    var html = HtmlService.createHtmlOutputFromFile('Sidebar').setTitle('サンプル サイドバー').setWidth(300);
    ui.showSidebar(html);
}

function showAlert(arg){
    ui.alert('Hello! ' + arg);
}

・Sidebar.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.showAlert('Taro.');
        });
    });
</script>
<p><button id="btnOK" class="action">OK</button></p>

GoogleAppsScript_02_01

GoogleAppsScript_02_02

[Google Apps Script]メニューの追加と確認ダイアログの表示前のページ

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

関連記事

  1. Microsoft Graph

    [Google Apps Script]Microsoft Graph APIを使ってMicroso…

    Microsoft Graph APIを使って、OneDriveにある…

  2. Google関連

    Google Apps Script 活用トーク #6に参加しました – #GAS活

    5月29日(金)に開催された「Google Apps Script 活…

  3. Google関連

    [Google Apps Script]スプレッドシートで検索と置換を行う

    Google スプレッドシートには、検索と置換機能(Ctrl + F)…

  4. Google関連

    [Google Apps Script]拡張サービスを使用する。

    Google Apps Scriptでは「拡張サービス」(Advanc…

  5. Office関連

    Gmail APIを使ってメール送信するVBAマクロ(3)

    前回、前々回とGmail APIを扱ってきましたが、今回は前々回の記事…

  6. Office関連

    Google翻訳の言語自動検出機能を追う

    「Google TTSで文字列を読み上げるマクロ」でGoogle翻訳の…

コメント

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

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

Time limit is exhausted. Please reload CAPTCHA.

※本ページはプロモーションが含まれています。

Translate

最近の記事

アーカイブ

PAGE TOP