GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩

GASと<a class="keyword" href="http://d.hatena.ne.jp/keyword/JavaScript">JavaScript</a><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D5%A5%EC%A1%BC%A5%E0%A5%EF%A1%BC%A5%AF">フレームワーク</a>Vue.jsを使ってWebアプリを作成するための最初の一歩


GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩

vue.js

みなさん、こんにちは!

タカハシ(@ntakahashi0505)です。

GASでWebアプリを作成するシリーズ。いよいよ今回からJavaScriptフレームワークVue.jsが登場します。

前回の記事はコチラ。

GASでクライアントJavaScriptを使用する超簡単なプログラム

GASでクライアント側にもJavaScriptを使用してWebアプリを作成する方法をシリーズでお伝えしています。今回は、GASでクライアントJavaScriptを使用する超簡単なプログラムについて紹介します。

GASでクライアント側JavaScriptを使用する簡単な例を紹介しました。

さて、今回はGASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩を進めて行きましょう。

では、行ってみましょう!

前回のおさらい

まず、前回作成したプロジェクト構成を紹介します。

URLリクエストを受け取ったら、後述するindex.htmlを受け渡すdoGet関数を含むmain.gsです。








1

2

3

4

5

6

7

function doGet() {

  var htmlOutput