株式会社スタンバイでフロントエンドエンジニアをしている川野です。 フロントエンドエンジニアという役割を担っていますが、最近では開発者体験や開発生産性というところに興味があり、そのあたりの改善にもよく取り組んでいます。 はじめに 私たちのチームでは、Google Apps Script (GAS) を利用して、非エンジニアの人たちがシステムにスプレッドシートのデータをアップロードできる仕組みを構築しています。 GAS は手軽に開発でき、プロジェクト開始当初の小さな要求を満たすには十分なものでした。 しかし、プロジェクトが進むにつれ次第に要件が増えていき、GAS で対応するのが大変になるほど複雑になってきました。 また GAS では、型の恩恵を受けることが難しかったり、エディタのサポートが満足いくものでなかったりし、増大していく複雑さに立ち向かうのが難しくなってきました。 このような課題を解決

2024年9月18日追記 gpt-3.5-turboのサービス終了に伴い、gpt-4o-miniに変更する方法のスライドを追加。 2024年3月13日追記 ・OpneAIのAPI課金システム変更に伴うエラーについて解説。 10月26日追記 ・メールが届かなくなった際に権限の再承認が必要な件。 5月11日追記 ・検索にかかった論文に抄録がない場合、AIが要約を創造(捏造)する件。 4月21日追記 ・作り方のサイトではなく公開されたLINE Botのリンクに切り替え。 ・エラ−429が出た場合4のスライドを追加。 4月10日追記 ・送信トリガーの変更方法のスライドを追加。 ・複数キーワードや雑誌を指定して検索する方法のスライドを追加。 デモコードは、 const PUBMED_QUERY = '(aaa) AND (bbb) AND (("ccc"[Journal]) OR ("ddd"[Jo

2023/06/22追記こちらの記事はZennへ移行しました。...

この記事はRetty Advent Calendar Part2の22日目の記事です。 Part1はこちらです。 はじめに 23卒の内定インターンをしている真下(@mashita1023)です。 内定インターンの中で単純な要件の社内ツール作成を作成したのですが、技術選定から実装まで結構な範囲を開発させてもらましえた。 その中でフロントエンドのデプロイ先にGoogle Apps Script（GAS）を使うことで、社内の人間のみが扱えるという要件を達成できた話をします。 社内ツールの要件 キャッシュを消すためのツールは以前にも社内ツールとして存在していたのですが、 コード自体がGitHubで管理されておらずどこにあるのかわからない状態でした。 そこで、キャッシュを消すためのツールを新たに作る必要がありました。 作成しなければいけないものを要件として簡潔にまとめ直すと以下のようになりました。

はじめに アノテーションの髙嶋です 今回はGoogle Apps Script（以降、GAS）の開発環境を自端末内に構築した際の手順を書いています。 GASにはGoogleが提供しているWEBエディターがあるので、そちらを使用すればすぐにプログラムを書き始めることができます。 私はVisual Studio Code（以降、VSCode）を使用したいので、今回のような環境を構築しています。 実行環境 今回の実行環境の情報です。 claspというNode.jsのパッケージを使用するため、Node.jsがインストールされている必要があります。 node --version v16.8.0 npm --version 7.22.0 claspの詳細はこちらで確認できます。 https://github.com/google/clasp 環境構築 設定 下記からGoogle Apps Script

悪意のある HTML や JavaScript の配信からユーザーを保護するために、Apps Script は iframe を使用して HTML サービスのウェブアプリやカスタムユーザーをサンドボックス化 インターフェースを使用する（HTML サービスでは、 メール本文を生成する場合など、他の状況でサンドボックスを使用できます）。サンドボックス クライアントサイドのコードに制限が課せられます。 サンドボックス モード IFRAMEを除くすべてのサンドボックス モードは廃止されました。古いサンドボックスを使用しているアプリ モードでは、新しい IFRAME モードが自動的に使用されるようになりました。スクリプトで 古いモード（NATIVE と EMULATED）を使用して開発された場合は、 移行手順に沿って、 IFRAME モードで適切に機能します。 setSandboxMode メソッド

Google AppScriptでHTTP POSTを受け付ける方法は、ググればかなり出てきます。 2021年頃の仕様変更(参考URL1 2)によって console.log や Logger.log の出力はGoogle Cloudに紐づける必要があり、ちょっとした開発は面倒です。 ここでは、ともかくHTTP POSTのBodyをSpreadsheetに出力するだけの最小コードを用意しました。これにより e の出力をとりあえず確認できるようになります。 function doPost(e) { const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0]; sheet.getRange("1:1").insertCells(SpreadsheetApp.Dimension.ROWS); sheet.getRange(

前提・実現したいこと gasを使用し、ある特定のメール文をGoogleドライブに自動保存される機能を作成したい。 1.メールの件名を検索 2.メールのデータをPDFにして一件ずつドライブに格納されるように実装 3.かぶりがあれば削除されるようにしたい 4.添付ファイルは保存されなくてもいい（できれば保存されるようにしたい） 発生している問題・エラーメッセージ https://tonari-it.com/gas-gmail-attachment-drive/ こちらを参考にして作成していますが、pushの仕方、for文の回し方。要素の取得法。pushする方法などがあまり理解できず苦しんでいます。 該当のソースコード const FOLDER_ID = '********'; //フォルダID const SEARCH_TEAM = '***'; //検索タイトル //メイン（メールから添付フ

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

GASユーザーかつHTMLページ・CSS初心者向けにWebページの作り方の基本中の基本を解説していきます。まず、その最初の一歩として、GASで最も簡単なWebページを作成して公開する方法をお伝えします。 面倒なサーバーの準備も不要、しかも無料…。 社内用アプリケーションとかちょっとしたツールを作る上で、どうしても必要になる技術があります。 それは、クライアント側のJavaScriptです。 クライアント側、つまりブラウザで動作するJavaScriptを使いこなすことで、作成したWebページに動きをつけたり、リアルタイムで更新や計算をしたり、さまざまなことが実現できるようになります。 このシリーズでは、はじめてクライアント側JavaScriptを動かすところからスタートし、人気急上昇中のフレームワークVue.jsを使ってWebアプリケーションを作成する方法を紹介していきます。 初回となる今回

コピー＆ペーストの繰り返しから脱却！　GASでバラバラのデータを1箇所に集約：働く価値を上げる“VBA／GAS”術（8）（1/3 ページ） 1つ1つファイルを開いてコピー＆ペースト。バラバラのデータを1箇所に集約することは非常に手間のかかる業務です。今回は、そのような業務を、GAS（Google Apps Script）を使って自動化する方法を紹介します。 Excel VBAとGAS 業務で発生するちょっとした面倒くさい業務。特定の操作を繰り返すだけなので、今のままでもいいけど、楽になったらいいなと思うこともあるのではないでしょうか。例えば業務を自動化すると時間が空くため、他の業務に時間を充てたり、残業時間を減らしたりできるかもしれません。 本連載「働く価値を上げる“VBA／GAS術”」では、業務を効率化する手段として「Microsoft Excel」（マイクロソフトエクセル）で使える「V

はじめに こんにちは、データ分析部の阿部です。 Gunosyには社内警察と呼ばれる人がおり、たとえばデータ可視化の際に円グラフを使うと正しい使い方を教えてくれる、母数という言葉の使い方を正してくれる、方々がいます。 tech.gunosy.io 今回はBigQueryで課金額の高いクエリを投げると警告してくれる、課金警察というボットを作ったので紹介します。 BigQueryはクエリで使われるデータ量に対して従量的に課金されるため、クエリ毎の課金額が把握できると便利です。 Gunosyではエンジニア・非エンジニア問わず、インターン生でも自由にクエリを書いて分析できる環境となっているため、知らず知らずのうちに大胆なクエリが投げられることもあります。 そのため、課金警察でクエリ毎の課金額をSlackに通知しお互いに監視して注意しようという意図です。 どうやってやるか BigQueryにはクエリの

「計算式エラーで残業確定……」、GASで入力データのチェックツールを作成：働く価値を上げる“VBA／GAS術”（4）（1/4 ページ） 1つのGoogleスプレッドシートを複数人で共同編集するとき、想定していた形式とは違うデータを入力されると、不備が発生してしまう場合があります。そのような問題を、GASで解決するにはどうすればいいのでしょうか。 Excel VBAとGAS 業務で発生するちょっとした面倒くさい業務。特定の操作を繰り返すだけなので、今のままでもいいけど、楽になったらいいなと思うこともあるのではないでしょうか。例えば業務を自動化すると時間が空くため、他の業務に時間を充てたり、残業時間を減らしたりできるかもしれません。 本連載「働く価値を上げる“VBA／GAS術”」では、業務を効率化する手段として「Microsoft Excel」（マイクロソフトエクセル）で使える「VBA」（Vi

背景 子どもの写真をGoogleドライブで親達に共有しているのですが、遠方に住む義父から通知来ないといつ見ればいいかわからん！と連絡が。 さらに要望を聞くと、写真はフォルダ管理してるのですが、どのフォルダが更新されたかも教えて欲しいとのこと。 通知機能くらいGoogleドライブにあるだろと思って調べたが、そんな機能はなかったのでGoogle Apps Scriptで実装してみました。 実装 前回メールした時から更新されていた場合にメールを送る必要があるため、前回メール時の更新日時はスプレッドシートで保存することにします。 Googleドライブの写真フォルダ配下から最終更新日時を取得。 フォルダ分けして管理していたため。 更新日時を管理しているスプレッドシートから前回メール送信時の各フォルダの更新日時を取得。 スプレッドシートに保存していた最終更新日時より現在のフォルダの最終更新日時が新しか

こちらの内容は第一回 MAMORIO Meetupで発表した内容をまとめたものです。 背景 弊社ではお弁当が必要な人は前日に注文しておけば、会社が無料で提供してくれる福利厚生があります。（素晴らしいですね ) ちょうど会社の近くに安くて美味しいお弁当屋さんがあり、配達もしてくれるのですが、この注文先のお弁当屋さんは電話かFAXでしか注文を受け付けておらず、誰かが毎日集計して朝お弁当屋さんに注文する必要がありかなり面倒です。 具体的には以下のような作業が毎日必要になります。 集計 呼びかけ: 明日誰がお弁当が必要か聞く リマインド: 集計時に忙しくてすぐ答えてくれない人もいるので未回答の人に対してリマインドする キャンセル: 集計したもののやっぱりキャンセルとなった場合はその分を差し引く 確定&発注: 集計した個数を電話あるいはFaxで発注する この作業を毎日人がやっているようでは、弊社の様

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod