記事内に広告を含みます

【FTPソフト】Cyberduckを使ってサーバーにアップロードしよう【ホームページ公開】

FTPソフトのイメージ画像

学習中のカメ

サーバーを契約して、ドメインも取得して設定したし、いよいよWebサイトの公開だね
そうだね 今回は簡単なCyberduck(サイバーダック)を使ってアップロードしてみよう

学び続けるウサギ

学習中のカメ

頑張ってみる〜

こんにちは!mokuです。

エックスサーバーなどのレンタルサーバーを契約して、お名前.comなどでドメインを取得して無事に紐付けの設定が終わったら、最後にFTPソフトを使ってホームページなどのWebサイトのアップロードですね。

FTP(File Transfer Protocol)ソフトとは、Webサイトをネット上に公開するために、サーバーにファイルをアップロードしたり、ダウンロードしたりするファイル転送用のソフトウェアです。

Cyberduck(サイバーダック)は「Mac」と「Windows」のどちらにも対応していています。

Cyberduckを使ってホームページを公開する方法

STEP.1
まずはCyberduckにアクセスしよう

Cyberduckのイメージ画像

今回は初めてのFTPソフトでも操作がカンタンなCyberduckを使っていきましょう。

※追記 : Webサイトなので画面が多少変わっているかもしれませんが大体の流れは同じです。

早速アクセスすると、いきなりアヒルが出てきました。シュールで可愛いアヒルですね、、夢に出てきそう..笑

下の方へスクロールしていくとダウンロードボタンが出てきました。

Cyberduckの使い方1の画像

英語でDownloadと書いてある箇所をクリックしましょう。

Cyberduckの使い方2の画像

私の場合はmacを使っているのでmacで進めていきます。Windowsの方は左のボタンをクリックしてダウンロードしましょう。

STEP.2
Cyberduckを設定して接続しよう

Cyberduckの使い方3の画像

ダウンロードができたら起動させて、左上の新規接続をクリックして、開きます。

Cyberduckの使い方4

あとは、

FTPホスト名

FTPユーザー名

FTPパスワード名

を上から順番に入力します。(ホスト・ユーザー、パスワード名は、サーバーの申し込みメールか、サーバーパネルの中に載っています)

3つ全てを入力したら、接続ボタンを押します。(一番上の欄のFTP(ファイル転送プロトコル)は選ぶこともできます)

接続を押して「非セキュアなFTP接続」とでてきたら続けるか変更をクリックします。

使ってるサーバーなどによってこのポップアップが出てきますが、変更できる場合はFTPS対応サーバーで「暗号化通信対応のFTP-SSL」に切り替えることもできます。

そして続けていくとファイルがいっぱい出てきます。その中から、自分のドメインフォルダを開くと下記のファイル名一覧が出てきます。

cyberduckの使用方法5の画像

ファイルのpublic_htmlをクリックして中にあるファイル等を全て削除します。

cyberduckの使用方法6の画像

両方とも選択して、削除します。

STEP.3
自分の表示させたいファイルなどをドラッグ&ドロップ

cyberduckの使用方法7の画像

HTML、CSS、JavaScriptやイメージフォルダなどをドラッグ&ドロップします。

表示させたいHTMLファイルは、index.htmlにしましょう。

STEP.4
完成

あとは自分の設定したドメインをWebブラウザで表示されているか確認して、無事に表示されていたら完成です。

無事にアップロードできたカメ

やった〜 思っていたよりもカンタンにできた〜♪
無事にアップロードできたね〜

お疲れ様

学び続けるウサギ

まとめ

無料でFTP初心者でもカンタンに使えるCyberduckを紹介してきました。

初めて自分で作ったWebサイトやドメインで表示されると感激しますよね。無料で使えるCyberduckは寄付もできるので応援として寄付をするのも良いです。

Cyberduckを使用する度に寄付画面が出てきますが、クリックして都度消せます。まあ無料なのでしょうがないですよね。

便利でカンタンなCyberduckを使って、快適にWeb制作等をしてきましょう。

他にもWebサイトをアップロードする方法としてレンタルサーバーのエックスサーバーでアップロードする方法 ConoHa WINGでアップロードする方法などもあり直感的でわかりやすい(特にConoHa WING)ので参考にしてみてください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です