MENU
  • VPS(レンタルサーバ)比較
  • ITエンジニアの転職
  • IT技術入門(Engineers.LOG)
カテゴリー
  • IT関連 (623)
    • Bootstrap (2)
    • クラウド (4)
    • サーバー技術 (185)
    • ストレージ (7)
      • NetApp (7)
    • ネットワーク技術 (91)
      • Cisco (36)
      • Juniper (18)
      • 負荷分散装置 (17)
    • パソコン関連 (92)
      • MAC (25)
      • Windows (54)
    • プログラミング (154)
      • Ansible (11)
      • C言語 (23)
      • Python (111)
        • Django (20)
    • 仮想化 (88)
      • Docker (63)
      • VMware (23)
  • VPS (200)
    • ABLENET VPS (16)
    • Amazon Lightsail(VPS) (2)
    • ConoHaVPS (37)
    • mixhostVPS (4)
    • WebARENAIndigo (16)
    • XServerVPS (34)
    • お名前.com VPS (12)
    • さくらのVPS (24)
    • カゴヤクラウドVPS (13)
    • シンVPS (7)
  • レンタルサーバー (56)
    • エックスサーバー (38)
  • 光回線 (8)
  • 技術スキルアップ開発・学習 (7)
    • Envader (2)
    • RareTECH (2)
    • Udemy (3)
もう現役20年超えましたー。経験値ならだれにも負けないエンジニア技術ブログ
インフラエンジニアの技術LOG
  • VPS(レンタルサーバ)比較
  • ITエンジニアの転職
  • IT技術入門(Engineers.LOG)
インフラエンジニアの技術LOG
  • VPS(レンタルサーバ)比較
  • ITエンジニアの転職
  • IT技術入門(Engineers.LOG)
  1. ホーム
  2. VPS
  3. 【VPS】VSCodeで生成した秘密鍵(SSHkey)を利用して接続する方法(Mac編)

【VPS】VSCodeで生成した秘密鍵(SSHkey)を利用して接続する方法(Mac編)

2025 3/26
VPS
2020年6月7日2025年3月26日

VPSを契約してリモートアクセスをする際、秘密鍵を利用したSSH接続の方法を前回紹介しました。

あわせて読みたい
【VPS】生成した秘密鍵(SSHkey)を使用してSSHでアクセスする方法(Mac編) MacPCでSSHアクセス用に生成した秘密鍵「SSHkey」を使用してSSHログインを実施する方法をまとめました。 キーはVPS(ConoHaVPS)から生成したSSHkeyを用いたファイルで...

今回は、VSCodeを利用してVPSとリモート接続する手順をまとめました。
今回の手順は、事前にVPSから証明書を取得したところから始めているので、まだ証明書を取得していない方は、上記の記事を参考に取得してください。

目次
安くて高速!高性能VPSで快適開発!
最速5分でサーバー構築
>>>こちらをチェック

エンジニア必見! 技術力を伸ばすVPS徹底比較
>>>VPS比較

【VSCode】VPSで取得した秘密鍵(SSHkey)を利用したリモート接続方法

正確にいうと、リモートSSH接続に利用する「SSHkey」となりますが、こちらをVPS(今回はConoHaVPS )からダウンロードします。
Macの場合、ダウンロードしたSSHkeyは以下のフォルダ配下に移動しておきます。

~/.ssh/

こちらに移動しておくことで、SSHkeyの設定のパスを指定しやすくなるので、事前でやっておきましょう。
ここまで完了すれば、VSCodeでリモート接続の設定をしていきます。

VSCodeに「Remote-SSH」をインストール

VSCodeのインストールは以下のページを参考にしてください。

あわせて読みたい
【Visual Studio Code】インストール手順と日本語化(Mac) プログラミングなどの開発環境で利用される「Visual Studio Code」のインストール手順(MacOS版)をまとめました。 前回、Windows版でも紹介しましたが、このテキストエ...

VSCodeを起動し、拡張機能を選択後、検索から「Remote-SSH」と検索すると以下のようにプラグインが表示されます。

そのまま、Remote-SSHをインストールします。

Remote-SSH拡張機能を使ってVPSへアクセスする

上記でインストールが完了するとVSCodeの左のアイコン一覧に「Remote-SSH」のアイコンが表示されます。
アイコンをクリックし、「SSH TARGETS」の右側にある歯車アイコンをクリックします。

歯車アイコンをクリックすると、中央メニューで以下のような画面が表示されます。
検索スペースをクリックすると以下のようなパスが表示されるので、「xxxxxx.ssh/config」を選択します。

こちらのファイルを開くと、編集画面が表示されるので以下の内容を追記します。
※()で記述しているところを編集します。

Host (名前)
HostName (IPアドレス)
User root
Port 22
IdentityFile ~/.ssh/(SSHkeyーの名前) # VPSから取得したSSHkeyを保存したパスを指定

私の場合は、ドメインを取得し、名前解決をしている状態となるので以下のような記述となります。

※記述例

Host engineers-life.com
HostName engineers-life.com
User root
Port 22
IdentityFile ~/.ssh/20200504153008.pem

ちなみに該当のファイルパスは以下のようになります。
今回のSSHkeyは「~/.ssh/」配下に保存されている状態となります。

~ $ ls -la ~/.ssh/
total 24
drwxr-xr-x   5 kobayashiseigo  staff   160  5  4 16:14 .
drwxr-xr-x+ 56 kobayashiseigo  staff  1792  6  6 13:24 ..
-rw-------@  1 kobayashiseigo  staff  1675  5  4 15:30 20200504153008.pem
-rw-r--r--   1 kobayashiseigo  staff   108  6  7 11:14 config
-rw-r--r--   1 kobayashiseigo  staff  3587  6  7 11:15 known_hosts
~ $

リモートアイコンにアクセスすると中央上位のWindowで「Continue」を記述するとパスワード無しでアクセスできます。

VSCodeでリモートアクセス後のファイルアクセス方法

正常にSSHアクセスした後は、VSCcodeでファイルにアクセスしましょう。
左メニューの以下のアイコンを選択し、「Open Folder」をクリックします。

中央メニューに「/root」でパスが表示されますが、該当のパスを選択し、対象ファイルがあるフォルダへアクセスできます。

VSCodeを利用したVPSへのリモート接続は以上となります。

エンジニアスキルをアップする勉強法

ITエンジニアの開発・検証・学習としてインターネット上で専用のサーバ(VPS)を利用しましょう!
実務経験はVPSで学べます。

あわせて読みたい
現役エンジニアがおすすめするVPSレンタルサーバ比較(高速SSD限定) 格安VPS比較(2025年最新版)

VPS
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする コメントをキャンセル

email confirm*

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)



検索
カテゴリー
新着記事
  • XServerVPS アニメ風 男の子 プログラミングをしている VPSを利用している 楽しそうにしている
    XServerVPSで証明書(SSL)を取得する方法
    2025年3月24日
    XServerVPS
  • レンタルサーバ アニメ風 女の子 楽しんでパソコンをしている 目がキラキラ
    WordPressがレンタルサーバよりVPSで利用する方がおすすめの理由
    2025年3月19日
    VPS
  • VPS レンタルサーバー アニメ風 女の子 プログラミングをしている VPSを利用している 楽しそうにしている
    VPSとクラウドの違いとは?初心者向けにわかりやすく解説
    2025年3月5日
    VPS
  • シンVPS アニメ風 女の子 パソコン プログラミングをしている VPSを利用している 楽しそうにしている
    シンVPSはWindows serverを利用できない。その理由と利用できるOSは?
    2025年3月4日
    シンVPS
  • シンVPS アニメ風 女の子 パソコン プログラミングをしている VPSを利用している 楽しそうにしている
    シンVPSでゲームを利用する環境はあるのか
    2025年3月4日
    シンVPS
  • シンVPS アニメ風 女の子 パソコン プログラミングをしている VPSを利用している 楽しそうにしている
    シンVPSのサイトの表示速度は他社に比べて早いのか?
    2025年3月4日
    シンVPS
目次
目次