koffee.com

<h1 id="%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%81%AE%E6%BA%96%E5%82%99">
<a class="header-anchor-link" href="#%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%81%AE%E6%BA%96%E5%82%99" aria-hidden="true"></a> 開発環境の準備</h1>
<h2 id="%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9-(cli)-%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9-(cli)-%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> コマンドラインインターフェース (CLI) をインストール</h2>
<ol>
<li>
<p><a href="https://developer.salesforce.com/ja/tools/salesforcecli?_ga=2.66841006.1401618998.1713531316-1261915068.1713531316" target="_blank" rel="nofollow noopener noreferrer">Salesforce CLI</a> から CLI をインストール</p>
</li>
<li>
<p>最新バージョンにアップデート</p>
<ul>
<li>
<code>sf update</code> アップデート</li>
<li>
<code>sfdx -v</code> バージョン確認</li>
</ul>
</li>
</ol>
<h2 id="visual-studio-code">
<a class="header-anchor-link" href="#visual-studio-code" aria-hidden="true"></a> Visual Studio Code</h2>
<ul>
<li>Salesforce Extension Pack をインストール</li>
<li>
<a href="https://developer.salesforce.com/tools/vscode/en/vscode-desktop/java-setup?_ga=2.128180236.1401618998.1713531316-1261915068.1713531316" target="_blank" rel="nofollow noopener noreferrer">java</a> をインストール
<ul>
<li>インストール済みなら不要</li>
<li>
<code>java --version</code> バージョン確認</li>
</ul>
</li>
</ul>


<h1 id="lwc-%E3%81%AE%E3%83%87%E3%82%B3%E3%83%AC%E3%83%BC%E3%82%BF">
<a class="header-anchor-link" href="#lwc-%E3%81%AE%E3%83%87%E3%82%B3%E3%83%AC%E3%83%BC%E3%82%BF" aria-hidden="true"></a> LWC のデコレータ</h1>
<table>
<thead>
<tr>
<th>デコレータ</th>
<th>TH</th>
<th>TH</th>
</tr>
</thead>
<tbody>
<tr>
<td>@api</td>
<td>パブリックプロパティ</td>
<td>TD</td>
</tr>
<tr>
<td>@track</td>
<td>変数とApexのメソッドを紐づける</td>
<td>TD</td>
</tr>
<tr>
<td>@wire</td>
<td>TD</td>
<td>TD</td>
</tr>
</tbody>
</table>


デコレータ	TH	TH
@api	パブリックプロパティ	TD
@track	変数とApexのメソッドを紐づける	TD
@wire	TD	TD