【この記事を読むのは、こんなことに困った時】
・既存のサイトをローカルにクローンしてたけど画像は本番からダウンロードしたい！
・FTPの「WinSCP」で対象のサイトからダウンロードしてきたいファイルや画像がある！
・「WinSCP」はWindows！！あなたのサイト情報は筆者にはわからないよ！ということで。。。
【環境構築手順メモ ー➂】
＜前提＞
PC：Windows
Webサーバー：IIS
言語：html css C# PHP JS TS
作成：HP
その他：リモートからプロジェクトをクローン
＜きっかけ＞
サイト引継ぎの際の環境構築。
【手順の流れ】
➀ ローカルにプロジェクトを用意する
➁実行環境の導入（npm install）
➂IIS（ローカルサーバー）の設定
➃サイト表示の確認 ◀今回はここ！
➄画像がコード管理から外されている場合はダウンロード（git管理下ならこの作業は不要）◀今回はここ！
※前回の➂はここから戻る
【手順】
「④サイト表示の確認」
1. クローンしておいたプロジェクトを表示させる
・VScodeで開いてそのターミナルでコマンド「npx gulp」
（※ちなみに停止コマンド「Ctrl + C」）
とにかく、エラー出なければOK。ここまでは本当に表示させるだけの作業です。
ーこれで表示に問題なければ完了です（想像してた表示だ～ならOK）ー
...が私はまだでした。
サイトは立ち上がったのですが以下の以下の問題が発生。
- 画像が表示されていない！
だって、画像がリモートの管理下じゃなかったんだもん！
「➄画像がコード管理から外されている場合はダウンロード」
1.PCにFTPが入っているか確認（「WinSCP」「FileZilla」など）
※なければダウンロードしましょう➡参考URL
2.FTP「WinSCP」でダウンロード手順を確認してみる
※筆者が使用中のWinSCPで大まかに流れを確認
（別のFTP使用してる人は当てはまらないかも）
・WinSCP起動したら「新しいサイト」をクリック、
もしくは既存のサイトを選択「管理(M)」➡「新規サイトとして複製(C)」
・以下の画像箇所（右のセッションの設定）を設定してゆく
（サイトなどによって違うので各々でチェックしてみてください）
以下は「設定(D)...」先のディレクトリ設定です。好みでどうぞ。
→リモートディレクトリ(R)UP先のパス指定
→ローカルディレクトリ(L)自分のPCにあるプロジェクトパス指定
・設定できたら「保存(S)」をクリック
・サイト登録できたら「ログイン」
・必要なimg直下をローカルにダウンロード
（欲しいフォルダがローカルに無かったら新規作成しておこう）
・ダウンロード完了したら「1. クローンしておいたプロジェクトを表示させる」同様
「npx gulp」で立ち上げてみる。
「➃サイト表示の確認」「➄画像がコード管理から外されている場合はダウンロード」２点が完了しました！
これで環境構築完了しました！
どうでしょう？きちんと表示されましたか？
ここからはさらに追加で
「まだちゃんと表示されないんだけど編」です！
というか、筆者はこの続きの設定が必要でした。。。
-
➆「cssが効いてないんだけど！？ルーティング設定必要なサイトに当たってしまった！」
※この記事はURL限定にしています。参考に記事なるよう改善点が多いので。。。
【気になるワード】---記事内でより理解を深めたいワード
- FTPとは？
- 今回教えてもらったけどFTP設定で必要な詳細はどこから調べてこりゃいいの？