📌

【爆速開発】VS CodeからラズパイにSSH接続してゴリゴリ開発する方法！

に公開
VS Code
Raspberry Pi
SSH
tech

【爆速開発】VS CodeからラズパイにSSH接続してゴリゴリ開発する方法！

「あ〜、またファイル転送かよ！めんどくせぇ！」

ラズパイでプログラム組んでるそこのあなた！
まさかまだ、ローカルでコード書いてFTPとか使って転送して実行して、デバッグして…なんて昭和な開発してないですよね？（煽り）

ってことで、今回はVS Codeの神拡張機能「Remote - SSH」を使って、あなたのPCから直接ラズパイをゴリゴリ開発する方法を紹介するよ！
これを知らないとマジで損してるから、騙されたと思って読んでみて！

なぜRemote - SSHを使うべきなのか？

一言で言うと、「圧倒的にラクだから」。

  • ファイル転送不要！: VS Code上でラズパイのファイルが直接開けるから、転送の手間がなくなる。これだけで時間大幅短縮！
  • ローカル環境と同じ感覚！: いつも使ってるVS Codeの拡張機能とかショートカットとか、そのままラズパイの開発にも使える。
  • ターミナルもVS Code内で！: ラズパイのターミナルもVS Codeのウィンドウ内で開けるから、いちいちターミナルアプリ切り替えなくてOK。
  • デバッグも楽々！: 設定すれば、VS Codeから直接ラズパイ上のプログラムをデバッグできる！

これ、やらない理由なくない？

事前準備：これだけは用意しとこ！

  • VS Code: もちろん必須。まだ入れてない人は今すぐインストールだ！
  • Raspberry Pi: SSH接続ができる状態にしておいてね。
    • ssh ユーザー名@raspi.local とかで接続できるか確認しておこう。
      • もし raspi.local で接続できない場合は、ラズパイのIPアドレス（例: 192.168.1.xxx）でもOKだよ。
  • インターネット接続: ラズパイもPCもネットにつながってること。VS Code Serverのダウンロードで使うよ。

ステップ1：VS Codeに「Remote - SSH」をぶち込む！

まずはVS Codeに最強の拡張機能をインストールするよ。

  1. VS Codeを開いて、左のメニューバーにある拡張機能アイコン（四角が4つ並んでるやつ）をクリック。
  2. 検索窓に「Remote - SSH」と入力。
  3. Microsoftが提供してるやつ（たぶん一番上に出てくる）を「インストール」！

これで準備はOK！

ステップ2：ラズパイにSSH接続をセットアップ！

いよいよラズパイとVS Codeをつなげるぞ！

  1. VS Codeの左下にある緑色のリモートインジケーター（なんか「><」みたいなアイコン）をクリック！
  2. コマンドパレットが出てくるから、「Connect to Host...」を選択。
  3. 初めて接続する場合は、「+ Add New SSH Host...」を選ぶよ。
  4. 入力欄が出てくるから、あなたがラズパイにSSH接続するときに使ってるコマンドを入力！
    • 例: ssh raspi@raspi.local や ssh pi@192.168.0.111
  5. 次に、SSHの設定ファイル（.ssh/config）の場所を聞かれるけど、基本はそのままEnterでOK。パスが表示されるから確認しとこう。

これで接続先が登録されたぞ！

ステップ3：いざ、ラズパイに接続！

登録したラズパイに接続してみよう！

  1. もう一度、VS Codeの左下の緑色のリモートインジケーターをクリック。
  2. 「Connect to Host...」を選択。
  3. さっき登録したホスト名（例: raspi@raspi.local）が候補に出てくるから、それを選択！
  4. パスワードを求められたら、ラズパイのパスワードを入力してEnter！

ステップ4：もし「VS Code Server を開いています...」と出たら？

「おいおい、接続できないじゃねーか！」って焦るなかれ！
もし「VS Code Server を開いています...」って表示されたら、それは正常な状態だから安心して。

これは、VS Codeがラズパイ上に開発に必要な「VS Code Server」を自動でダウンロードして設定してる最中なんだ。ラズパイのスペックやネット環境によっては数分かかることもあるから、コーヒーでも淹れて待ってよう。

ステップ5：ラズパイのフォルダを直接開いて開発スタート！

接続が成功すると、新しいVS Codeのウィンドウが開いて、左下に「SSH: raspi.local」みたいな表示が出てるはず。これが成功の証だ！

あとは…

  1. 「Open Folder」をクリック！
  2. ラズパイ上の開発したいフォルダ（例: /home/mokkun/my_project とか）を選んで「OK」！

これで、あなたのPCのVS Codeから、まるでローカルにあるかのようにラズパイのファイルを編集したり、保存したり、VS Code内のターミナルでラズパイのコマンドをガンガン実行したりできるぞ！

まとめ

どう？超簡単だったでしょ？
この「Remote - SSH」を使えば、ラズパイでの開発がマジで爆速になるから、ぜひ今日から導入してみてくれ！

これであなたも今日から爆速ラズパイ開発者だ！

Discussion