はじめに
はじめまして、新卒エンジニアのSouと申します。Qiita初投稿です。
GASをキャッチアップする機会があり、アウトプットとしてシンプルなウェブページを作ってみました！
作ったもの
業務の休憩中、通勤中に飲んだ、おいしかった飲み物を紹介するWebページです！
トップページ
各項目の見出しにはタイトル、簡単な説明が記載できます。写真なので分かりにくいですが、ホバー時のアニメーションもあり、クリックすると商品のWebページに遷移します。
Bootstrapを使用し、シンプルなデザインで作成することができました！
データベース
今回はGASのみで開発することを目指したため、データベースはGoogleスプレッドシートで管理しました。スプレッドシートを更新すると自動でWebページにも項目が増えていきます！
使用技術
- GAS (Google Apps Script)
- Vue.js
- Bootstrap
参考にしたリンク
【0からGASを学ぶ】GASでWebアプリケーションを作ってみよう
GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩
おわりに
GASだけでWebページが作れるのは驚きでした。
デプロイがとても簡単だったのも良いポイントだと思います。
Vue特有のディレクティブに触れたのも良い経験になりました。
(初めて技術記事書いたけどこんなのでよいのか、、？)