本記事とこれ以降に投稿する2つの計3つの記事を通して、GASのコードをローカルで管理(実行、デプロイ)できるようにすることを目的とします。
GASのローカル環境開発 ~その1. コンテナでの環境開発編
本記事とこれ以降に投稿する2つの計3つの記事を通して、GASのコードをローカルで管理(実行、デプロイ)できるようにすることを目的とします。
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のプロジェクトがある場合は、それをダウンロードしてローカルで編集することも
clasp を使用してGASをローカル環境で開発する | とめのぶろぐ
基本的にGASはブラウザ上のエディタで開発する必要があり、若干面倒ですね。 それにエディタが使いにくく(慣れてないだけかも)、使い慣れたエディタで開発したいなと思いました。 そこで clasp を使用していこうかなと思います。 導入手順 clasp インストール ドキュメントに従い、以下のコマンドを実行します。 $ npm install -g @google/clasp $ clasp -v 2.3.0 次にGoogle Apps Script APIの設定をオンにします。 これでインストールと設定は完了しました。 ログイン $ clasp login Logging in globally... 🔑 Authorize clasp by visiting this url: https://accounts.google.com/o/oauth2/v2/auth?access_typ
GASのWebページにGoogleドライブ内の画像を挿入する方法
Webページにアンカーリンクを張る方法についてお伝えしました。 さて、今回はWebページに画像を載せていきますよ！ しかもGoogleドライブ内の画像をそのまま引っ張ってくることができるんです。 ということで、今回はGASユーザー向けHTML入門、WebページにGoogleドライブ内の画像を挿入する方法です。 では、行ってみましょう！ 前回のおさらいと今回やること まず、これまでのおさらいです。 前回作成したHTMLファイル「index.html」はコチラです。 <!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> <a href="https://tonari-it.com">いつも隣にITのお仕事</a> <h1>GASのおすすめ記事一覧</h1> いつも隣にITのお仕事からGASのおすすめの記事をピックアッ
【入門者向け】React + Google Apps Scriptの開発環境を構築しよう
これからReact + GAS(Google Apps Script)の開発に挑戦しようという方が、スムーズに開発スタートできるように開発環境の方法をまとめた記事です。 ローカル(自分PC)に開発環境を構築する必要があり、Node.js等のインストールなど難易度が高いのですが、この記事では詳しい解説はせず、最短で構築できるようにします。 Node.jsの開発環境を構築するにあたって、nodebrew、nvmのようなバージョン管理できるライブラリを使うことが必須になっていると思います。 個人的には、nvmがオススメなのでをnvmを使ったNode.jsのインストール&バージョンアップ手順を紹介します。 結論：人気度からnvmがオススメ Googleトレンド(2021年4月27日時点)で、nvmがnodebrewを圧倒的に上回っている。 ＊ Homebrewでのインストール方法を掲載しているブロ
GAS + React + Vite + Claspで作るお手軽フロントエンド - Retty Tech Blog
この記事はRetty Advent Calendar Part2の22日目の記事です。 Part1はこちらです。 はじめに 23卒の内定インターンをしている真下(@mashita1023)です。 内定インターンの中で単純な要件の社内ツール作成を作成したのですが、技術選定から実装まで結構な範囲を開発させてもらましえた。 その中でフロントエンドのデプロイ先にGoogle Apps Script（GAS）を使うことで、社内の人間のみが扱えるという要件を達成できた話をします。 社内ツールの要件 キャッシュを消すためのツールは以前にも社内ツールとして存在していたのですが、 コード自体がGitHubで管理されておらずどこにあるのかわからない状態でした。 そこで、キャッシュを消すためのツールを新たに作る必要がありました。 作成しなければいけないものを要件として簡潔にまとめ直すと以下のようになりました。
毎週ポチポチしているGitHub Issue作成業をGASで自動化する
毎週のミーティング準備が面倒 うちのチームでは毎週水曜日に定例ミーティングがありまして。 定例ミーティングが行われる度にGitHubでIssueを一つ作成し、そこに各チームメンバーがトピックや進捗を書き込んでおくスタイルでやってます。 眼鏡の教師みたいなのが私です（イメージです） 上の図のように、ミーティング前日にIssueを作成しチームメンバーに共有（図の1.2部分）というのを、毎回温かみのある手作業で行ってたんですね。 手を付ければ5分もかからないのに、面倒でつい後回しにしてしまう… 後回しにしてしまうとチームメンバーがIssueを更新する時間が減ってしまうので、「よし自動化だ！」という流れに。 自動化するぞ！と意気込む私（イメージです） 処理の流れを考える Google Apps Script（以下GAS）で、 GitHubのIssueを作成作成したIssueにコメントSlackに通
GoogleSpreadSheetにGitHub Issueの一覧を表示させる方法 - 連携の仕方 - Qiita
GitHub API Issue x Google SpreadSheetの連携 任意のレポジトリのissue一覧を表示してくれます。 レポジトリ名のシートがあればそこに、なければ追加してくれます。 スプレッドシート側の機能で条件付き書式で閉じたissueを暗くしたりとか、 GitHubのAPIで閉じたやつを表示しない、直近1カ月のだけ表示とか、 いろいろ試してみてください。 GitHub API https://developer.github.com/v3/ 入れ方 スプレッドシートをひらく ↓ ツール ↓ スクリプトエディタ ↓ 以下のコードを入れる ↓ 保存＆実行、権限許可してください トリガーも設定できます。 code ※access_tokenはここで発行してください https://github.com/settings/tokens function myFunction(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
