Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
clasp導入の落とし穴/ installing clasp
Search
m-haketa
May 20, 2019
Programming
0
2k
clasp導入の落とし穴/ installing clasp
GASのローカル開発環境であるclaspを導入するときに、実際に直面したトラブルと、その解決方法をまとめました。
m-haketa
May 20, 2019
Tweet
Share
More Decks by m-haketa
See All by m-haketa
freeeapiヘルパー(TypeScript、GAS向け)の紹介/freee-api-helper
mhaketa
0
970
typescript-freeeapi.pdf
mhaketa
0
420
Other Decks in Programming
See All in Programming
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
490
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
Claude Agent SDK を使ってみよう
hyshu
0
200
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.3k
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.5k
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
1k
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
180
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
820
CSC509 Lecture 05
javiergs
PRO
0
300
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
1
320
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
230
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Being A Developer After 40
akosma
91
590k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Gamification - CAS2011
davidbonilla
81
5.5k
Making Projects Easy
brettharned
120
6.4k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
How GitHub (no longer) Works
holman
315
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Agile that works and the tools we love
rasmusluckow
331
21k
Transcript
clasp導入の落とし穴
2 自己紹介 名前: 羽毛田 睦土(はけた まこと) 仕事: 会計事務所 経営 エクセルセミナー
運営 ソフトウエア 開発 Twitter: @excelspeedup
3 Clasp導入手順 1. Node.jsインストール 2. claspインストール 3. GAS環境にログイン 4. 自動補完用ファイルのインストール
5. GASプログラムの同期準備 6. プログラム作成・アップロード
Step2,3,4 4 Clasp設定に潜む落とし穴 その1 1. Node.jsインストール 2.claspインストール 3. GAS環境にログイン 4.
自動補完用ファイルのインストール 5. GASプログラムの同期準備 6. プログラム作成・アップロード
Step2,3,4 2種類のインストール方法 5 freee残高ダウンロード Analytics日次自動通知 Twitter日次フォロワー取得 clasp clasp プロジェクト npm
install ... -g npm install ... –save-dev 1. グローバルインストール 2. ローカルインストール
Step2,3,4 初心者向けにはどちらがおすすめ? 6 npm install @google/clasp -g npm install @google/clasp
--save-dev 1. グローバルインストール 2. ローカルインストール
Step2,3,4 初心者向けにはどちらがおすすめ? 7 npm install @google/clasp -g npm install @google/clasp
--save-dev 1. グローバルインストール 2. ローカルインストール ※初心者限定
Step2,3,4 ローカルインストールをするとどうなる? 8
Step2,3,4 自動補完用ファイルはローカル必須 9 npm install @types/google-apps-script -g npm install @types/google-apps-script
--save-dev 1. グローバルインストール 2. ローカルインストール
Step5,6 10 落とし穴 その2 1. Node.jsインストール 2. claspインストール 3. GAS環境にログイン
4. 自動補完用ファイルのインストール 5.GASプログラムの同期準備 6. プログラム作成・アップロード
Step5,6 同期の準備をする 11 (プロジェクトルート フォルダ) test.ts src test.ts clasp create
Googleサーバ clasp push clasp push clasp create -rootDir ./src
Step5,6 初心者にはどちらがおすすめ? 12 clasp create clasp create –rootDir ./src 1.
プロジェクトルートフォルダをrootDirに指定 2. srcフォルダをrootDirに指定
Step5,6 初心者にはどちらがおすすめ? 13 1. プロジェクトルートフォルダをrootDirに指定 2. srcフォルダをrootDirに指定 clasp create clasp
create –rootDir ./src
Step5,6 rootDir指定をしないとどうなる? 14
Step5,6 rootDirとclasp pushの関係 15 (プロジェクトフォルダ) Node_modules 大量のjsファイル -rootDir ./src (プロジェクトフォルダ)
test.ts -rootDir . Node_modules src test.ts jsファイル Googleサーバ clasp push
Step ? 16 落とし穴 その3 1. Node.jsインストール 2. claspインストール 3.
GAS環境にログイン 4. 自動補完用ファイルのインストール 5. GASプログラムの同期準備 6. プログラム作成・アップロード
Step ? claspコマンド実行時にエラー 17
Step ? 文法チェックが明らかにおかしい 18
Step ? Npmパッケージをインストールし直す 19 npm uninstall @google/clasp –g npm install
@google/clasp -g npm install 私の環境では、これで解決しました
20 claspをとりあえず動かしたいときには? このブログに導入手順をまとめてあります https://gas.excelspeedup.com/
ここから未公開スライド 21
Step2,3,4 ローカルインストールするときは 22 npm install @google/clasp --save-dev npm run clasp
login "scripts": { ... “clasp”: “clasp” }, package.json すべてのclaspコマンドの前に 「npm run」を付ける p8の補足
Step5,6 RootDirを指定しないときは 23 node_modules/** .claspignore (プロジェクトフォルダ) Node_modules jsファイル test.ts Push対象から除外される
p14の補足
ありがとうございました! 24