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
960
typescript-freeeapi.pdf
mhaketa
0
420
Other Decks in Programming
See All in Programming
🔨 小さなビルドシステムを作る
momeemt
3
660
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
360
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
230
機能追加とリーダー業務の類似性
rinchoku
2
1.1k
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
18
9.9k
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
110
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
240
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
310
1から理解するWeb Push
dora1998
7
1.7k
rage against annotate_predecessor
junk0612
0
160
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
240
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Code Review Best Practice
trishagee
70
19k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Practical Orchestrator
shlominoach
190
11k
We Have a Design System, Now What?
morganepeng
53
7.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Fireside Chat
paigeccino
39
3.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
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