Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8764

MacOSでCyberduckをインストールし設定する手順

$
0
0

Cyberduckは制作したWebサイトのデータを、Webサーバーに公開する時に使用するFTPソフトです。

それをMacOSにインストールし、使用できるまでの手順をまとめました。
ちなみにCyberduckはWindows、MacOSのいずれの環境にもインストールできます。

1. Cyberduckのサイトにアクセス

下記のサイトにアクセスし、「Download」をクリックし、次のページで「Cyberduck for MacOS」をクリック。

https://cyberduck.io/

スクリーンショット 2020-06-18 22.19.54.png
スクリーンショット 2020-06-18 22.20.06.png

2. ダウンロード

自動でダウンロードが始まり、ダウンロードフォルダにアプリがダウンロードされます。
画面右下の ① のアイコンをクリックすると、ダウンロードフォルダに入ったファイル一覧が出てくるので、該当の ② をクリックしてください。

スクリーンショット_2020-06-18_22_21_06.png

3. アプリケーションフォルダに移動

ダウンロードフォルダにそれらしいアイコンが表示されたかと思いますが、まだ開かないでください。
そのアイコンをドラッグアンドドロップで、サイドメニューの「アプリケーション」に移動させます。

スクリーンショット_2020-06-18_22_21_22.png

4. 認証ボタンを押す(人によっては表示されず、スキップして構いません)

この画面が表示されたら「認証」ボタンを押して、管理者のログイン情報を入力し認証してください。

スクリーンショット 2020-06-18 22.21.36.png

5. アプリケーションフォルダからCyberduckを開いてください

サイドメニューの「アプリケーション」をクリックし、Cyberduckを見つけ、ダブルクリックで開いてください。

スクリーンショット_2020-06-18_22_22_05.png

【開発元が未確認のため開けません】という警告ダイアログが表示された場合

macOS Sierraから、Macのセキュリティ機能であるGateKeeperによって確認が必要な状態となり、不明な開発元(デベロッパIDを持たない開発元)によって作られたアプリは開けなくなりました。
Mac App Storeで配布していないアプリ全般に表示されるので、これは必ずしもアプリケーションに問題がある訳ではありません。
※ただ不正なコードが含まれる可能師があるアプリも存在します。

このアプリにだけ、例外的にセキュリティ設定を無効化してこのままアプリケーションを開くには、次の手順に従います。

  1. MacのFinderで、開きたいアプリケーションを検索します
  2. Launchpadは使用しないでください。Launchpadではショートカットメニューにアクセスできません
  3. Controlキーを押しながらアプリケーションアイコンをクリックして、ショートカットメニューから「開く」を選択します
  4. 「開く」をクリックします。

参考

  1. 開発元が未確認のMacアプリケーションを開く
  2. Macで「開発元が未確認のため開けません」となりアプリが開けない場合はどうすれば?

アプリケーションはセキュリティ設定の例外として保存され、今後は登録済みのアプリケーションと同様に、ダブルクリックすることで開くことができるようになります。

6. Cyberduckの初期画面

この様な画面がでるかと思います。
契約したレンタルWebサーバーを追加するために「新規接続」をクリックします。

スクリーンショット_2020-06-18_22_22_37.png

7. レンタルWebサーバーの情報を入力する

そうするとこのような画面になります。
①と②に契約したレンタルWebサーバーのFTP情報を入力します。

スクリーンショット_2020-06-18_22_22_47.png

契約したWebサーバーのFTP情報を確認する

上記の①と②に該当する情報をレンタルWebサーバーのアカウントページにログインし、該当の情報をご確認ください。
※それぞれのレンタルWebサーバーのサービスによって掲載場所が変わります。

筆者が契約しているXSERVERでは下記のような画面になります。
※一部情報にマスキングしています。

スクリーンショット_2020-06-18_23_00_34.png

8. 作成したWebサイトのファイルをアップロード

FTP情報を入力し終え、接続成功するとこのような画面になり、Webサーバーのルート(階層トップ)が表示されます。
エラーが表示された際はFTP情報が間違っている可能性があるのでホスト名やユーザー名などを見直してみましょう。

スクリーンショット_2020-06-19_9_05_33.png

レンタルWebサーバー会社によってHTMLなどのファイルのアップロード先が変わるため、契約しているサーバーのマニュアルでそれを確認しましょう。

※独自ドメインを設定しているとルートに独自ドメインのフォルダが出来ると思います。

スクリーンショット_2020-06-19_9_09_07.png

該当フォルダまで移動したら、赤枠の中にファイルをアップロードしてください。
完了したら、ブラウザで確認してみましょう。


Viewing all articles
Browse latest Browse all 8764

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>