【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。API前回はHtmlServiceを使ってWebアプリケーションを作成する方法と、スプレッドシートとの連携についてご紹介しました。Driveで使えるFusionTablesのご紹介と、HtmlServiceとの連携を書いていきたいと思います。Tablesとは?スプレッドシートをDBに見立てて開発をしていると、どうしても辛くなってくるときがあるかと思います。具体的には、SQLでデータ操作したいというケースも多々あるでしょう。Tablesがとても便利です。Driveで利用できるデータベースです。Driveでアプリを追加する必要があります。Driveを開き、「新規」→「その他」→「アプリを追加」を選択します。Tablesを選択する画面が現れるので、「接続」を押します。Tablesを選択できるようになっています。Tablesを立ち上げてみましょう。すると、まずは以下のような画面になると思います。computer」では、ローカルのPCにあるファイルからDBを作成することができます。公式のヘルプによると、対応するファイルは以下の通りです。DriveにあるスプレッドシートからDBを作成することができます。table」は空のDBですね。ここでは、スプレッドシートからDBを作成してみたいと思います。前回のブログのDrive使用容量管理を使用することとします。ウィザードに従っていけば、以下のようにDBを作成することができると思います。Scriptとの連携やっとここまで来ました。Tablesにアクセスし、HtmlServiceでブラウザ表示してみましょう。Tablesにアクセスするためには、ライブラリを追加登録する必要があります。拡張サービス」を選択します。コンソールへのリンクを選択します。APIを見つけることができます。これを選択すると、APIを有効にするための画面が出現するので、有効にするを選択してください。Tablesを操作できるクラスを扱えるようになります。それでは、GASのコードを書いてみましょう。単純にSELECTするだけであれば、以下のようにかけます。Tablesに格納されているデータの配列が記録されているはずです。アプリっぽくしてみるDriveの使用容量管理で、日付を指定してデータを閲覧できるようにします。GAS側のコードは以下となります。res.rows;}WHEREを用いて、範囲を絞れるようにしています。index.htmlは以下のようになります。</body></html>これで、日付の範囲を指定できるようになりました。これをスプレッドシートをDBに見立てた場合の構成でやろうとすると、ちょっと辛いですね。index.htmlの54行目あたりににgoogle.script.run・・・という記述があったかと思います。これは、ブラウザ側のJavaScriptから、GASを実行するためのコードになります。「withSuccessHandler」はGAS正常終了時の、「withFailureHandler」はGAS異常終了時のコールバックとなります。次回はスプレッドシートにちょっとしたUIをつけるためのHtmlServiceの活用についてお話ししたいと思います。Script【GAS】WebアプリやAPIも作れちゃう!HtmlService、ContentServiceについて、できることをまとめてみた。実際に試してみた部分もあるので、ご紹介したいと思います。Script【GAS】Twitterのbotを作ってみました。次はTwitterのbotを作ってみたので、作り方をご紹介したいと思います。エレナ」のbotを作ってみました。Script【GAS】GASでのWebスクレイピングについて雑多に書いてみた。Script(GAS)を触る機会が増えていて、自分の中でGAS熱がやばいです。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。J...【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。~【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Scriptで作ってみた。Scriptで作ってみた。APIUncategorizedVMWareVue.jsWordpressランディングページ(LP)タイトルとURLをコピーしました。