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
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
290
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
740
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
210
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
690
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
440
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
Navigating Dependency Injection with Metro
zacsweers
3
260
Laravel Boost 超入門
fire_arlo
3
210
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.8k
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
320
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
GraphQLとの向き合い方2022年版
quramy
49
14k
Become a Pro
speakerdeck
PRO
29
5.5k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
4 Signs Your Business is Dying
shpigford
184
22k
Typedesign – Prime Four
hannesfritz
42
2.8k
A Tale of Four Properties
chriscoyier
160
23k
Speed Design
sergeychernyshev
32
1.1k
Faster Mobile Websites
deanohume
309
31k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
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