タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイする | DevelopersIO
TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイする TypeScript で記述した Google Apps Script を clasp と GitHub Actions を使ってデプロイし、トリガーを使った定期実行をしてみました。 @google/clasp を使うことで CLI で Google Apps Script (GAS) を扱えるため、コードを Git で管理できるようになります。 今回はコードを GitHub で管理し、テストと clasp push を Github Actions で実行できるようにしてみます。 最終的な完成物は下記のリポジトリになります。 https://github.com/hbsnow-sandbox/clasp-github-actions-exampl
claspを使ってGoogle Apps Scriptの開発環境を構築してみた | DevelopersIO
はじめに アノテーションの髙嶋です 今回は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
GAS + React + Vite + Claspで作るお手軽フロントエンド - Retty Tech Blog
この記事はRetty Advent Calendar Part2の22日目の記事です。 Part1はこちらです。 はじめに 23卒の内定インターンをしている真下(@mashita1023)です。 内定インターンの中で単純な要件の社内ツール作成を作成したのですが、技術選定から実装まで結構な範囲を開発させてもらましえた。 その中でフロントエンドのデプロイ先にGoogle Apps Script（GAS）を使うことで、社内の人間のみが扱えるという要件を達成できた話をします。 社内ツールの要件 キャッシュを消すためのツールは以前にも社内ツールとして存在していたのですが、 コード自体がGitHubで管理されておらずどこにあるのかわからない状態でした。 そこで、キャッシュを消すためのツールを新たに作る必要がありました。 作成しなければいけないものを要件として簡潔にまとめ直すと以下のようになりました。
clasp + gas-local + rollupで恐らく最も手軽なlocalでのGoogle Apps Script開発
気づいていなかったことに気づいちゃったので、よりシンプルなセットアップにしようと頑張った成果が出たので、共有。 というか 絶対にwebpackの設定はやりたくない。絶対にだ。 という気持ちがほとんど。そしてそれは（もちろん内容によるけど） 考え方を逆転させれば叶うぞ という話。 これまでを整理まずは前回日記で書いた時点までに分かっている GAS 開発に関する制約や考えたこと、行なったことをまとめるところから始める。 当たり前の開発を行いたい当たり前の考え方として以下が挙げられると思う。 1 ファイルにすべての function を並べるような開発は見通しが悪いのでやりたくないすべてのコードをゼロから書くのではなく適切に npm などに依存したいテストコードを書き、パーツごとにテストを行いたい手元のコードのバージョンを管理したいApps Script上のコードの制限一方で GAS ならではの
はじめに Google Apps Script（GAS）をGit管理できると知って調べたところ、Google Apps Script Githubアシスタントとclaspという2ツールが有名なようだったので、それぞれ試した感想や遭遇したハプニングなどをまとめてみました。 この記事が参考になるかもしれない人 これからGASをGit管理しようと思っている人 試したツール 各ツールの説明や導入方法は割愛します。 Google Apps Script GitHubアシスタント clasp Google Apps Script Githubアシスタント Chrome拡張なので導入は一瞬、Github連携もすんなりOKでした。使い方は簡単で、GASエディタ上でリモートリポジトリを選んでブランチを指定してPush,Pullするだけです。GASエディタ上で操作が行えるのは手軽で良さそうです。 ここで、Gi
GASに入門して, Claspを使ったGit管理+Gitlab-CIを使ったCI / CDまでやった記録 - Qiita
GASに入門して, Claspを使ったGit管理+Gitlab-CIを使ったCI / CDまでやった記録JavaScriptGitGoogleAppsScriptGAS GASに入門して, Claspを使ったGit管理+Gitlab-CIを使ったCDまでやってみた 今冬、初めて雪が窓の外をちらついた日のことだ。 GASを使ってスプレッドシートを更新する業務の自動化を推進している同僚が、保守性・メンテナンス性が悪くて困っているという話をしていた。 「バージョン管理をしたらいいよ」というアドバイスが方々から飛んだ。私もそのアドバイスをしたうちの一人だった。そのとき、私はGASを触ったことが一度もなかった。 それから30分後、私はなぜかGASを触ることになっていた。何の偶然か、私はこのタイミングで突然ドライブの特定のディレクトリに存在する全てのスプレッドシートからあるカラムを取得する必要性に迫ら
Google Apps Script でも テスト がしたい！ (Clasp + Typescript + Jest) -
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
clasp + GitHub + CodeBuild で Google Apps Script の継続的デプロイをやってみた | DevelopersIO
こんにちは、大前です。 以前、Clasp という Google Apps Script をローカル管理できる CLI ツールを紹介しましたが、今回はこれを使った CD の仕組みを作ってみましたので、ブログを書いていきます。 claspを使ったGoogle Apps Scriptのソース管理を試してみた 構成 下記の構成となります。 GitHub 上の特定の操作が発生 CodeBuild が起動 CodeBuild から EC2 上のシェルスクリプトを実行 EC2 上で最新のソースを GitHub からクローン Clasp を利用して GAS にデプロイ 何だかまわりくどい構成になっていますが、Clasp を使用するために叩く「clasp login」で必ずブラウザでの操作が必要となってしまい、ログイン状態を保持するために EC2 上で処理を行う形になっています。 GitHub Action
TL; DR clasp + esbuild で、GASのアプリケーションを... バージョン管理できる！(GitHubでコード管理) 型安全にできる！（TypeScript使用） ユニットテストできる！（Jest使用） が、つらみも感じたのでご利用は計画的に 作ったもの: SwitchBot 温湿度計プラスで取得した温度、湿度をスプレッドシートに記録 はじめに Google Apps Script (GAS) を使うと、ちょっとした処理を手軽に自動化できます。エディタがWeb上にあるので、サクッと書いてすぐに動かせます。 そのままでも使いやすいのですが、もっとイケイケな開発環境を作りたい！（欲張り） ローカルで、好きなエディタで開発したい！ Gitで管理したい/GitHubに公開したい！ TypeScriptで型安全にしたい！ ディレクトリ構成を整理して、クラスを疎結合にしたい！ ユニッ
こんにちは、大前です。 今回は Google Apps Script の管理を CLI で行う事が出来る clasp を触ってみましたので、ブログを書いていきます。 claspとは Google が提供する、Google Apps Script（GAS）をローカルで管理出来る様になる CLI ツールです。 ソースやプロジェクト管理、ローカルからのスクリプト実行が可能となります。 Google Apps Script google / clasp やってみた では、実際に clasp をインストールして使用してみたいと思います。 Google Apps Script プロジェクトの作成 前準備として、今回使用する Google Apps Script のプロジェクトを作成しておきます。 管理画面左上の「＋新しいプロジェクト」を選択。 図の様に初期状態のプロジェクトが表示されますので、とりあえ
TL;DR ちょっとした仕事で GAS を使うときがある ローカルで clasp と TypeScript を使って開発する環境を整えた（が、いまの自分の用途ではここまでしなくてもよかった） 完全に忘れそうなので備忘録としてブログに残しておく 仕事で Google Workspace を使っていると、そのサービスを使ったちょっとしたタスクをするときに Google App Script (GAS) を使う時がある。 ちょっとしたコードにトリガーを設定して定期実行するというのも便利だったりする。 スクリプトエディタで書いてたりもしたが、Git/GitHub での管理がしづらかったり、ローカルでの開発環境を提供する clasp https://github.com/google/clasp が TypeScript をサポートしているという話を知ったり（だいぶ遅い）して、せっかくなのでローカル
はじめに🦥 Google Apps Scriptをローカル開発するなら不可欠なツール、Clasp。 私も社内に林立するGoogle Apps ScriptのGithub管理（とTypeScript化）のため、日々お世話になっています。 しかし、下記のように複数オーナーのGoogle Apps Scriptを単一リポジトリで管理するに至って面倒が生じました。 //複数オーナーのGoogle Apps Scriptを一つのリポジトリで管理 📦GAS_Clasp ┣ 📂Owner A ┃ ┣ 📂ProjectA-1 ┃ ┃ ┣ 📜.clasp.json ┃ ┃ ┣ 📜appsscript.json ┃ ┃ ┣ 📜code.ts ┃ ┃ ┣ 📜tsconfig.json ┃ ┃ ┗ 📜package.json ┃ ┣ 📂ProjectA-2 ┣ 📂Owner B ┃ ┣ 📂
【2024年版】GAS+Vue.js(3.x)のclaspとTypeScript快適ローカル開発環境構築 - Qiita
Abstract GASとVue.jsを使って社内アプリケーションを作成しようとしたとき、Vue.js側にTypeScriptを導入している記事はほとんど見なかった。筆者はかつてフルスクラッチでHTML+JS+GASで簡易的なアプリケーションを開発してそれを今でも運用しているが、型の確認が弱いことやそもそもGASはJSファイルとして独立したファイルを許してくれないの(htmlファイルとして書く)で、割と地獄を見た。 そこで本記事では、まずGAS側はclaspを導入してTypeScriptで書き、webpackを導入して複数のフォルダ構造での開発を可能にする。次にVue.js側ではvue-cliでTypeScriptのひな形を作成したのちに、vue.config.jsを編集することでGASに使える単一ファイルにまとめる手順を紹介する。以上を以て、GASもVue.jsも全てをTypeScrip
VSCodeを使ってGASの開発を行う方法【clasp】
Google Apps Script（GAS）は、Googleが提供するサービスの１つです。JavaScriptベースのスクリプト言語で、Googleアカウントを持っていれば無料で使えます。 GASにはWebエディタが準備されていますが、「clasp」を使うことで人気エディタの１つであるVSCodeを使って開発することができます。 今回は、VSCodeでGASを使えるようにする方法を解説します。OSはWindowsです。 claspとは claspは、GASをターミナルから開発・管理するためのオープンソースのツールです。 claspを使うことで、ローカル環境でGASを開発することができます。ローカル環境でコードを記述し、それをclaspを使ってインターネット上にGoogleドライブにアップロードします。 既存のGASのプロジェクトがある場合は、それをダウンロードしてローカルで編集することも
docker-compose.yml homeフォルダは、事前に作成しておく（フォルダのオーナーをあわせるため、dockerが作成するとrootになる） clasp（google）のログインのcrednetial情報が、ユーザのhome直下に作成するためhomeフォルダをマウントしておくことにした。 version: '3' services: clasp: image: clasp:sample build: . tty: true volumes: - "./home/:${HOME}" - /etc/passwd:/etc/passwd:ro - /etc/group:/etc/group:ro working_dir: ${HOME} [ec2-user@ip-192-168-100-10 mailform-gas]$ mkdir home [ec2-user@ip-192-168
GASをclasp（CLIツール）+ TypeScriptでローカルで開発する - パンダのプログラミングブログ
Google Apps ScriptをTypeScriptでローカルで開発する Google Apps Script（以下、GAS）とはGoogleが開発したサーバレスな関数の実行環境です。GASはGoogleの各種サービスと連携してプログラムを実行できるため、業務やルーティンワークの自動化に最適です。 このブログでもGASを使ったハックを紹介してきました。 Google Apps ScriptからSlackとLINEを連携するbotを作る手順を紹介します Gmailの新着メールをLINEに転送する by Google Apps Script GASで議事録のテンプレ作成と周知を自動化する スプレッドシートとUMLで診断チャートを作成するGoogle Apps Scriptのコードを紹介します この記事では、claspというGoogle製のCLIツールを導入し、ローカル環境でTypeScr
windows10node v14.17.4npm 6.14.14VsCodegitbash 2.32.0.1動作イメージtsファイルでローカルにてコーディング(型定義のfileもインストールするので、GASのコード補完が効く) CLIからサーバーへpush ↓ pushしたソースをスクリプトエディタ上で実行 設定手順npmでプロジェクト作成(package.jsonが作成される) claspのインストールclaspは、Google が提供するGoogle Apps Script（GAS）をローカルで管理出来る様になる CLI ツールのことです。また、ローカル上でTypeScriptで記述したコードはclaspがをJSにコンパイルしてくれます。 プロジェクトの存在するディレクトリに移動
TBDです。 仕事/プライベートclaspを使っていて設定や挙動が理解できなかったので調べました。 (特に「ウェブアプリケーションとしての導入」まわりとclasp deploy) 概要と参考文献あれば問題解決する人が多そうな気がしたので先んじて公開します。 調べながら書いているため、用語間違いなどあれば編集リクエストお願いします claspとは claspはgoogle謹製のgasのローカル開発ツール。 いいが記事たくさんある ので導入は割愛します。 ローカルでスクリプトをコンパイル・アップロード→gasプロジェクトとして実行 という実装になっているため、ローカルの挙動を制御する.clasp.jsonとgasロジェクトの挙動を制御するappsscript.jsonの二種類の設定ファイルが存在する。 .clasp.jspn 概要 claspそのもののオプションファイル。 gasプロジェクトは
![[WIP]claspの二つの設定ファイルappscript.json/.clasp.jsonについて理解する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/65f6a064067699a704bbee90fea11699af743f24/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%25255BWIP%25255Dclasp%2525E3%252581%2525AE%2525E4%2525BA%25258C%2525E3%252581%2525A4%2525E3%252581%2525AE%2525E8%2525A8%2525AD%2525E5%2525AE%25259A%2525E3%252583%252595%2525E3%252582%2525A1%2525E3%252582%2525A4%2525E3%252583%2525ABappscript.json%25252F.clasp.json%2525E3%252581%2525AB%2525E3%252581%2525A4%2525E3%252581%252584%2525E3%252581%2525A6%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D2486a38e1f13ce3b873d36bd839f0f6f%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540KONDO-Yuuki%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253De60ccbfe3f0dd8f8ddea76d2c91d740c%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D61fdeb595dde2d09fdcef75443707ca2)
Google Apps Script + clasp でSlack bot作った時にわかった小ネタ100連発 - stefafafan の fa は3つです
最近チーム用にGASとclasp (CLIで操作できるようになるツール) で Slack bot を作りました。今回そのbotの話はしませんが、bot作ってわかった細々としたことを軽くまとめて共有します。 Google Apps Script 毎日分単位で特定の時刻に発火してほしい場合はスクリプトからトリガーをセットすると良い 日本の祝日は動かないようにしたい場合は祝日カレンダーを使うと良い clasp 変更を素朴にデプロイし続けるだけでは足りず、バージョンの切り替えも必要 clasprc.json のcredentialsをGitHubのRepository Secretsに登録しておけば、mainブランチにマージ = デプロイを実現できる Slack ユーザに対してメンションを送りたい場合はSlackのMember IDが必須 Layout blocks を使うと綺麗に文章をフォーマッ
はじめに Google Apps Script（以後、GAS）で開発をするときに困ることがいくつかあります。GASのIDE上で開発を行うため、手に馴染んだエディタを使えなかったり、バージョン管理がしにくかったりします。 このような問題を解決するのがclaspというCLIツールです。今回はそのclaspについて、使い方や使うときの注意点などをまとめたいと思います。 claspとは claspとは、ローカルでGASを開発を可能にするCLIツールです。Command Line Apps Script Projectsの各単語の頭文字をとって名付けられました。 今回はこちらのリポジトリにあるREADMEに従ってclaspを使っていこうと思います。 使い方 使い始める前に
clasp を試す
インストールは README の Install に従う。 npm でパッケージをグローバルにインストールするとローカルでコマンドが使えるようになる。 Apps Script の設定で API の実行を許可しておく。 とくに迷うところもないかな。
Google Apps Script(GAS)をclasp&GitHub Actionsでお手軽CI管理する - らくだ
本ページについて コーポレートエンジニアとして生きていく以上、お友達にならないといけない(?)Google Apps Script。 使いこなすと、色々と便利なので大変役立つので業務で使っている方も多いと思います。 ですが、最大のデメリットとして、 「Google Apps Scriptは標準機能だけではコード管理ができない」 ということがあげられると思います。 このページはGASをコード管理するためにステップバイステップで手順を記載したページになります。 対象読者 個人でGASを使っているが、チームにもコードを共有して管理したくなった。でも手法がわからない。CIって何？って人向け。 「CIは興味あるけど手が出せないよ...」という方に役立てば幸いです。 GitHubの操作方法については触れないので自学してください。 今回のページでどんな嬉しいことがおこるか コード管理ができる 上記につき
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GASをGit管理するならGithubアシスタントとclaspどっちを使うか？
GASをイケイケな環境で開発したい！claspを使ってみる - Qiita
claspを使ったGoogle Apps Scriptのソース管理を試してみた | DevelopersIO
clasp と TypeScript で GAS の開発環境を整えた備忘録
【Clasp】いちいちclasp loginせずに複数アカウントを切り替えたい（Google Apps Script）
gasを管理するclaspのdocker環境を作成する - Qiita
Vscodeでclaspを使用してGASのTypescript開発環境を構築する
[WIP]claspの二つの設定ファイルappscript.json/.clasp.jsonについて理解する - Qiita
ローカルでGASの開発を可能にするCLIツールclaspを使ってみた - Qiita
xenospectrum.com
sayuri9.ue.bulog.jp
kani.wpx.jp
qiita.com/sokorahen-szk
novel18.syosetu.com
kana9.vp.bex.jp