GAS＋Vue.jsでサーバレスなWebアプリ③ - Qiita
はじめに GASのHtmlServiceを使ってSPAライクなWEBアプリケーションを書くことになったのでその時のメモです。 こちらの記事の続きとなります。 前回までの記事 GAS＋Vue.jsでサーバレスなWebアプリ① GAS＋Vue.jsでサーバレスなWebアプリ② 本記事では、サーバサイド側のGASから取得したスプレッドシートのデータをVueインスタンスを用いて描画してみたいと思います。 今回のアウトライン GAS関数呼び出しの基本 クライアントサイド実装 サーバサイド実装 終わりに それではさっそく書いてみるよ。 1. GAS関数呼び出しの基本 クライアントサイドからのGAS関数の呼び出しは大きく２つの方法があります。 一つは前回の記事でも少しだけ触れたのですが、テンプレートタグを用いる方法です。 <?!= yourServerSideFunction() ?> こんな感じのタグ
GAS＋Vue.jsでサーバレスなWebアプリ② - Qiita
はじめに GASのHtmlServiceを使ってSPAライクなWEBアプリケーションを書くことになったのでその時のメモです。 こちらの記事の続きとなります。 今回のアウトライン CSSファイルとJavascriptファイルを作成する。 index.htmlからCSSとJavascriptファイルを読み込む。 終わりに それではさっそく書いてみるよ。 1. CSSファイルとJavascriptファイルを作成する。 前回の記事で作成したGASプロジェクトに以下のファイルを作成していきます。 プロジェクト内には.gsファイルか.htmlファイルのどちらかしか作成できないので、どちらも.htmlファイルとして作成します。
Vue.js製のSPAをGoogleAppsScriptにデプロイするためのWebpack設定 - Qiita
この記事のWebpack設定はVue CLI v2向けのものです。 Vue CLI v3のvue.config.jsに関しては下記の記事を参照してください。 GoogleAppsScriptのWebAppsでVue.jsするためのvue.config.js https://qiita.com/clomie/items/ef10db03b9ecef29ca5d はじめに vue-cliのwebpackテンプレートで作成したVue.jsのアプリケーションを、GoogleAppsScript(以下GAS)のHTMLServiceで動作可能な形にビルドする手順をまとめます。 最終的にはnpm run buildでビルドしたファイルを、clasp pushでそのままアップロード可能にすることが目的です。 Vueのプロジェクトを作成するところからスタートします。 プロジェクト名は仮に"vue-depl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
