mu-suke

<h2 id="1.-%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%AE%E6%BA%96%E5%82%99">
<a class="header-anchor-link" href="#1.-%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%AE%E6%BA%96%E5%82%99" aria-hidden="true"></a> 1. ディレクトリの準備</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">mkdir</span> <span class="token punctuation">{</span>dir_name<span class="token punctuation">}</span>
</code></pre></div>

<h2 id="2.-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#2.-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 2. プロジェクトの作成</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> init <span class="token parameter variable">-y</span>
</code></pre></div><p>ちなみに<code>-y</code>は設問にall yesという意味なので個々に設定したい人はこのオプションを外すことをおすすめする</p>


<h2 id="3.-%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E5%B0%8E%E5%85%A5">
<a class="header-anchor-link" href="#3.-%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E5%B0%8E%E5%85%A5" aria-hidden="true"></a> 3. パッケージの導入</h2>
<h3 id="typescript">
<a class="header-anchor-link" href="#typescript" aria-hidden="true"></a> TypeScript</h3>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> i typescript
</code></pre></div><h3 id="gas%E8%A3%9C%E5%AE%8C%E6%A9%9F%E8%83%BD">
<a class="header-anchor-link" href="#gas%E8%A3%9C%E5%AE%8C%E6%A9%9F%E8%83%BD" aria-hidden="true"></a> GAS補完機能</h3>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> i @types/google-apps-script
</code></pre></div>

<h2 id="4.-clasp%E8%A8%AD%E5%AE%9A%E3%81%AE%E8%BF%BD%E5%8A%A0">
<a class="header-anchor-link" href="#4.-clasp%E8%A8%AD%E5%AE%9A%E3%81%AE%E8%BF%BD%E5%8A%A0" aria-hidden="true"></a> 4. Clasp設定の追加</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">npx clasp create
</code></pre></div><p>Clasp導入の仕方はクラスメソッドさんの記事が参考になる</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c5b99b2dd274c" src="https://embed.zenn.studio/card#zenn-embedded__c5b99b2dd274c" data-content="https%3A%2F%2Fdev.classmethod.jp%2Farticles%2Fvscode-clasp-setting%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://dev.classmethod.jp/articles/vscode-clasp-setting/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://dev.classmethod.jp/articles/vscode-clasp-setting/</a></p>


<h2 id="5.-gas%E3%81%B8%E3%81%AEpush">
<a class="header-anchor-link" href="#5.-gas%E3%81%B8%E3%81%AEpush" aria-hidden="true"></a> 5. GASへのpush</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">npx clasp push
</code></pre></div>