>アップススクリプトのウェブアプリをスマホに対応させるviewportが使用できるようになったことで、ウェブアプリのメリットの1つであるインターネットにアクセスできれば「デバイスを問わず」利用できることが実質的に実現されました。通常viewportはHTMLのhead内にmetaタグとして記述します。アップススクリプトのウェブアプリでは、HtmlOutputにaddMetaTagを使用して実現します。HTMLのhead内に記述しても機能しないのでご注意ください。以下では、viewportを使用しない場合、metaタグとしてviewportを記載した場合、addMetaTagを使用してviewportを付加した場合を実行できるサンプルと実行結果を示します。html.setSandboxMode(HtmlService.SandboxMode.IFRAME);}クエリパラメータtype=aでaddMetaTagを使用するウェブアプリ、type=bでmetaタグ入りのhtmlファイルを使用するウェブアプリ、それ以外の場合にviewportを使用しないウェブアプリとなるスクリプトソースコードです。target="_top"></head><body><h1>viewportが機能して折り返されるかをスマートフォンで確認する。</h1></body></html>ファイル名htmlのHTMLファイルです。h1タグに長めの文章が記述されています。content="initial-scale=1.0"></head><body><h1>viewportが機能して折り返されるかをスマートフォンで確認する。</h1></body></html>ファイル名html_metaのHTMLファイルです。こちらはhead内にmetaタグでviewportが記述されています。body内は上のHTMLファイルと同じです。viewportの動作確認iPhone5でウェブアプリを実行した場合の結果です。上から順に、type=a(addMetaTagを使用してviewportを付加した場合)、type=b(HTMLファイルhead内にmetaタグでviewportを記述した場合)、クエリパラメータなし(viewportを使用しない場合)です。この結果を見て分かる通り、addMetaTagを使用した場合にのみviewportが機能しています。スマートフォンやタブレットでも使用するウェブアプリを作成する場合にはaddMetaTagを使用してHtmlOutputにviewportを付加することを忘れないようにしましょう。SandboxModeの設定も必須です。今回のサンプルの実行URL(type=a)、実行URL(type=b)、実行URL(クエリパラメータなし)です。お読みくださり、ありがとうございました。Topアップススクリプトでウェブアプリを作成する事務所内や顧問先のお客様と共有するツールはウェブアプリにしてしまうのが効果的です。このページでは基本的なウェブアプリの作成から公開までの方法を掲載しています。プロフィール眞田忠(電子情報工学専門)。小規模事業のIT普及に尽力するため、工業分野から会計事務所に転職する。目標は販売や経営を意識する農家を増やすこと。現在は、会計事務所のITコンサルティング、飲食店の経理効率化とウェブ集客アドバイス、freeeを使った個人事業の確定申告セミナー、などを担当する。