Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Clasp使ってGASを快適に開発する / Let's play Clasp

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Yuichi Maekawa Yuichi Maekawa
August 13, 2021
Technology
0
650

Clasp使ってGASを快適に開発する / Let's play Clasp

社内勉強会用スライド

Avatar for Yuichi Maekawa

Yuichi Maekawa

August 13, 2021
Tweet

More Decks by Yuichi Maekawa

See All by Yuichi Maekawa
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
16
9.4k
やらないことを決める
Avatar for Yuichi Maekawa kaelaela
1
1.2k
ハイインテグリティコミットメントを実現するスクラム開発の進化 / Evolution of Scrum for High Integrity Commitment
Avatar for Yuichi Maekawa kaelaela
1
890
アルプのロードマップ変遷 / Alp Roadmap History
Avatar for Yuichi Maekawa kaelaela
0
2.9k
ApexでPofEAA / PofEAA by Apex
Avatar for Yuichi Maekawa kaelaela
2
500
Zap Your DX!
Avatar for Yuichi Maekawa kaelaela
1
590
LWCでローカルコンポーネント開発 / Local development on LWC
Avatar for Yuichi Maekawa kaelaela
1
1.3k
Clean ArchitectureとEffで変更に強いAPIを設計する
Avatar for Yuichi Maekawa kaelaela
8
4.1k
こんなに違う！ScalaとKotlin
Avatar for Yuichi Maekawa kaelaela
2
2.2k

Other Decks in Technology

See All in Technology
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
Avatar for usanchuu usanchuu
3
450
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
140
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
140
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
390
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
0
130
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
220
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
170
生成AI時代にこそ求められるSRE / SRE for Gen AI era
Avatar for ymotongpoo ymotongpoo
5
3.1k
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
170

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
630
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770
Side Projects
Avatar for Sacha Greif sachag
455
43k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
37k

Transcript

  1. Clasp使ってGASを快適に開発する kaelaela

  2. Google App Script使っていこう - カンタン - スプシでデータ作成して実行できる - 定期実行もポチポチするだけ

  3. ここがつらいよ 開発のしにくさ - pure javascript 🎖 - Editorが厳しい - linter/fmtなどない

    管理のしにくさ - アカウントに紐づくと資産化されにくい - バージョン管理

  4. Clasp - GASをローカルで書けるコマンドラインツール - Google謹製 - Code Labs https://codelabs.developers.google.com/codelabs/clasp/ -

    TSもいける(pushするとjsに変換してくれる) - カンタンなコマンド操作 - login/logout - create - push/pull - clone - deploy - open

  5. Repo作っときました https://github.com/alp-inc/gas-toolbox - ソースコード管理 :tada: - GitHubのsecretsを使ってweb hook URLやIDを安全に管理 -

    型がやってきた(TypeScript / eslint) - GitHub Actionsでlint on CI - huskyでcommit時にlint

  6. 準備はカンタン インストール - Clasp - VSCode - yarn install 基本操作はGitHubのREADMEで

  7. 今後の改善 - アクセス権限 - 特定の人が or 誰でも実行できるようにするなど - 個別のprojectをpushしやすくする(package.jsonにscriptを用意)