1. コード・シェア
Code Shareは、最高のオンライン・コード・エディターの一つです。数多くの言語をサポートしています。単に正しい構文強調のために使用したいものを選択します。
このプラットフォームは、コラボレーションにも適しています。同僚や友人など、誰とでもリンクを共有し、リアルタイムで一緒にコードを書くことができます。プロジェクトに取り組んでいる間は、ビデオチャットも可能です。プロジェクトは、アカウントを持っていない限り24時間で失効しますが、コードはいつでもダウンロードできます。
外出先での素早いコーディング、一緒にコードのトラブルシューティング、他の人に教える、新しいアイデアを試すといった用途に適しています。アカウントを作成して作業を保存することも、アカウントを持たずに作業することもできます。いずれにせよ、このプラットフォームは無料で利用することができます。
2. CodeSandbox
CodeSandboxはチームプロジェクトのために作られたものですが、個人にも理想的です。このプラットフォームは、React、Angular、Vue、VanillaなどのWeb開発言語をサポートしています。テンプレートを選べば、すぐに始められます。他の人を招待して共同プロジェクトに参加したり、自分で何かを開発することもできます。
プラットフォーム自体も使いやすい。無料のアカウントを作成すれば、いつでも自分のプロジェクトに素早くアクセスできます。しかし、デスクトップ・コード・エディターのより堅牢なルック・アンド・フィールを備えている。
Code Shareとは異なり、CodeSandboxは完全に無料ではありません。個人の場合は、パブリックサンドボックスを作るだけなら、無料で使えます。サンドボックスとは、個々のプロジェクトのワークスペースのことです。プライベートなサンドボックス、追加のストレージスペース、GitHubレポなどが必要な場合は、月額7ドルです。また、チームプロジェクトをサポートする24ドル/月からのビジネスプランもあります。
3. PlayCode
PlayCodeは、フロントエンドのWeb開発に最適です。どこにいても簡単にCSS、JavaScript、HTMLを扱うことができます。エディタパネルをカスタマイズして、理想のワークフローを実現しましょう。
テンプレートを使えば、プロジェクトをすぐに始めることができます。ドロップダウン・メニューで言語を切り替えることもできます。
シンタックスハイライトとエラーハイライトにより、プロジェクトの追跡が簡単にできます。無料アカウントで、いつでもコードを保存できます。無料アカウントでは、1プロジェクトあたりの文字数が1000文字に制限されますが、プロジェクト数は無制限です。月々2.50ドルでプレミアムプランにアップグレードすると、この制限が解除され、保存容量が増えるなど、さまざまな特典があります。
4. StackBlitz
MicrosoftのVS Code Editorが好きなら、StackBlitzはお気に入りのオンライン・コード・エディターのひとつになるかもしれません。強力なエディタであると同時に、似たようなルック＆フィールを持っています。
(/uploads/online-code-editors-to-help-you-code-on-the-go-stackblitz.jpg) フルスタックアプリをオンラインで開発するための9つのワークスペースを備えています。Angular、React（JavaScriptとTypeScriptの両方）、Vueなどがサポートされています。StackBlitzとProgress KendoReactのパートナーシップにより、より優れたUIを作成することも可能です。 リアルタイム編集とオフラインサポートにより、外出先でも簡単にコーディングができます。アプリのデプロイ、ホスティング、共有も無料で行えます。公開プロジェクトの作成は無料ですが、プライベートプロジェクトや追加機能を利用するには、月額9ドルを支払う必要があります。5. CodePen
CodePenは、より人気のある無料のオンラインコードエディタの1つです。フロントエンドのウェブ開発用に作られています。このリストの他のいくつかのオプションのように、それは共同プラットフォームですが、あなたは確かにソロのプロジェクトで作業することもできます。
他のユーザーから貴重なフィードバックを得るために、プロジェクトを作成し、発表するために使用します。ホストされたプロジェクトをCodePenから直接発表できます。コードを分解して、教材として使うこともできます。
また、自分のスキルを伸ばすためのチャレンジを利用することもできます。これは、コーディングを学び、他の人と協力し、楽しむための素晴らしい方法です。
始めるのにアカウントは必要ありませんが、作品を保存するために無料のものが必要です。無料プランでは、プロジェクトを作成し、それをホストすることができます。しかし、画像などのファイルをアップロードしたり、プライベートなプロジェクトを作成したい場合は、月額8ドルのCodePen Proにアップグレードする必要があります。
6. PseudoEditor（シュードエディタ
擬似コードを扱う場合、ほとんどのオンライン・コード・エディタが、擬似コードをネイティブにサポートしていないことに気づくでしょう。PseudoEditorは、擬似コード用に特別に作られたエディタです。シンタックスハイライト、オートコンプリート機能、コード保存機能により、プロジェクトをより具体的にするために理想的なものとなっています。
オンライン版が気に入ったなら、WindowsとMac用のダウンロード版もあります。どちらも同じように使えます。さらに良いことに、どちらも完全に無料で使うことができます。
シンプルなエディターのように見えるかもしれませんが、余計なものは一切なく、外出先で素早くコーディングするのに適しています。
外出先で使うのに最適なエディタを見つけたら、自宅のデバイスで作業するときにもお気に入りを見つけてください。Mac、Android、Linux用のさまざまなエディタがあります。そしてもちろん、MicrosoftのVisual Studioもあります。
