Paiza CloudとVS Codeで快適な環境を作ろう！ / Let's create a comfortable development environment with Paiza Cloud and Visual Studio Code !

Paiza CloudとVS Codeで快適な環境を作ろう！ー簡単、超速、高機能ー

PaizaCloud＋VisualStudioCodeのメリット１．ローカル環境を汚さない２．Visual Studio Codeの補完機能が使用できる３．拡張機能を使用することができる４？イケてる気持ちになれる！

事前準備手元のLinux、Mac、Windowsがインストールされた端末に “Visual Studio Code”をインストールしましょう！ azure.microsoft.com/ja-jp/products/visual-studio-code/ VPNは使えませんので使用している場合は切ります。 ※セキュアな環境で行いましょう

①PaizaCloudへ登録し、コンテナを作成 PiazaCloudに会員登録をしましょう！試すだけなら無料でも出来ます。 ※無料プランは24時間で環境削除登録をしたら右のようになるので、言語やFW、データベース等を選択し、「新規サーバーを作成」をクリック！ ※常時起動はベーシックプランのみ。

②sshのキーを作成 $ ssh-keygen Enter...Enter… Enter… $ cat ~/.ssh/id_rsa.pub

③PaizaCloudに接続出来るようにするメニューから “SSH設定”を開く公開鍵を貼り付けて “Save”ボタンをクリックメニュータブからSSH設定

④VS Codeに拡張機能を追加する MS謹製の“Remote Development”を使用します。メニューバーの赤い丸から“Extensions”を開き検索窓から探してインストールしましょう！

④VS Codeに拡張機能を追加する青い丸の中にあるアイコンは追加されていますか？赤い丸の中のメニューバーの左下は緑色（中が“><”）になりましたか？

⑤SSHの設定を行う F1キーでコマンドパレットを開き、 “Remote-SSH: Open Configuration File” を実行しましょう。

⑤SSHの設定を行うファイルの場所は Win: C:\Users\ユーザー\.ssh\config Mac: /Users/ユーザー名/.ssh/config Host お好きな名前　HostName SSHコマンドで出てきた
　 .paiza-user.cloud 　User ubuntu（ユーザー名）　Port SSHコマンドから-pの後の数値　IdentityFile 秘密鍵の保存先　 ~/.ssh/id_rsa 再びコマンドパレットから“Remote-SSH: Connect to Host”を実行します

⑥接続確認！さあ、最終確認です！ターミナルを立ち上げて作業します $ uname -a $ php -v（ruby -v, python
-v）と打ち込んでみましょう！

これで全て完了です！ VS Codeに好みの拡張機能を追加する等して使い倒しましょう！！他のCloud IDEや各社のVPSでも同じことが可能です

Paiza CloudとVS Codeで快適な環境を作ろう！ / Let's create a...

Paiza CloudとVS Codeで快適な環境を作ろう！ / Let's create a comfortable development environment with Paiza Cloud and Visual Studio Code !

Hiroyuki Mito

More Decks by Hiroyuki Mito

Other Decks in Programming

Featured

Transcript