Scriptでは、ウェブアプリケーションを作れるわけなのですが、基本的には1ファイル1ページオンリーで、画面遷移というものが出来ません。スプレッドシート上で表示するダイアログなどでは、いくつものHTMLダイアログを表示は出来ますが、お互いは独立したページなので干渉が出来ません。その為、ウェブアプリケーションとして出力した場合には、出来ることとしたら、DIVの書換えで対処するしかありません。その場合、1つのHTMLファイルが非常に冗長になり、長いコードを1ファイルに書かなければいけないデメリットが生じます。そこで今回の策は、複数のHTMLファイルをプロジェクト内に用意して、メインとなるHTMLより、コールバックでデータを呼び寄せて、それをdocument.getElementById().innerHTMLで、まるごと書き換えるという手法です。これならば、1つ1つのファイルは独立してるので、メンテナンスしやすく、擬似的に画面遷移が実現できます。Serviceを使った画面の入れ替えcreateTemplateFromFileを使った事例。起動時に2つのHTMLをGAS側から呼び出して於いて、アクションがあったら、innerHTMLで書き換えて遷移を実現します。getContentでHTML自体を取得させています。LOVEというサイトのテンプレートを二枚それぞれtest.htmlとtaro.htmlに入れてみました。CSSも呼び出してcreateTemplateFromFileでレンダリングさせています。JSON.stringify(html);}kinokoでまず本体を呼び出します。testman2はそれぞれ、kinokoで呼び出したtest.html内から呼び出される関数です。差し替えるHTMLをここで中身を受け取って返しています。それぞれは、別のHTMLファイルです(本体はpage.html、呼び出す側がtest.htmlとtaro.htmlそれぞれ用意しておく)。onclick="test2()">書換2</a>doGetのパラメータで切り替えこちらは起動時にGETにてパラメータを受け取り、そのパラメータによって画面を切り替える手法です。Sitesにガジェットで貼り付ける時に、1つのプロジェクトで複数のガジェットを実現可能になる利点もあります。ScriptでGET・POSTにて一度紹介しています。html;}ウェブアプリケーションとして公開をしてテストをが可能です。公開URLにsection=testやsection=taroと繋げることで、それぞれ違うページをロードしてくれます。これを画面遷移の遷移先として利用するわけです。変数などを渡したい場合には、スクリプトプロパティなどを利用して渡すと良いでしょう。今回トリッキーな方法、しかしモバイルの世界では割とポピュラーな手法として、ライブラリを使ったページ内遷移で擬似的に画面遷移を実現してみました。複数のHTMLを用意せず、1枚のHTML内でセクションを用意し、それらをライブラリの力で画面遷移用に切り分けて表示する仕組みです。パッションフルーツとは、まだ世間一般では流通していない南国フルーツです。東京でも栽培が可能で、関東では千葉県や八丈島などでも栽培されてるフルーツです。このフルーツ暑さに弱いという性質がある。1年に2回収穫が可能で、なおかつ他の作物にくらべて、病気にかかりにくく害虫も少ない。生食が中心だけれども、その葉っぱもお茶として利用でき、種は絞れば非常に良い油が手に入ります。いちごは、主に寒い地方で栽培される草の実。栃木県や福岡県が栽培の名所であるが、静岡や千葉、徳島などでも盛んに栽培され、世界一の品種改良が進められている。バラ科の植物なので害虫も多く、また、疫病にも弱いため、非常に手間の掛かるフルーツでもある。ベランダ農園も可能なほど手軽な植物でもあるので、おすすめしたい一品。data-role="content"><p>パッションフルーツとは、まだ世間一般では流通していない南国フルーツです。<br>しかし、東京でも栽培が可能で、関東では千葉県や八丈島などでも栽培されてるフルーツです。このフルーツ暑さに弱いという性質がある。<br>けれど、1年に2回収穫が可能で、なおかつ他の作物にくらべて、病気にかかりにくく害虫も少ない。<br>主に生食が中心だけれども、その葉っぱもお茶として利用でき、種は絞れば非常に良い油が手に入ります。data-role="content"><p>いちごは、主に寒い地方で栽培される草の実。フルーツとしては非常に身近な存在です<br>しかし、暑い地域では栽培が難しく、また、冬の寒さを経験しないと翌年花を咲かせない特徴があるため、暑い地域では食味の劣る四季成りいちごが栽培の中心<br>主に栃木県や福岡県が栽培の名所であるが、静岡や千葉、徳島などでも盛んに栽培され、世界一の品種改良が進められている。バラ科の植物なので害虫も多く、また、疫病にも弱いため、非常に手間の掛かるフルーツでもある。<br>けれど、ベランダ農園も可能なほど手軽な植物でもあるので、おすすめしたい一品。Mobileの力で、2枚のページを実現しています。ページ間はそれぞれのIDつまりアンカーの指定で移動します。hrefに別のHTMLやURLを指定すれば、移動することは可能です。ポイントcreateTemplateFromFileの場合にはスクリプトレットが使用できますが、createOutputFromFileの場合には使用することができません。呼び出す時に今回はTemplateFromFileなので、evaluateしてます。結果はJSONで受け渡しをしてますが、OutputFromFileの場合には、JSON関係なく、直接returnすれば表示できると思います。HtmlService.SandboxMode.IFRAMEならば様々なライブラリが利用できます。ない場合にはjQueryなどの限定された機能だけしかライブラリは使用できないことを念頭に於いて呼び出しましょう。CSSやJavaScriptもHTMLファイルとして分離してスクリプトレットなどで直接位置を指定して呼び出せます。いずれの場合でも、.getContent()メソッドで中身を表示するのではなく、変数に取得しています。それをreturnで返して、page.htmlに反映しています。今回は、test.htmlもtaro.htmlも少ない内容なので、直接書き換えるのと見た目は変わりませんが、本格的なウェブアプリケーションを作るときには効果を発揮します。2ペインや3ペインのUIで作ると良いと思います。この他にFramework7というGUIフレームワークを使ったインライン画面遷移を使うテクニックもあります。コメントデータの処理方法の詳細はこちらをご覧ください。Suite加入用プロモコード割引適用のページで以下のコードを適用Basic:L93LT9URV3P6TQRBusiness:U7XV3VW4RTQPPDK詳細はこちらのページより。technology.。