bbbbruno.qrunch.io読者になる5iPadでVSCodeを使ってコーディングvscodecode-server投稿日:2019-12-06最終更新:2019-12-10筆者のブログで記事をみる現在、パソコンを修理に出しております。今回使うのは、code-serverというものです。これは何かっていうと、ブラウザ上でVSCodeを使えるようにするものです。現在はmacOSとlinuxのみ対応しているっぽいです(Windowsはそのうち対応予定らしい)。code-serverで指定されたURL(http:localhost:8080など)にアクセスするだけで、VSCodeが使えるようになります。これでiPadでもiPhoneでもアクセスすればコーディングできちゃいます笑では、インストール方法とその使い方を説明していきます。githubから圧縮ファイルをダウンロードhttps://github.com/cdr/code-server上記のGitHubレポジトリで色々なインストール方法が紹介されていますが、今回は直接圧縮されたバイナリファイルを持ってきて、それを実行する方法でいきます。自分はさくらVPS上のLinuxサーバーでやりました。自分に合った方法でやってみてください。こちらから圧縮ファイルをダウンロードします。Macの場合は「darwin」と付いているzipファイル、linuxの場合は「linux」と付いたtar.gzファイルをダウンロードすればいいと思います。コマンドで持ってくる場合は以下のようにします。先にVSCodeディレクトリを作ってそこで作業するようにします。https://github.com/cdr/code-server/releases/download/2.1692-vsc1.39.2/code-server2.1692-vsc1.39.2-linux-x86_64.tar.gzバイナリファイルを実行して、ブラウザ上のVSCodeにアクセスダウンロードできたら解凍して、できたフォルダの中にあるcode-serverバイナリファイルをコマンドラインで実行してください。./code-server~で実行できるはずです。(略)これでVSCodeがブラウザで見られるようになりました!指定されたhttp://localhost:8080にアクセスしてパスワードを入力すれば、VSCodeが使えます!!自分のパソコンではなく、リモートのサーバー上で作業してる場合はlocalhostの部分をhttp:example.com:8080みたいにサーバーのipアドレスまたはドメイン名に置き換えればOKです。./code-serverでそのまま起動すると、rootユーザーのままVSCodeに移ってしまって、rootユーザーのrubyのバージョンが古かったりしてrubyの実行時にいろいろ問題が起きました。./code-serverスマホやタブレットからコーディングしてみよう!これでコーディングできちゃいます!拡張機能を入れたり、ターミナル上で作業したりするのも全然できました。bundlerでGemfileを使えるようにしたり、rubocopの拡張機能とgemを入れて自動整形とかも可能でした。普通にパソコン上でやるのとなんら変わりなかったです!皆さんも是非試してみてください。bbbbruno.qrunch.ioBЯunoの技術ブログ。日々学んだことを記録していくよ。Qrunch.netサーバー提供フィードバックを送信する。