Blog

BLOG

2018.08.20

Visual Studio Code で作る Salesforce 開発環境

Tweet

こんにちは。クラウドソリューショングループのエンジニアの高尾です。

Salesforce Platform での開発において、どのような開発環境を利用されてますか？

Eclipse + Force.com IDEやSublime Text + Mavens Mateがメジャーですが、今回はVisual Studio Codeを利用した開発環境構築をご紹介致します。

これまで私はEclipse + Force.com IDEで開発を行っていたのですが、会社支給のPCが替わったことで、他の開発環境はどのような感じなのかと興味が湧き、手始めに近年人気のツールのVisual Studio Codeを試してみることにしました。

手順は非常に簡単で、以下の手順のみです。

１．Visual Studio Codeをダウンロード、インストール
２．Salesforce開発用の拡張機能の追加

ただし、使用可能な状態にするにあたり少しハマった点もありますので、そのあたりも交えて手順を振り返ります。

１．Visual Studio Codeをダウンロード、インストール

基本的には公式サイトよりインストーラをダウンロードし、それを実行して手順通り進めるだけです。

※Windows10環境にて実施

まずは公式サイト右上のDownloadをクリックしてインストーラをダウンロードします。

【公式サイト】https://code.visualstudio.com/

ダウンロードしたインストーラファイルを実行します。

セットアップウィザードが立ち上がるので手順通り進めます。

使用許諾書の同意

インストール先フォルダの指定（任意のフォルダを指定）

プログラムグループの指定（任意で設定）

追加タスクの選択（必要なものをチェック）

インストール準備が終わると以下の画面が表示されますので問題なければインストールをクリックします。

しばらくするとインストールが完了して以下の画面が表示されます。

 ２．Salesforce開発用の拡張機能の追加

インストールしたVisual Studio Codeを起動し拡張機能タブからForce Codeを追加します。

サイドバーから拡張機能ボタンをクリックします。テキストをご記入ください。

遷移先の画面の検索窓に「force」とキーワードを入力すると、ForceCodeが候補として表示されますので、インストールをクリックします。

インストールが完了すると再読み込みボタンが表示されますのでクリックします。

再読み込みが完了すると、インストール済みセクションに以下のような拡張機能が追加されます。

実際にインストールされたものが動作するか検証します。
画面上部のメニューから表示をクリックし、コマンドパレットを表示します。
そこへ「Force」と入力するとコマンドの候補が表示されます。
今回はその中からForceCode Menuをクリックします。

Salesforce環境のアカウント名を聞いてきますので任意のものを入力します。

同様にパスワードを聞いてきますので入力します。

今回使用しようとしているSalesforce環境の種別を問われるので適切なものを選択します。

自動デプロイのオプションについて聞かれますので任意で選択します。

すると、クラスの追加やデプロイ等、実行可能な様々なメニューが表示されます。
この後、プロジェクトのダウンロードやクラスの修正等を試してみましたが、これまで使っていたForce.com IDEと比較すると操作が非常に軽快です。
あと個人的には背景色は黒の方が好きなのでそのあたりも気に入っています。ただし、注意点があります。
拡張機能との相性の問題なのか、現時点での最新バージョン（１.25.1）ではForceCode Menuコマンド実行した場合、「Command ‘ForceCode Menu’ not found」のエラーが表示され、実行できませんでした。
この問題は一つ古いバージョン（1.24.1）を使うことでクリアできました。
※古いバージョンは公式サイトのUpdatesからダウンロードできます。
まだForce.com IDEとの機能比較等行っていないのですが、引き続き色々と触ってみて実際の開発プロジェクトで使えるのかどうか検証してきたいと思っています。

Salesforce 技術関連記事

一緒に開発しませんか？

サンビット株式会社では、Salesforce によるクラウドシステム構築の開発技術者を募集しています！
興味のある方はぜひお問い合わせください。

Salesforce お役立ち/TIPS記事

  • by クラウドソリューショングループ
  • 08:55

カレンダー

«8月»
日 月 火 水 木 金 土
   1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

最近のエントリー

Googleサービスで独自アプリを作成する

2026.02.09

Google Apps Script（GAS）を使い、生成AI「Gemini」と組み合わせて日報用の簡易Webアプリを作る手順を紹介します。NotebookLMにGASリファレンスを集めて参照資料を整え、専用Gemを作成。スプレッドシートを保存先に設定し、Geminiに要件を伝えてコードと導入手順を生成します。Apps ScriptでWebアプリとしてデプロイすれば、PC・スマホから入力してシートへ保存できます。

Googleサービスで独自アプリを作成する

新春から晴れやかな気持ちに－「世界秩序が変わるとき」－を読みおえて

2026.02.02

年末年始に読了した「世界秩序が変わるとき」を通じ、新自由主義の終焉と国家主導・地政学重視の新たな世界秩序への転換を考察します。覇権国家アメリカの立場を踏まえつつ、日本が「失われた30年」で培った現場力や組織力が、いま再評価される可能性に着目。世界のパラダイムシフトを前向きに捉え、日本の未来に希望を見いだす内容です。

新春から晴れやかな気持ちに－「世界秩序が変わるとき」－を読みおえて

炊飯器の買い替え｜メーカーから機種選びまで

2026.01.26

10年使った炊飯器が大きな故障はないものの、水漏れや炊き上がりの変化などから寿命を意識し、買い替えを検討。ネット検索では情報過多に戸惑い、家電量販店で最新事情を確認する流れを選びました。メーカーは保温性能と使い慣れた考え方を重視し、象印マホービンを継続候補に。価格帯や世代差、型落ち上位モデルの魅力を整理し、価格推移を見ながら最適な購入タイミングを探っています。

炊飯器の買い替え｜メーカーから機種選びまで

Salesforce のダッシュボードの機能 〜動的ゲージグラフの設定方法〜

2026.01.23

ダッシュボードの目標管理を、もっと効率的に行いたい方におすすめの記事です。Salesforceの「動的ゲージグラフ」は、ユーザーやレコードの項目を目標値として参照できるため、複数のダッシュボードで同じ目標を使っている場合でも、元データを一か所更新するだけで反映される点が特長です。具体的な仕組みから具体的な作成手順、活用時のポイントまでを分かりやすく解説しています。KPI管理や目標達成率の可視化に役立つ内容となっております。

Salesforce のダッシュボードの機能 〜動的ゲージグラフの設定方法〜
過去一覧を見る

カテゴリーリスト

アーカイブ

ブログ内検索

採用情報
マイナビ転職でサンビットページをみる

  1. TOP
  2. BLOG
  3. Visual Studio Code で作る Salesforce 開発環境

検 索

Copyright (C) SUNBIT All Rights Reserved.