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

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

Avatar for Yuichi Maekawa Yuichi Maekawa
August 13, 2021
Technology
0
610

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
8.8k
やらないことを決める
Avatar for Yuichi Maekawa kaelaela
1
1.2k
ハイインテグリティコミットメントを実現するスクラム開発の進化 / Evolution of Scrum for High Integrity Commitment
Avatar for Yuichi Maekawa kaelaela
1
830
アルプのロードマップ変遷 / Alp Roadmap History
Avatar for Yuichi Maekawa kaelaela
0
2.8k
ApexでPofEAA / PofEAA by Apex
Avatar for Yuichi Maekawa kaelaela
2
480
Zap Your DX!
Avatar for Yuichi Maekawa kaelaela
1
570
LWCでローカルコンポーネント開発 / Local development on LWC
Avatar for Yuichi Maekawa kaelaela
1
1.2k
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
From Prompt to Product @ How to Web 2025, Bucharest, Romania
Avatar for Jan Werner janwerner
0
120
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
Avatar for スパイダープラス株式会社 spiderplus_cb
0
500
BtoBプロダクト開発の深層
Avatar for 16bit_idol 16bitidol
0
330
SoccerNet GSRの紹介と技術応用：選手視点映像を提供するサッカー作戦盤ツール
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
180
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
4
590
JAZUG 15周年記念 × JAT「AI Agent開発者必見："今"のOracle技術で拡張するAzure × OCIの共存アーキテクチャ」
Avatar for KoheiOgawa shisyu_gaku
0
100
Green Tea Garbage Collector の今
Avatar for zchee zchee
PRO
2
390
Where will it converge?
Avatar for Ibukun Adedeji ibknadedeji
0
180
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す：設計と活用事例
Avatar for Fumiya Sakai fumiyasac0921
0
140
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
Avatar for BrainPad brainpadpr
24
17k
Azure SynapseからAzure Databricksへ 移行してわかった新時代のコスト問題！？
Avatar for Databricks Japan databricksjapan
0
140
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
Avatar for Takuto Nagami logica0419
1
410

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
960
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
32
2.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k

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を用意)