JavaScriptのコードを含めて見せたいときはCodepenやJSFiddleが使用されることが多いが、IT企業によってはこれらが使用禁止になっていることがある。JavaScriptのサンプルコードを見た目や動作込みで見せたい場合はこれらが使用できないと都合が悪いことがある。Script(GAS)は使用可能の場合がほとんどなので、これらを代用として使用することが可能だ。(無料)サンプルのWebページを公開する方法まず、アドレスバーにsheet.newを入力して新規スプレッドシートを開く。https://sheet.new/新規スプレッドシートを開いたらツールからスクリプトエディタを選択して開く。スクリプトエディタを開いたら以下のコードを貼り付ける。doGet()は公開したウェブアプリケーションのURLへのアクセス時に実行される。要約するとURLへのアクセスがあったらindex.htmlを返すというコードになる。HTMLファイルを選択して新規HTMLを作成する。新規HTML作成後のHTMLファイル内は下記のようになっている。この状態だと何も表示されないので、「TEST」のような適当なテキストを入れておく。説明のためのサンプルなので簡素にしたが、style、link、scriptタグも使用可能で、外部からファイルを読み込むことも可能なので覚えておくとよいだろう。myself」から「全ユーザー」に変更してDeployボタンを押すだけ。公開用のURLが表示されるので、そこにアクセスすればGoogleアカウントでログインしているユーザーであれば誰でも閲覧可能になる。先程のコードを以下のように書き換えるとテンプレートタグが使用できるようになる。.evaluate();}例えばindex.htmlに「今年は年」と記述すれば「今年は2020年」と表示される。ifやforも使用できるので以下のように条件分岐も可能だ。<h1>今年は2020年です。?></ul></body></html>JavaScriptっぽい記述だがforEachなど使用できないメソッドもあるので注意。テンプレートタグを使用したサンプルスプレッドシートから値を取得する先程はdata配列の値を表示させていたが、GASを使用すればGoogeスプレッドーシートのセルに入力した値も表示できる。.getValues();}openByIdはGoogeスプレッドーシートのURLのID。今回のスプレッドシートだとURLが下記のようになっているので太字の部分がID。https://docs.google.com/spreadsheets/d/1c4l2qtpsJaVs1lw3ezg6DKR_Npg8_u2gvfKr6XA5tNQ/edit?usp=sharing生成されたHTMLを表示スプレッドシートのセルの内容を更新すればHTMLの内容もリロードすれば変わるのでコードを書かないディレクターやデザイナーにセルの値を変えてページをチェックしてもらうこともできる。HTMLファイルにHTMLファイルを読み込むGASではHTMLファイルは作成できるがCSSやJSファイルは作成できない。include関数を作成してstyleタグやscriptタグを含むcss.htmlやjs.htmlを作成して読み込むことができる。意外と知られていないCSSの色々な回転アニメーションの作成方法iwbjp7@gmail.com。