![見出し画像](https://assets.st-note.com/production/uploads/images/99812639/rectangle_large_type_2_099b75cb7b78d30aeaedffca2efc7255.png?width=1200)
FTPを使ってファイルをWebサーバにアップロードする
この過程で、ブラウザで操作するより、FTPソフトでファイルをアップロードするほうが作業効率がいいので、FTPソフトを使う事にする
FTPソフト一覧
軽く調べた限りでは、FTPソフトは3種類あるらしい
(もっと調べりゃマイナーなソフトもあるんだろうけど、そこまで追跡調査しようとは思わない)
WinSCP
まぁ、結論からいうと、こいつが安定じゃねーかなって気がします
一応他のも見てみよう
CarotDAV
説明見る限り、なんか今回の目的とは全然適合しない気がするわ
クラウドっつーか、ドライブと連携するのに使うんだろうなと思う
FFFTP
実はこれ、昔使った事あります
この文献によると2017年に更新止まったって書いてあるんだけど、窓の社のサイト見る限り、(22/05/05)更新されてるっぽい
![](https://assets.st-note.com/img/1678313974863-L3NAIAo7xt.png?width=1200)
ただ、今2023年なので、1年近くは放置されてますね
結論
![](https://assets.st-note.com/img/1678314007553-vi8rUwE01s.png?width=1200)
WinSCPが2023/03/09現在で、最も最近更新されてるんで、こいつで安定だと思います
WinSCPをインストール
![](https://assets.st-note.com/img/1678314133208-4vVaB2aL4Y.png?width=1200)
ストアアプリ版は料金掛かるっぽいので、無料の奴をダウンロード
![](https://assets.st-note.com/img/1678314191680-9JTz3Tmbkl.png)
ダウンロードしたexeを起動
![](https://assets.st-note.com/img/1678314232276-mNsywJqqDf.png?width=1200)
インストーラーが起動するので「許諾」を選択
![](https://assets.st-note.com/img/1678314260037-Kih18tvfBu.png?width=1200)
カスタムとか変な事はせず素直に次へいく
![](https://assets.st-note.com/img/1678314289576-t54K06jRrS.png?width=1200)
インストール先は変更できないので、素直にそのままインストール
![](https://assets.st-note.com/img/1678314322727-pqnEzwq5wc.png?width=1200)
インストールが始まる
![](https://assets.st-note.com/img/1678314373662-LnQJ5WaJRj.png?width=1200)
なんかよくわからんけど、そんなに必要そうな機能でもないので、
「あとで手動で再起動」にチェック入れて完了
WinSCPを使ってみる
![](https://assets.st-note.com/img/1678314509728-XKk1ejsrXQ.png?width=1200)
起動するとログイン画面が開く
とりあえず必要な情報は、下記noteを進めれば手に入るはず
![](https://assets.st-note.com/img/1678314596329-4j62oH2ofj.png?width=1200)
とりあえず、これに従い入力してみる
![](https://assets.st-note.com/img/1678314696896-KpkGPAZGRe.png?width=1200)
SFTPって何?
![](https://assets.st-note.com/img/1678314761395-GbF1qg2fXV.png?width=1200)
だってよ
たぶんFTPに設定してもいけると思うんだけど、セキュリティ的にもこっちのほうがいいと思う
ポート番号って何?
![](https://assets.st-note.com/img/1678314859180-lIr16T9sgE.png?width=1200)
簡単にいうと、通信の種類を番号で示している
これでログインを実行
ログイン実行
![](https://assets.st-note.com/img/1678314883424-IxPpyRhb9e.png)
問題発生
微妙に長い接続処理の後、以下のエラー
![](https://assets.st-note.com/img/1678314928205-4hyqNomHtw.png?width=1200)
![](https://assets.st-note.com/img/1678314959062-3z5a911mNA.jpg?width=1200)
SFTP使えないんすか?
じゃあFTPでいいよ OKを押す
![](https://assets.st-note.com/img/1678314998661-F6kDzG4wI1.png?width=1200)
転送プロトコルを「FTP」に変更して、再ログイン
また問題発生
![](https://assets.st-note.com/img/1678315057409-TZSYlfsCsn.png)
なんかパスワードを要求されたので、再度入力
![](https://assets.st-note.com/img/1678315176336-qXvEiiNrWq.png)
なんで!?
原因
とりあえず、アカウント設定をもう一度確認する
![](https://assets.st-note.com/img/1678315262491-iTpj0HPAU5.png?width=1200)
FTPパスワードの項目を確認
![](https://assets.st-note.com/img/1678315292303-xlsrtVZPO1.png)
あっ、サーセンwwwwwww
さっそく編集を押してみる
![](https://assets.st-note.com/img/1678315342943-z5MkE4fCO9.png?width=1200)
うわぁー真っ白
そりゃつながるわけねーわwwwwwwww
とりあえず、設定
(俺はxfreeに登録した時のログインパスワードと同じにした)
![](https://assets.st-note.com/img/1678315410919-O852Vv66nQ.png?width=1200)
入力し、確認画面を選択
![](https://assets.st-note.com/img/1678315441765-OW0C9S9Ly2.png?width=1200)
確定する
再度実行
![](https://assets.st-note.com/img/1678315498998-JN0n2wFvEg.png?width=1200)
しかし、エラー
まだ駄目なんだけど…
![](https://assets.st-note.com/img/1678315708246-tzEAj57x0V.png?width=1200)
おちつけ、プリンセス、もう一度冷静に見直すんだ
![](https://assets.st-note.com/img/1678315739336-XokkAFqanf.png)
うん
![](https://assets.st-note.com/img/1678315764477-pMCq0JrWKJ.png)
うん
![](https://assets.st-note.com/img/1678315779461-BfQOyVQYQn.png?width=1200)
うん
![](https://assets.st-note.com/img/1678315794848-GnXqtepMN6.png)
おい、まさかとは思うが、「.html.xdomain.jp」も含むのか!?
![](https://assets.st-note.com/img/1678315934257-dHDS46Elbt.png?width=1200)
頼むよ
姫はもう意味不明なエラーに苦しめられたくはない
俺はプログラムは好きだが、そういうのは大嫌いなんだ
結果
![](https://assets.st-note.com/img/1678315971110-uvT7zIioUm.png?width=1200)
![](https://assets.st-note.com/img/1678316010295-K8jwwJYMaF.png?width=1200)
ファイルをアップロードしてみる
デスクトップにフォルダとファイルを作成
とりあえず、デスクトップに「homepage」という名前のフォルダを作り、そこに「index.html」という名前のファイルを作成
![](https://assets.st-note.com/img/1678316495849-IUaMuHw7YP.png)
index.htmlの中身はこう記述する
![](https://assets.st-note.com/img/1678316262404-69yiWHZ6U3.png?width=1200)
あとでどうせVisualStudioCode使う予定なんで
![](https://assets.st-note.com/img/1678316375445-OCqt2AGB6J.png?width=1200)
終わったら、WinSCPのこの更新ボタンを押す
![](https://assets.st-note.com/img/1678316405570-OgzhrI5HGE.png?width=1200)
homepageってフォルダが追加されてるので、そこに移動
![](https://assets.st-note.com/img/1678316594237-tSPcAo3XFQ.png?width=1200)
印をつけたアイコンをクリックして「ミラーリングアップロード」をする
![](https://assets.st-note.com/img/1678316619108-HbXy7fTJSy.png?width=1200)
開始を選択
![](https://assets.st-note.com/img/1678316643216-fNLPYmmZQH.png?width=1200)
「はい」を選択
![](https://assets.st-note.com/img/1678316718672-N56yH02yt6.png?width=1200)
サイトに接続して確認
http://[アカウント名].html.xdomain.jp/ に接続してみる
![](https://assets.st-note.com/img/1678316816171-qM9vwAuAr3.png?width=1200)
![](https://assets.st-note.com/img/1678316838438-8gCH0IMD2n.png?width=1200)
後は、ローカルのindex.htmを編集すると
![](https://assets.st-note.com/img/1678317238339-fcRoGDBumD.png?width=1200)
こいつが起動してる限り、自動的にサーバー側に変更が反映される
終わりたい時は「停止」を押せばいい
これで、WinSCPを使ってローカルからサーバーにファイルをアップロードすることができるようになった
この記事が気に入ったらサポートをしてみませんか?