ことのはじまり 私は最近Google Apps Script(GAS)の学習を始めました。 GASの学習を始めると、まずはAppsScript公式のIDEでスクリプトを書いていくことになると思います。 しかし、普段VSCodeを使い慣れている身からすると、VSCodeの便利機能が使いたくて仕方なくなります。 それじゃあ、使い慣れたVSCodeを使おうじゃないか！！ AppsScript公式のIDEだとGitに差分を残していくこともできないぞ！！（できます） というわけで、GASをVSCodeを使って開発する為の環境構築の手順を書いていきたいと思います。 前提条件 VSCodeがインストールされている Node.jsがインストールされている (npm が使える) VSCode, Nodeのインストールに関して、この記事では説明しません。 有名なので、検索すれば多くの記事がたくさんわんさか出て

この記事は、AppSheetからApps Scriptを直接呼び出せるようになる前に書きました。新しい記事では、画面の再読み込みが不要になっています： 以下は、AppSheetからApps Scriptを呼び出さずに実現する方法です。 GoogleのノーコードツールAppSheet、Googleスプレッドシート、Google Apps Scriptを組み合わせて、蔵書管理アプリを無料で作りました。スマホのカメラを使い、バーコードを読むだけでじゃんじゃん登録できるのでとても便利です！ この記事を書くにあたって、ノーコード(AppSheet)でバーコードを読み取ってGASを使った蔵書管理を参考にさせていただきました。どうもありがとうございます！ 今回はWebhookを使わないシンプルな構成で実現してみました。Google SheetsのChangeイベントを使っています。画面の再読み込みが必要

【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き！】JavaScriptGoogleAppsScriptVue.jsQiita夏祭り2020_パソナテック 「JavaScriptのみ」＆「無料」＆「サーバーレス」なスプレッドシートと連携した家計簿をつくる方法を考えてみました。 実際に家計簿アプリを作るハンズオン付きです！ ※こちらの記事は一部古い内容となっております。 Zennに投稿している本を更新していますので、よければこちらをご覧ください。 https://zenn.dev/matsu7089/books/gas-account-book なにを作ったの？ Web上でデータを登録すると、スプレッドシートに反映される家計簿アプリです。 実際のページはこちら。使い方は「家計簿アプリお試し方法」で説明します。 データ追加の他に、データ編集と

GASで日付操作ライブラリ「Day.js」を使う（Moment.js代替） GASで日付を操作するときに、Dateオブジェクトの標準インタフェースでは使い勝手が悪いケースも多いです。 そこで、この記事では、GASで、日付操作ライブラリ「Day.js」を使う方法を紹介します。 GASで使える日付操作ライブラリとして、よく使われる「Moment.js」は、サポート打ち切りが予定されています。「Day.js」は、操作方法が「Moment.js」とほとんど同じ（らしい）ので、乗り換え先としても最適です。 利用環境を整える：ライブラリを追加する メニューから「リソース」→「ライブラリ」を選びます。 図書館（＝たぶん「ライブラリ」の直訳）ウィンドウが表示されるので、「Add a Library」欄に次のように入力して「追加」をクリックしてください。 1ShsRhHc8tgPy5wGOzUvgEhOed

Guten Tag、伊藤です。 弊社で管理しているいくつかの AWS アカウントについて、それぞれの利用費を取得して、対象の通貨ごとに計算したいと思いました。 ということで、AWSアカウント一覧表をスプレッドシートで管理し、それをJSONファイルとしてS3に格納、Lambdaで処理してSlackのスラッシュコマンドで計算結果を出力することにしました。 このブログでは、スプレッドシートの表をJSONファイルに格納するまでの方法をご紹介します。 なお、GAS スクリプトエディタが変わったので、新しい仕様に則っています。以前のエディタを使用する場合は過去の同様のブログをご参考ください。 GoogleスプレッドシートのデータをS3へCSVとして保存する Google Apps Scriptを利用してGoogleスプレッドシートのデータをS3へJSONとして保存する スプレッドシートの表の準備 お好

という大変長いプロセスがあってやっと画像が貼り付けられます。 『セル内に画像を挿入』であればセルのサイズで大きさが調整されますのでサイズや位置調整が比較的容易ですが、『セル上に画像を挿入』にするとサイズや位置調整が少し面倒ということもあります。 そこで今回はinsertImageというメソッドを使って、

esa.io という wiki 的なサービスがあります．Markdown 記法で気軽にサクサク記事が作れて，なかなか便利に使わせてもらっています．カテゴリ機能はもちろんあるのですが，もう少し記事一覧を見やすくしたいなと思っていました．そこで，コーディングの練習とか色々込み込みで記事生成の自動化をやってみました．（このページを投稿した後，README記事が記事一覧ページの上部に表示されるようにアップデートが入っています．ご了承を．） esa.io とは esa.iohttps://esa.io/ チーム内での情報共有を図るとか，そういう目的で使う基本的にクローズドなwikiサービスです．記事はMarkdown記法で書きます．数式とかUMLとかガントチャートとかも書けてしまうくらいには独自拡張されていますが，GitHub Flavored Markdown1)GitHub Flavored M

GAS（Google Apps Script）と Slack API の組み合わせでよく使いそうな関数をご紹介しています。 こんにちは。筧です。 クラスメソッドでは、2020年10月22日に発生した AWS 障害で検知後30分で以下を行いました。 クラスメソッドでAWS障害検知から30分でやったこと - AWS公式確認(SHD)、マニュアルに従い対応開始 - 社内slackチャンネル作成 - 体制構築、情報収集、顧客向け文面作成、レビュー - 顧客向けポータルに情報を掲載 - 顧客向けにメール送信完了 今後も継続してサポート品質上げていきます!! #aws障害 — Jun Chiba (@iron_breaker) October 22, 2020 そしてこの度、さらに迅速に情報をお届けしたい・・・！という想いから、下記を自動化する AWS 障害時の緊急対応支援ツールを新たに開発しました。

morishitaです。 時々、業務で使うツールをGASで作ります。 これまでのものはキャンペーン対応のものなど使い捨てとまでは言わないまでも、短い運用期間を想定したものでした1。 サービスレベル的にはベータレベルですが、少し運用期間が長くなりそう、かつプロトタイプ性が強くて変更が継続しそうなツールを作ることになったので、ちゃんとテストしようと思ってやってみました。 試したもの 次の要素を含むGASのプロジェクトでJestのユニットテストを導入しました。 @google/clasp 2.1.0 jest 24.8.0 Typescript ついでにこれも。 eslint 6.0.1 + @typescript-eslint/eslint-plugin 1.11.0 紹介するサンプルコードはこちらです。 gas-ts-jest-eslint-sample セットアップ 何はともあれ、必要なN

背景 保育園の役員や謝恩会の委員、アルバム制作など、多くの人が経験することとと思います。 その中で、アルバム制作の写真集めを、GASを使って効率化した話を書きます。 エンジニアの仕事の効率化ではないことを最初に謝っておきます。ごめんなさい。 長女(9)の時に苦労して、長男(7)の時に効率化した話です。 GASのコードは、初めてGASを書いた状態なので燦々たる状態ですが、現状リファクタリングニーズがないのでこのまま供養します。 課題 子供達の保育園では、卒園アルバム制作が保護者のタスクとなっています。 例年、下記の内容でアルバム制作を進めています。 1. 業者選定 2. 分担（デザイン、撮影、データ） 3. 分担に分かれて作業 4. 納品 5. 配布 この中で、データ担当になり、写真データを集めて管理していた話です。 年にもよりますが、長女の時は、3000枚程度の写真を集めていました 何時間

2020年のビッグニュースの一つとして、GAS で新しい JavaScript エンジンである V8 ランタイム（以下 V8）がサポートされたことでしょう。 V8 によって ES2015 以降の構文が（試した限りでは ES2019 の構文まで）使えるようになったため、モダンな文法を使ってプログラムを読みやすくすることが容易にできるようになりました。従来だと Clasp でローカルにソースコードを持ってきてローカルでは TypeScript で……という手段で ES2015 以降の文法を書くことができましたが、GAS 自体で公式サポートされることで楽が出来るしカジュアルに書きたい人と共同開発しやすいしと嬉しいことばかりです。 そんな ES2015 以降の文法で目を引くのがいわゆる for...of 文でしょう。 for...of 文とは for...of 文と呼ばれるものは、従来からある f

Google Apps Script + Typescript + Jest Google Apps Script(以下,GAS)でライブラリを公開しました。ライブラリを開発する際、テストのフィードバックサイクルを短くするため、Clasp + Typescript + Jest という技術スタックを選択しました。 その開発体験について共有しようと思います。特段変わったことはしていません。 Google Apps Scriptのテストってどうしてますか？ ローカルで動かそう 終わりに え、あ、ちょっとまって。ライブラリの紹介！ Google Apps Scriptのテストってどうしてますか？ script.google.comにアクセスしてデバッグ実行って、しんどくないですか？ Google Apps Script Debugging ... ネットワーク越しでステップ実行するため、遅い G

GoogleスプレッドシートはGAS側に定義した関数(カスタム関数)を呼び出すことができます。 これを使いこなせたら最強だなと思ったのでいろいろ調べました。 GASに定義したカスタム関数を呼ぶ GAS側に function hello() { return 'hello'; } という関数があるとしたら、シートには =hello() と書けば呼び出せます。 上記の結果としてhelloと表示されます。 簡単すぎる！ カスタム関数に引数を渡す カスタム関数には引数も渡せます。 GAS function hello(name) { return 'hello ' + name; } シート =hello("youtube") シート側の結果 hello youtube 補完候補に表示する カスタム関数はGAS側に定義するだけで使えて便利ですが、現状はシートへの入力時に「不明な関数hello」と表

この記事は DevFest 2020 の Google Apps Script 入門 2020 で紹介しました。 はじめに Google Apps Script では非常に簡単に Google Apps （スプレッドシート、 Google カレンダー、 Gmail、 Google Drive など） 間の連携ができます。例えば Google カレンダーのイベント一覧をスプレッドシートにエクスポートする際には以下のような処理の流れになります。 Google カレンダーからイベント一覧を取得 スプレッドシートに入力する形式にデータ変換 Google スプレッドシートに値を挿入 1, 3 のような Google Apps から取得、挿入する部分はよく使い回す部分となるので、スニペットとして使い回すと便利です。今回は私がよく使うスニペット集を紹介しようと思います。 スプレッドシート スプレッドシー

みんな大好きGoogleAppsScriptで、2020年2月よりES2015以降のナウい構文が利用できるようになりました。 Historically, Apps Script has been powered by Mozilla's Rhino JavaScript interpreter. While Rhino provided a convenient way for Apps Script to execute developer scripts, it also tied Apps Script to a specific JavaScript version (ES5). Apps Script developers can't use more modern JavaScript syntax and features in scripts using the Rhino