VS CodeでCSV+FTP/SFTPを行う

らら
らら

はじめに

エクセル風にCSVで、FTPが1つのソフトでできないかって・・

エクセルでVBAでwindows FTPコマンドとも思ったけど・・SFTP的なのが・・・

WinSCPでコマンドラインも、考えたけど・・なんか・・コマンドラインでできるのって・・危ない気が・・

去年も、偽サイトでインストールすると、みたいなのあったばっかりだし。

コマンドラインってバックグラウンドでやられちゃうと怖いよね。。逆に・・

Filezillaとかだと、コマンドラインで接続まではできるけど、アプリ起動してGUIで表示されるからまだいいけど。

まず、拡張機能をつかう

EditCSV

拡張機能で、Edit csvと検索窓に入力した下記のアイコンをクリック

VS CodeでCSV+FTP/SFTPを行う

下記からインストールで完了です。

VS CodeでCSV+FTP/SFTPを行う

動作確認

CSVファイルを選択して、開くと下記の上部にEdit CSVをクリック

VS CodeでCSV+FTP/SFTPを行う

すると下記のように表示されるので・・

エクセル風に編集できます。当然戻せば、通常エディターでも変更できます。

VS CodeでCSV+FTP/SFTPを行う

保存は、下記Apply changes to file and saveすれば保存されます。

VS CodeでCSV+FTP/SFTPを行う

SFTP

拡張機能で、ftpと検索窓に入力した下記のアイコンをクリックして

右側のウィンドウでインストールで完了です。

liximomoさんのものと、 Natizyskunkさん作のがあって、liximomoさんの方は開発がとまってるそうで、

ForkされてるNatizyskunkさん作のほうが良いです。

VS CodeでCSV+FTP/SFTPを行う

設定

SFTPを使用するには、ワークスペースを作成する必要があります。

ディレクトリを作成して、今回はそこにCSVファイルを入れておきます。

VS Codeのファイルからフォルダーをワークスペースに追加を選択します。

VS CodeでCSV+FTP/SFTPを行う

作成していたフォルダーを選択して、追加をクリックします。

VS CodeでCSV+FTP/SFTPを行う

下記が出たら、はいで

VS CodeでCSV+FTP/SFTPを行う

下記から作成したワークスペースを選択します。

VS CodeでCSV+FTP/SFTPを行う

上記からShift+Ctrl+Pキーを同時押しします。


SFTP: config

VS CodeでCSV+FTP/SFTPを行う

下記が表示されますので、接続したいftp情報を登録します。

VS CodeでCSV+FTP/SFTPを行う


{
    "name": "My Server",
    "host": "localhost",
    "protocol": "sftp",
    "port": 22,
    "username": "username",
    "remotePath": "/",
    "uploadOnSave": false,
    "useTempFile": false,
    "openSsh": false
}

FTPはprotocolをftp,portを21にすればOKです。

上記では、パスワードがないので下記を追加します。

ただ、セキュリティ面ではjsonで登録され、テキストなので注意が必要です。


  "password": "pass",

入力が完了したら、VS codeで保存します。

アップロードは、ワークスペースから目的のファイルを選択して、右クリックメニュー、Upload fileを選択でアップロードされます。

ここでも、Edit CSVも選択できます。

VS CodeでCSV+FTP/SFTPを行う

uploadOnSaveで保存されたら自動転送とかも設定によってできます。

あとサーバーからダウンロードする場合も。目的のファイルを選択して、右クリックメニュー、Download fileでできます。

さいごに

パスワードだけ、気にはなりますが。。sftp.jsonだけはサーバーにアップしないでくださいね。

関連

jQueryで新着情報をつくってみた。
https://www.omakase.net/blog/2024/09/jquery-1.html

関連記事