コピー2018.03.14こんにちは。@toshiya_62です。今回は、GASで作ったWebアプリにVue.jsを導入してみた話をご紹介したいと思います。目次Vue.js早速使ってみるちょっとだけ応用まとめ共有:関連Vue.jsVue.js公式より引用すると、「Vue.jsはユーザーインターフェイスを構築するためのプログレッシブフレームワークです」とのこと。中核となるライブラリはView層にだけ焦点を当てているため、他ライブラリとの併用も簡単に行うことができるのがいいところです。GASでもこの部分を使うだけでWebアプリ製作がとても楽になります。後々コードでも書きますが、CDNで提供されているので、scriptタグを挿入するだけで導入できるところも、とっつきやすくてとてもいいと思います。Vue.jsの詳しい使い方は公式のドキュメントにお任せしたいと思います。使ってみるWebアプリケーションの基本を読んでいれば、導入は早いかと思います。Worldのコードは以下になります。</body></html>これで、Webアプリケーションとして導入すれば、以下のようにメッセージが表示されるはずです。簡単に動作を説明すると、以下のようになります。Worldができました。応用コード.gsは変えずに、index.htmlを以下のように変更してみましょう。</body></html>すると、テキストエリアに入力した文字が即座にブラウザに反映されると思います。ボタンを押すとアラートも出現すると思います。こんなにも簡単に、インタラクティブなViewを作れるなんて・・・Vue.jsはすごいです!まとめGASとVue.jsは相性がとてもよく、アプリケーション開発を楽にしてくれるものと思います。ここまでは導入編ですが、次はもうちょっと踏み込んで、記事を書いてみたいと思います。Programming.Tech関連記事RubyRailsアプリに権限設定と管理者画面をつける!お手軽でした!題名の通り、Railsアプリに権限設定と管理者画面を付与してみようと思います。できてしまいましたので、ご紹介です。railsは5.0.3です。今年もお疲れ様でございました。あとわずかで今年も終わってしまいますね。振り返りと抱負を宣言することで、自分の現在位置を確かめて、来年もまた色々と頑張れるようにしたいと思い、更新しております。個人的には、結婚式...Uncategorized【Docker雑記】Dockerはじめました(今更)今更感が満載ですが、必要なスキルと思い、Dockerを学ぼうとしております。開発環境って構築してるときは楽しいですけど、複雑になってくると、、、辛い時が多々あります。一度エラーに遭遇すると、今までイン...【GAS】WebアプリやAPIも作れちゃう!HtmlService、ContentServiceについて、できることをまとめてみた。Scriptで作ってみた。Scriptで作ってみた。APIUncategorizedVMWareVue.jsWordpressランディングページ(LP)タイトルとURLをコピーしました。