ローカル開発環境の構築トップページ


Cyberduck をダウンロードしてインストールする

Cyberduck とは

Cyberduck はサーバ上にあるファイルを手元の PC にダウンロードしたり,手元の PC にあるファイルをサーバ上にアップロードしたりできるソフトウェアです.例えば,サーバ上にあるファイルをダウンロードして Atom などのテキストエディタで編集し,保存すれば自動的にアップロードすることができます.なお,Cyberduck は無料でも使えますが,寄付を募っているので,気に入ったら寄付をすると良いでしょう.

Cyberduck のダウンロードとインストール

https://cyberduck.io/ から Windows 用をダウンロードすると良い.

c-01

c-02

ダウンロードできたら,インストーラを実行する.

c-03

「Install」をクリックする

c-04

インストール中

c-05

インストールが終われば「Close」をクリックする

c-06

エクスプローラの設定を変更しておく

Cyberduck の設定を行う前に,エクスプローラの設定を変更しておく.まず,エクスプローラを表示する.

c-07

「ファイル」メニューから「フォルダーと検索のオプションの変更」をクリックする

c-08

「表示」タブの「登録されている拡張子は表示しない」のチェックを外す

c-09

Cyberduck の設定

エクスプローラの設定が終われば,Cyberduck を起動する.

c-10

「編集」メニューから「環境設定」を選択する

c-11

「ブラウザ」から「.で始まるファイルを表示」と「ダブルクリックしたファイルを外部エディタで開く」の2つにチェックを入れる.

c-12

「外部エディタ」から「選択」をクリックして,好みのテキストエディタを指定する.

c-13

例えば,Visual Studio Code エディタの場合は,「C:\Users\Rinsaka\AppData\Local\Programs\Microsoft VS Code\Code.exe」を指定すればよいが,次の手順で行うと良い.まず,スタートメニュー左の検索ボックスに「code」などと入力し,「Visual Studio Code」を検索,これを「右クリック」して,「ファイルの場所を開く」を選ぶ.

c-14

Visual Studio Code のショートカットが保存されたフォルダが開かれたので,このショートカットを「右クリック」して「ファイルの場所を開く」を選ぶ.

c-15

この操作で,Visual Studio Code 実行ファイルの実体が保存されたフォルダを開くことができた.

c-16

ここで,「Code.exe」を 「Shift」キーを押しながら「右クリック」して「パスのコピー」を選ぶ.

c-17

Cybeduck の環境設定に戻り,「外部エディタ」の「選択」を選ぶ.

c-13

ファイル名のテキストボックスをクリックして,「Ctrl」+「V」で貼り付ける.

c-18

Code.exe へのフルパスが貼り付けられたので,「開く」をクリックする.

c-19

外部エディタとして「Visual Studio Code」が登録できた.

c-20

さらに同じ画面で,「常に省略時エディタを使用」にチェックを入れる.

c-21

Cyberduck にブックマークを追加する

Cyberduck を再起動したら,いつも使うリモートサーバ(仮想マシン)をブックマークに登録しておこう.

「ブックマーク」メニューから「新規ブックマーク」を選択する.

c-22

プロトコルは「SFTP (SSH による暗号化 FTP)」を選択する.

c-23

その他の項目を次のとおり設定する.

ニックネーム
SFTP-MyCentOS(何でもよい)
サーバ
192.168.33.110(ここで Vagrantfile に記述した IP アドレス)
ユーザ名
vagrant

c-24

Cyberduck で CentOS に接続する

ブックマークを設定すると,次のような画面になる.

c-25

ブックマークをダブルクリックして接続する.初めて接続するときには,次のような画面が表示されるので,「許可」するとよい.

c-26

パスワードを尋ねられるので「vagrant」を入力する.

c-27

接続できれば,次のような画面になる.なお,Cyberduck を再起動するまでは(?)隠しファイルが表示されない可能性がある.

c-28

Linux(や mac)ではファイル名やフォルダ名の先頭に「.」がついたものは隠しファイル(隠しフォルダ)である.(Cyberduck の再起動後は?)ここで設定したとおり,「'.'で始まるファイル」も表示されるはずである.

c-29