![見出し画像](https://assets.st-note.com/production/uploads/images/132955183/rectangle_large_type_2_0d4d47d4dccab3ae26e8a738a416cb37.png?width=1200)
デベロッパー環境とVisualStudioCodeを用いた開発
デベロッパー環境とVisual Studio Code(vscode)を用いた開発の流れをまとめます。
デベロッパー環境の入手
Developer Editionを入手されていない方は、下記より入手しましょう。
VisualStudioCodeの準備
vscodeのインストールは下記を参考にしていたければと思います。
開発の流れ
VsCodeとデベロッパー環境を接続して開発する大まかな流れは下記の通りです。
① vscodeで新規プロジェクトを作成
② デベロッパー環境と接続・認証
③ デベロッパー環境からソースコードの取得
④ プログラミング
⑤ デベロッパー環境へ開発内容をリリース
① vscodeで新規プロジェクトを作成
[SFDX: プロジェクトを作成] を選択します。
![](https://assets.st-note.com/img/1669686309709-0rT46ELRIp.png?width=1200)
標準テンプレートを選択、
![](https://assets.st-note.com/img/1669686363713-VshWeIEIYe.png?width=1200)
プロジェクト名を入力し、
![](https://assets.st-note.com/img/1669686388373-UZ8c6JOKfT.png?width=1200)
プロジェクトを作成します。
![](https://assets.st-note.com/img/1669686460512-To4EyqoW3G.png?width=1200)
② デベロッパー環境と接続・認証
[SFDX: 組織を認証] を選択します。
![](https://assets.st-note.com/img/1669686639328-OWJjewh1JU.png?width=1200)
カスタムログインURLを選択しますが、
![](https://assets.st-note.com/img/1669686738848-2Rt9WbriHL.png?width=1200)
カスタムログインURLには、デベロッパー環境にログインする際のURLを入力しましょう。
![](https://assets.st-note.com/img/1669686895391-ZuLXYu0eOy.png?width=1200)
vscodeでカスタムログインURLを入力すると、デベロッパー環境のログインを求められるのでブラウザからログインします。
ログイン後、vscodeに戻ると下記のように成功メッセージが表示されていれば認証成功です。
![](https://assets.st-note.com/img/1669687121985-YK2lLrjjO4.png?width=1200)
③ デベロッパー環境からソースコードの取得
例えば、デベロッパー環境に存在するApexクラスのソースコードを、vscodeにダウンロードする場合は、下記赤枠のclassesで右クリックし、[SFDX: 組織からソースを取得] を選択します。
![](https://assets.st-note.com/img/1669687405194-IDaTKZ87US.png?width=1200)
④ プログラミング
vscodeでApexクラスやApexトリガーなどを作成しましょう。
⑤ デベロッパー環境へ開発内容をリリース
開発したものをデベロッパー環境へリリース・反映したい場合は、
[SFDX: 組織へソースをデプロイ] から行います。
![](https://assets.st-note.com/img/1669687728914-qzKuuDonxy.png?width=1200)
いつもサポートいただきありがとうございます! クリエイター活動の励みになります!