- Visual Studio Code(エディター)
- Cyberduck(FTPアプリケーション)
当ブログのWordPressの記事はこの2つのアプリケーションを用いて説明を行っております。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-14.59.12-1024x525-1.png)
Windows or Macで選んでダウンロードします。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.03.16.png)
Macではzipを展開するとアプリが出てくるので、アプリケーションフォルダへ移動させてください。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.06.08.png)
VisualStudioCodeを開きます。
拡張機能でいろいろ便利な事ができますが、とりあえず最低限日本語化をさせておきます。
左のバーから四角が四つのアイコンをクリックして、「Japanese」と打ってエンターを押します。
一番上にJapanese Language Pack for Visual Studio Codeと出てくるのでインストールしましょう。
Cyberduckとはレンタルサーバーとパソコンの中とのファイルを行き来させる事ができるFTPアプリケーションです。
更に、編集を上記のVSCodeでできますのでとても便利です。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.22.32-1024x349-1.png)
環境にあわせていずれかをダウンロード。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.24.09.png)
こちらもVSCode同様Macでは展開したらそのまま使えますのでアプリケーションフォルダへ移動させておきましょう。
サーバーに接続をしてみましょう。
接続するためにはサーバー名、アカウント名、パスワードが必要です。
一般的なレンタルサーバーであればコントロールパネルや契約情報に書いてありますので、調べてみましょう。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.29.34.png)
XREAの例。コントロールパネルから契約情報にて。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.31.32.png)
さくらサーバーの例。コントールパネルのトップページにて。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.35.46-1024x928-1.png)
新規接続ボタンから、FTPを選択して先ほど調べた情報を入力します。
接続ボタンを押して、フォルダなどが表示されれば成功です。
![](https://snow-leaf.com/wp-content/uploads/2023/01/スクリーンショット-2022-06-26-15.41.16.png)
失敗した場合は入力ミスが考えられますので再度入力してみてください。
どうでしょうか。できましたでしょうか?
これであなたのパソコンとWebサーバーが繋がりました。