DockerがプリセットされたVisual Studio CodeベースのオンラインIDE「CodeOnline」

CodeOnline
https://www.codeonline.io/

CodeOnlineの特徴

「CodeOnline」は、DockerがプリセットされたVSCode(Visual Studio Code)ベースのオンラインIDEです。以前、ITnewsでも取り上げた「goormide」や、同じくVSCodeベースの「corder」など、クラウド開発環境が充実しつつあるのは嬉しい限りです。

※ 現時点(2020/5/15)ではiPadに対応していません

7日間無料で使い始められますが、ミニマム構成で€20というラインナップ。それでも、AzureサーバをセットアップするVisual Studio Onlineに比べ、安価にクラウド開発環境を整えられるのが特徴です。

CodeOnlineのセットアップ

GitHubまたはGoogleとのOAuth認証が完了すると

文字通りすぐに、VSCodeベースのIDEを使い始めることができます。

CodeOnlineでNode.jsを動かしてみる

https://www.codeonline.io/docs/#/first-app
こちらのチュートリアルをもとに実際にNode.jsを作成して動かしていきます。

「New Foloder」を選択して、my-first-appというプロジェクトディレクトリを作成。

続いてターミナルも起動。

my-first-appディレクトリに移動し、次のコマンドでnpmの初期化を行います。

$ npm install

次に、Expressを使って簡単なWebサーバーをセットアップします。

npm install --save express

package.jsonが作成されたら構築完了。

次に、Node.jsファイルを作成し

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(port, () => console.log(`Example app listening at http://localhost:${port}`))

Hello Worldをプリントアウトするコードを記述します。

あとは、いつも通り実行すればプログラムを走らせることができました。


コメントを読む

新着ピック  






















新着ニュース

LOAD BALANCER là gì ? | Developers.IO

LOAD BALANCER là gì ? | Dev...

DevelopersIO / 7時間前


16年間秋葉原のニュース届け続ける「アキバBlog」、一時的に更新停止 管理人が脳梗塞で

BigQuery のテーブルコピーではテーブルプロパティも全てコピーされるのかどうか確認してみた | Developers.IO

[アップデート] AWS Direct Connect のフェイルオーバーテストが実行可能になりました | Developers.IO

[VIM]Scalaの入力補完をAdoptOpenJDK+coc-metalsでやってみた | Developers.IO

SpaceXがFalcon 9ロケットでStarlink衛星群をさらに60基打ち上げ、ロケット再利用の記録も更新 | TechCrunch Japan

SpaceXがFalcon 9ロケットでStarlin...

TechCrunch Japan / 11時間前


Migrate MySQL database từ EC2 sang RDS | Developers.IO

Migrate MySQL database từ E...

DevelopersIO / 12時間前


神戸市、日本MSと包括連携協定 スマートシティー実現目指す

「誹謗中傷ホットライン」設立へ ネット上の被害者や投稿削除に悩むプロパイダの相談に対応

VOCALOIDじゃない「初音ミク NT」、3カ月遅れでプロトタイプ版リリース

Sumo LogicにGuardDutyのログをS3から取り込む方法 | Developers.IO

Serverless FrameworkでデプロイしようとしたらUnknown path formatというエラーで詰まった話 | Developers.IO

「オンライン化した発表会」はどんな存在だったのか

コードを書かない系エンジニア(プリセールスエンジニア)の仕事と価値 | Developers.IO

RIZAP、本社社員を基本在宅勤務に IT活用で業務効率が向上、オフィス面積の削減も視野

[アップデート] 委任したメンバーアカウントで Config ルール/適合パックを Organizations 組織全体にデプロイできるようになりました | Developers.IO

新型コロナ禍で神戸市がマイクロソフトと包括連携、Power Virtual Agentsでチャットボット、Twilioで音声自動案内などを構築 | TechCrunch Japan

デジカメのWebカメラ化ソフト続々 ソニーも「対応を検討中」

懐かしのiPod Shuffle風 SpigenのAirPods Proカバー「クラシック・シャッフル」を試す

EC2の不揮発性ブロックストレージ「インスタンスストア」を使ってみよう! | Developers.IO

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。