>アップススクリプトでウェブアプリを作成する事務所内や顧問先のお客様と共有するツールはウェブアプリにしてしまうのが効果的です。このページでは基本的なウェブアプリの作成から公開までの方法を掲載しています。ウェブアプリのサンプルコードアップススクリプトでウェブアプリを作成するには、doGetもしくはdoPostという名前の関数を作成して、HtmlOutputまたはTextOutputを返します。doGetはウェブアプリにGetでアクセスした場合、doPostはウェブアプリにPostでアクセスした場合に実行される関数です。HtmlOutputとTextOutputの違いは返されるデータがHTMLデータなのか単なるテキストデータなのかです。ユーザーインターフェースを表示したいのであればHtmlOutputが、APIとして使用したいのであればTextOutputが適しています。HtmlOutputは、HtmlServiceから作成します。文字列から作成することもできますが、独立したHTMLファイルから作成することもできます。サンプルでは後者の方法を採用しています。TextOutputは、ContentServiceを利用して文字列から作成します。ContentService.createTextOutput(str);}doGetではユーザーがGetアクセスした場合に、下記HTMLファイルからHtmlOutputを作成してHTMLデータを返します。doPostではユーザーがPostアクセスした場合に、パラメータeを文字列に変換してTextOutputとして返します。パラメータeはJSON形式のデータとして与えられます。GetのクエリパラメータやPostの送信データをウェブアプリで受け取る場合に使用します。type="submit"></form></body></html>Getアクセス時に返すHTMLデータサンプルです。テキストインプットとサブミットボタンを含むフォームを設置しています。フォームはサンプル自身にPostを送信します。Postで送信するパラメータはtextのみです。作成したウェブアプリは公開することで実行できるようになります。公開するには、「公開>ウェブアプリケーションとして導入...」を選択します。作成したバージョンを公開する場合は「そのバージョン」を選択します。(同時に2つのバージョンを公開することはできません。)次のユーザーとしてアプリケーションを実行は、「自分」か「アクセスしているユーザー」を選択できます。(匿名ユーザーを含む)」から選択できます。アクセスしているユーザーを選択した場合、アプリケーションにアクセスできるユーザーは「自分だけ」、「全員」から選択できます。これはアプリケーションを実行するためにはグーグルアカウントが必要でること、今回は使用していませんがスプレッドシートやカレンダーのデータにアクセスする場合に誰のデータにアクセスするかに関係します。今回のサンプルウェブアプリであれば次のような意味を持ちます。誰でも実行できる(ログイン必要)ウェブアプリのURLウェブアプリを実行するURLは2つあります。1つは最後がexec、もう1つは最後がdevです。execはバージョン管理されたプロジェクトが実行されます。そのためプロジェクトバージョンを選択して公開しているバージョンのプログラムが実行されます。devはバージョンを新規作成していなくても、現在のソースコードの状態に応じたプログラムが実行されます。開発中はこちらのURLを使用します。今回のサンプルの実行URLです。ウェブアプリの実行結果ウェブアプリにGetアクセスすると図のようなテキストインプットと送信ボタンが表示されます。このまま送信した場合、次のようなテキストが表示されます。World!"]},"postData":{"length":19,"type":"application/x-www-form-urlencoded","contents":"text=Hello+World%21","name":"postData"}}ここで表示されたパラメータがウェブアプリで使用できるパラメータです。これを見て分かる通りウェブアプリでHeaderは使用できません。HtmlOutputに外部ファイルでjavascriptを読み込んでも動作しない点は注意が必要です。お読みくださり、ありがとうございました。Topアップススクリプトのサンプルと解説アップススクリプトはグーグルが提供するjavascriptベースのサーバサイドのプログラミング環境です。スプレッドシートやグーグルカレンダー、Gメールなどのアプリケーションを操作するAPIが提供されています。アップススクリプトでウェブアプリ画面を動的に構成するクエリパラメータなどを使用して表示するインターフェースを動的に作成したい場合にはHtmlTemplateを使用すると便利です。HtmlTemplateを使用すればHTMLファイルにパラメータやプログラムを埋め込むことができます。アップススクリプトでウェブアプリからサーバ関数を実行するアップススクリプトで作成したウェブアプリの実行画面から、アップススクリプトの関数を起動するためにはgoogle.script.runを使用します。アップススクリプトのウェブアプリをスマホに対応させるviewportが使用できるようになったことで、ウェブアプリのメリットの1つであるインターネットにアクセスできれば「デバイスを問わず」利用できることが実質的に実現されました。アップススクリプトのウェブアプリにページ遷移を組み込むアップススクリプトで作成したウェブアプリでは、target='_self'でリンクしても上手く動作しません。このためページ遷移にはjavascriptでHTMLを書き換えるか、styleを書き換えて表示/非表示を切り替えます。プロフィール眞田忠(電子情報工学専門)。小規模事業のIT普及に尽力するため、工業分野から会計事務所に転職する。目標は販売や経営を意識する農家を増やすこと。現在は、会計事務所のITコンサルティング、飲食店の経理効率化とウェブ集客アドバイス、freeeを使った個人事業の確定申告セミナー、などを担当する。