質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1264閲覧

GAS:スプレッドシート上でユーザーが選択しているセルの内容をHTMLに表示

yaumomo

総合スコア0

Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2021/11/26 04:06

実現したいこと

・複数人で共有しているGoogleスプレッドシートがあります。
・ReadOnlyで共有し、管理者が定期的に内容を更新します。
このスプレッドシートで、各ユーザーが選択しているセルの値をワンクリックでHTMLにして表示したいのです。

例えば....
ユーザAがセルA2を選択した状態でスクリプトを実行、あるいはURLをクリックすると、セルA2の内容がHTMLに表示される。
ユーザBがセルB3を選択した状態で同じ事をすると、ユーザBのPC上でセルB3の内容がHTMLに表示される。
という具合です。
(実際のアプリケーションでは状況がもっと複雑ですが、核心となる部分のみに絞るため、単純化した想定にしています。)

発生している問題

doGet関数内で固定のセルのアドレスを指定して、そのセル内容をHTML表示させる所までは出来ました。

しかし、ユーザーがどのセルを選択するかはスクリプト実行時まで分かりません。
getActiveCell関数が使えれば良いのですが、doGet関数内では動かないと理解しています(実際に動きません)。

スプレッドシートのコンテナバインドスクリプトにより、デプロイ済みHTMLのURLにパラメータを付けたリンクを作成し、doGet(e)でパラメータを受け取れるようにする事も考えましたが、ワンクリックでこれを実現する方法が思い浮かびません。
つまり、ユーザー選択に応じたリンクをスクリプトで作成しする事が出来ても、そのままそのリンクにジャンプする事が出来ない(GASではHTMLのURLを指定して開く事が出来ないと理解しています。)のです。

下記のコードが動けば良いのですが、動きませんよね....。
他の方法でも良いので、ユーザー選択に応じて内容の違うHTMLを表示する方法、何かありましたがご教示頂きたく思います。
宜しくお願いします。

試したこと

function doGet() {
var app = SpreadsheetApp.getActiveSpreadsheet();
var ss = app.getActiveSheet();
var t=HtmlService.createTemplateFromFile("UserForm");
t.CellContents=ss.getActiveCell();
return t.evaluate().setTitle("ユーザーフォーム");
}

<!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> <h1><?=CellContents?></h1> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yaumomo

2021/11/27 12:52 編集

ありがとうございます。 1. スプレッドシート上の、スクリプトをバインドした画像をクリック→(スプレッドシートのコンテナバインド)スクリプトを起動 2. このスクリプトで、現在のセルを獲得し、デプロイしたHTMLのURL + パラメータ(セル値)でURLを作成 3. そのURLをダイアログ上でリンクにし、それをクリック(クリックが2回にはなりましたが) 4. 表示されたHTML上に、ユーザが選択した値を表示 で出来ました。ありがとうございました!
itagagaki

2021/11/27 12:53

解決したのなら解決した方法を自分で回答として書いてこの質問を解決済みにしてください。
guest

回答1

0

自己解決

  1. スプレッドシート上の、スクリプトをバインドした画像をクリック→(スプレッドシートのコンテナバインド)スクリプトを起動
  2. このスクリプトで、現在のセルを獲得し、デプロイしたHTMLのURL + パラメータ(セル値)でURLを作成
  3. そのURLをダイアログ上でリンクにし、それをクリック(クリックが2回にはなりましたが)
  4. 表示されたHTML上に、ユーザが選択した値を表示

で出来ました。
ありがとうございました!

投稿2021/11/27 12:56

yaumomo

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問