HtmlServiceの技術記事
GASのHtmlServiceで業務用のWeb画面を作るための記事です。フォーム・管理画面・テンプレートへの値の埋め込みを扱っています。
ラスタージ（Lustage）が実務で書いたコードをもとに解説しています。 記事の内容をそのまま自社の業務に落とし込みたい場合は、開発のご相談も承っています。
4 articles
GASのHTMLテンプレートに値を埋め込む方法｜スクリプトレット
GASのHtmlServiceでHTMLテンプレートにサーバー側の値を埋め込む方法を動くコードで解説します。createTemplateFromFileとevaluateの基本、3種類のスクリプトレットの使い分けとエスケープ、include関数でのCSS・JS分割、スプレッドシートのデータを表として描画する実例、JSONを属性経由で安全に渡す方法、google.script.runとの使い分けまで紹介します。
GASでスプレッドシートにサイドバー・ダイアログを表示する方法
GASのHtmlServiceでスプレッドシートに独自のサイドバーやダイアログ（入力画面）を表示する方法を動くコードで解説します。showSidebarでの常時パネル表示、showModalDialogとshowModelessDialogの使い分け、google.script.runでのサーバー関数呼び出しとシート保存、createTemplateFromFileでのデータ受け渡し、サイドバー幅が固定される制約まで紹介します。
GASのHtmlServiceで入力フォーム画面を作る方法
GASのHtmlServiceでオリジナルの入力画面（Webアプリ）を作る方法を動くコードで解説します。doGetでのHTML返却、createHtmlOutputFromFileとテンプレートの使い分け、google.script.runでのサーバー関数呼び出し、入力値のスプレッドシート保存、withSuccessHandler・withFailureHandlerでのエラー処理、公開設定とアクセス権、iframe制約など実務での注意点まで紹介します。
GASではカメラ起動できない？リアルタイムカメラを起動する裏技
GAS HtmlService の iframe 制限で getUserMedia() が使えない問題を、about:blank ポップアップ方式で回避する実装コードとモバイル代替案を解説します。
HtmlServiceまわりの実装を
相談する。
記事のとおりに動かない、自社の業務に合わせて組み直したい、という段階からご相談いただけます。