【2021.10.20】GASのWebアプリをスマホでいい感じに表示する方法！

こんにちは！かれんです！

コレでおしゃれなログイン画面できた〜〜♡

スマホでも見てみようっと、、、

なんか、、、、ちっさくねぇ、、、？（不満）

となったので今回は、「GASのWebアプリをスマホでいい感じに表示する方法」についてです。

それではいきまっせ！

1. HTMLファイルに追加

全てのHTMLファイルのheadタグ内に⬇︎コピペ

<meta name="viewport" content="width=device-width, initial-scale=1">

→保存

2. コード.gsに追加

doGet()やdoPost()のHtmlOutputオブジェクトに⬇︎をつける

.addMetaTag('viewport', 'width=device-width, initial-scale=1')

→保存

例

3. デプロイしてみてみると、、

（デプロイの仕方はコレ）

できた〜〜！！

まとめ

最後まで読んでいただき本当にありがとうございます！

今回は、「GASのWebアプリをスマホでいい感じに表示する方法」についてお伝えしました。

もっと詳しく知りたい方は⬇︎

GASで作成したWebページをスマホで表示させたいときのmetaタグviewportの設定

（いつもとても参考にさせてもらっています）

じゃまたね♡