<p>今年4月に弊社入社後2回目のPCの更新となり、新しくMacBook Pro (13-inch, 2020, Thunderbolt 3ポートx 2)を頂戴したので、早速Salesforce開発マシンとしてセットアップしました。</p>
<h1 id="cli%E3%83%84%E3%83%BC%E3%83%AB%E7%B3%BB">
<a class="header-anchor-link" href="#cli%E3%83%84%E3%83%BC%E3%83%AB%E7%B3%BB" aria-hidden="true"></a> CLIツール系</h1>
<h2 id="salesforce-cli">
<a class="header-anchor-link" href="#salesforce-cli" aria-hidden="true"></a> <a href="https://developer.salesforce.com/ja/tools/sfdxcli#" target="_blank" rel="nofollow noopener noreferrer">Salesforce CLI</a>
</h2>
<p>これがないと始まらないので、サクッとインストーラーで導入します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/ba47pqcnyen63yi57f9n95v7ei4u" loading="lazy" class="md-img"></p>
<h2 id="java-11">
<a class="header-anchor-link" href="#java-11" aria-hidden="true"></a> Java 11</h2>
<p>この後インストールするVS CodeのApex拡張やデータローダを動かすためにJava 11をインストール。データローダに合わせて<a href="https://www.azul.com/downloads/zulu-community/" target="_blank" rel="nofollow noopener noreferrer">Zulu OpenJDK Build</a>を入れておきました。これも無心でインストーラーを使います。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/8mwyq1jkp423nheblkqjzivc2gg6" loading="lazy" class="md-img"></p>
<h2 id="command-line-tools-(clt)-for-xcode">
<a class="header-anchor-link" href="#command-line-tools-(clt)-for-xcode" aria-hidden="true"></a> Command Line Tools (CLT) for Xcode</h2>
<p>nvm のインストールに必要なので入れておきます。</p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">$ xcode-select --install 
</code></pre></div><h2 id="nvm">
<a class="header-anchor-link" href="#nvm" aria-hidden="true"></a> <a href="https://github.com/nvm-sh/nvm" target="_blank" rel="nofollow noopener noreferrer">nvm</a>
</h2>
<p>nvmはHomebrewでのインストールはサポート対象外らしい</p>
<blockquote>
<p>Homebrew installation is not supported.</p>
</blockquote>
<p>ので<code>README.md</code>の手順通りに<code>install.sh</code>を使って導入します。<br>
Macのデフォルトシェルであるzsh用にインストールしておきました。</p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | zsh
$ command -v nvm
nvm
</code></pre></div><h2 id="node.js-%E3%81%A8-npm">
<a class="header-anchor-link" href="#node.js-%E3%81%A8-npm" aria-hidden="true"></a> Node.js と npm</h2>
<p>先にインストールしたSalesforce CLIでsfdxプロジェクトをスキャフォルドした際に、同時に自動生成されるpackage.jsonで便利機能をインストールするためにNode.jsとnpmを入れておきます。NPMさんによるとnvmとかを使ってインストールして欲しそうだったので、先にnvmを入れておきました。</p>
<blockquote>
<p>We strongly recommend using a Node version manager like nvm to install Node.js and npm. We do not recommend using a Node installer, since the Node installation process installs npm in a directory with local permissions and can cause permissions errors when you run npm packages globally.</p>
</blockquote>
<p>長期サポート (Active LTS) バージョンを指定してインストール。</p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">$ nvm install --lts
$ npm -v
10.5.2
</code></pre></div><h1 id="%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E7%94%A8%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E7%94%A8%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88" aria-hidden="true"></a> プログラミング用フォント</h1>
<p>おそらく最も重要であると言っても過言ではないであろう、開発用フォントの取得です。</p>
<h2 id="%E7%99%BD%E6%BA%90-(%E3%81%AF%E3%81%8F%E3%81%92%E3%82%93%EF%BC%8Fhackgen)">
<a class="header-anchor-link" href="#%E7%99%BD%E6%BA%90-(%E3%81%AF%E3%81%8F%E3%81%92%E3%82%93%EF%BC%8Fhackgen)" aria-hidden="true"></a> <a href="https://github.com/yuru7/HackGen" target="_blank" rel="nofollow noopener noreferrer">白源 (はくげん／HackGen)</a>
</h2>
<p>白源 (はくげん／HackGen) は、プログラミング向け英文フォント Hack と、源ノ角ゴシックの派生フォント源柔ゴシックを合成したプログラミングフォントです。</p>
<h1 id="%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" aria-hidden="true"></a> アプリケーション</h1>
<h2 id="visual-studio-code">
<a class="header-anchor-link" href="#visual-studio-code" aria-hidden="true"></a> <a href="https://azure.microsoft.com/ja-jp/products/visual-studio-code/" target="_blank" rel="nofollow noopener noreferrer">Visual Studio Code</a>
</h2>
<p>近頃はSalesforce開発用のエディタと言ったらこれと言えるくらいには浸透してきましたね。公式にはどのエディタでも開発出来ると言っていますが、VS Code拡張の便利さを考えるとよほどのこだわりがなければVS Codeで開発するのがてっとり早いと思っています。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/5ksrtgsglh2qx2sfm7agn8j3q0xn" loading="lazy" class="md-img"></p>
<h3 id="salesforce-extension-pack-for-vs-code">
<a class="header-anchor-link" href="#salesforce-extension-pack-for-vs-code" aria-hidden="true"></a> <a href="https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode" target="_blank" rel="nofollow noopener noreferrer">Salesforce Extension Pack for VS Code</a>
</h3>
<p>前述のVS Code用の拡張パックです。VS Code上でのSalesforce開発を快適にするための拡張をまとめてインストールできるパックになっています。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/ez5nlujf1klc9ozfuwrtv5nneeq1" loading="lazy" class="md-img"></p>
<h3 id="lwc-builder">
<a class="header-anchor-link" href="#lwc-builder" aria-hidden="true"></a> <a href="https://marketplace.visualstudio.com/items?itemName=ninoish.lwc-builder" target="_blank" rel="nofollow noopener noreferrer">LWC Builder</a>
</h3>
<p>UI ベースで LWC の config ファイルを設定できる VS Code 拡張です。 LWC の開発を爆速化したいなら最適解と言えます。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/e0149e08f6cf-20240509.jpg" loading="lazy" class="md-img"></p>
<h3 id="vs-code-%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#vs-code-%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> VS Code の設定</h3>
<p>VS Codeの設定です。<code>Cmd + ,</code> で設定を開いてJSON形式で表示します。取り立ててこだわりはないのですが、あえて挙げるとすればフォンt...<br>
もっと便利に使ういい設定をご存知の方は教えて下さい。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">settings.json</span></div>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span>
    <span class="token property">"salesforcedx-vscode-apex.java.home"</span><span class="token operator">:</span> <span class="token string">"/Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home"</span><span class="token punctuation">,</span>
    <span class="token property">"editor.defaultFormatter"</span><span class="token operator">:</span> <span class="token string">"esbenp.prettier-vscode"</span><span class="token punctuation">,</span>
    <span class="token property">"salesforcedx-vscode-core.show-cli-success-msg"</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
    <span class="token property">"window.zoomLevel"</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
    <span class="token property">"workbench.colorTheme"</span><span class="token operator">:</span> <span class="token string">"Quiet Light"</span><span class="token punctuation">,</span>
    <span class="token property">"editor.fontFamily"</span><span class="token operator">:</span> <span class="token string">"HackGen35"</span><span class="token punctuation">,</span>
    <span class="token property">"editor.renderWhitespace"</span><span class="token operator">:</span> <span class="token string">"all"</span><span class="token punctuation">,</span>
    <span class="token property">"window.openFilesInNewWindow"</span><span class="token operator">:</span> <span class="token string">"on"</span><span class="token punctuation">,</span>
    <span class="token property">"window.openFoldersInNewWindow"</span><span class="token operator">:</span> <span class="token string">"on"</span><span class="token punctuation">,</span>
    <span class="token property">"git.enableSmartCommit"</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre>
</div><h2 id="%E3%83%87%E3%83%BC%E3%82%BF%E3%83%AD%E3%83%BC%E3%83%80">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%BC%E3%82%BF%E3%83%AD%E3%83%BC%E3%83%80" aria-hidden="true"></a> <a href="https://help.salesforce.com/articleView?id=loader_install_mac.htm&amp;type=0" target="_blank" rel="nofollow noopener noreferrer">データローダ</a>
</h2>
<p>なんだかんだ言ってデータの投入や抜き出しはよくするので使っています。いつの間にかスクリプトっぽくなってて、「大丈夫か？」って思ってるのは内緒。</p>
<h1 id="%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E7%92%B0%E5%A2%83%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E7%92%B0%E5%A2%83%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> システム環境設定</h1>
<h2 id="%E3%83%9B%E3%83%83%E3%83%88%E3%82%B3%E3%83%BC%E3%83%8A%E3%83%BC">
<a class="header-anchor-link" href="#%E3%83%9B%E3%83%83%E3%83%88%E3%82%B3%E3%83%BC%E3%83%8A%E3%83%BC" aria-hidden="true"></a> ホットコーナー</h2>
<p>弊社、離席時のPCのロックには厳しかったので、面倒くさがりの私は簡単に画面をロックするためだけにホットコーナーを導入しました。そして在宅になってからは、トラックパッドからマウスへと切り替えたのをきっかけにミッションコントロールなどもホットコーナーに登録して使っています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/k4p6zmexut8fmnbs2bqa9ex6fcog" loading="lazy" class="md-img"></p>
<h2 id="caps-lock-%E3%81%A8-control-%E3%82%AD%E3%83%BC%E3%81%AE%E5%85%A5%E3%82%8C%E6%9B%BF%E3%81%88">
<a class="header-anchor-link" href="#caps-lock-%E3%81%A8-control-%E3%82%AD%E3%83%BC%E3%81%AE%E5%85%A5%E3%82%8C%E6%9B%BF%E3%81%88" aria-hidden="true"></a> Caps Lock と Control キーの入れ替え</h2>
<p>Caps Lockキーは使わないので、Controlキーとして使っています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/nbbit8erhl7cjvp803eqhyv60e0z" loading="lazy" class="md-img"></p>
<h1 id="%E3%81%8A%E3%81%97%E3%81%BE%E3%81%84">
<a class="header-anchor-link" href="#%E3%81%8A%E3%81%97%E3%81%BE%E3%81%84" aria-hidden="true"></a> おしまい</h1>
<p>とりあえず、これで基本的な開発は始められるかな。なにかあれば追加していきます。</p>


Salesforce開発を始めるための環境整備 for Mac

Caps Lock と Control キーの入れ替え

Discussion