Web開発者向けの7つの最高のブラウザベースのオンラインコードエディタ

Web開発者の場合、ワークステーションにローカルに開発環境が設定されている可能性があります。 お気に入りのコードエディタをインストールし、最適なパッケージを追加し、拡張機能をロードすると、IDE全体が必要なとおりに機能します。 しかし、通常のマシンを使用していない場合はどうなりますか？ 旅行中、転居した場合、またはラップトップなしで自宅で仕事をしている場合はどうなりますか？ では、どうしますか？ それは、そこにあるオンラインコードエディタが何であるかを知ることが本当にその日を救うことができるときです。 そしてそれ以上に、通常のコーディングルーチンを強化する方法として、バックポケットに入れておくこともできます。

私たちのYoutubeチャンネルを購読する

なぜオンラインコードエディタなのか？

オンラインコードエディタの使用を検討する理由はいくつかあります。 ただし、実際には、オンラインIDEを使用しても、ローカルにインストールされているIDEが置き換えられることはほとんどありません。 多くのオンライン環境が驚くほど堅牢で、あなたがそれらで投げるの仕事のほとんどを処理することができるが、彼らは堅牢でデスクトップのインストールなどが可能なようではありません。 ただし、1つを使用することを検討する理由は複数あります。

• あなたは旅行中で、どこからでもコードにアクセスする必要があります。
• コードのスニペットとインタラクティブセクションを共有する必要があります。
• 時間は限られており、セットアップがほぼゼロのソリューションが必要です。
• あなたの予算は限られています。 オンラインコードエディタは、アクセスできるワークステーションよりも強力な機能を備えている場合があります。
• チームはリアルタイムで共同作業を行う必要があります。 多くのオンラインIDEには、セットアップなしで機能するコラボレーションツールが組み込まれています。

オンラインIDEを使用したい、または使用する必要がある理由に関係なく、選択できるものはたくさんあり、それぞれに長所と短所があり、Web開発者にさまざまな機能を提供します。

1. PlayCode

PlayCodeは、優れた多目的オンラインコードエディタです。 これを使用すると、SublimeTextまたはVSCodeを使用して、通常のディレクトリ構造で複数のファイルを使用する場合と同じように、1つのプロジェクトで一緒に実行される複数のファイルを開くことができます。 PlayCodeには、ユーザー向けに事前に作成されたテンプレートのほか、ブラウザでのリアルタイムの結果と組み込みのコンソールデバッグがあります。 ユーザーは、サインインせずに編集および作業して、迅速な修正などを行うことができますが、サインインして作業を保存し、マシン間でPlayCodeを使用することもできます。

詳しくは

2. JSFiddle

JSFiddleは、PlayCodeのようにさまざまな方法で機能するもう1つのトップオンラインコードエディタです。 JavaScriptコーダー向けに特別に設計されたJSFiddleは、必ずしもプロジェクト全体で作業するためのものではありませんが、エディター自体の上部にある情報バーにあるように、「ドキュメントのデモ、Githubの問題のバグ報告、コードの回答の提示」に最適です。スタックオーバーフロー、ライブコードコラボレーション、コードスニペットホスティング」、またはコードをいじくり回すためのサンドボックスになります。

詳しくは

3. CodePen

CodePenは、オンラインコードエディターのオンラインコードエディターであると考えられています。 コラボレーション、実験、共有のためのツールを提供するだけでなく、ライブ結果を取得し、他の作成者が作成したスニペットのデータベースとリポジトリを検索して、実験して自分の作業から学ぶこともできます。 。 また、新しい楽しい方法でコードを使って何をしているのかを見るのも楽しい場所です。 さらに、CodePenスニペットはGoogleによってインデックスに登録されます。多くの場合、Stack Overflowに進む前にソリューションを探しているときに、ここにたどり着きます。それは、人々がリアルタイムのソリューションを作成して共有することが多いためです。

詳しくは

4. StackBlitz

StackBlitzは良いものです。 このアプリが開発者に提供するものには非常に感銘を受けています。実行中の開始でプロジェクトを開始するためのツールが満載されているからです。 シングルクリックで。 上の画像を見ると、ファイルと依存関係、さらには共有可能なURLもすべて、1つの[新しいワークスペースの開始– React（JavaScript） ]ボタンで生成されています。 StackBlitzは、GitHubアカウントを保存、共有、さらには接続する機能を備えているため、一見の価値があります。 StackBlitzは、スニペット共有サービスやコーディングサンドボックスではなく、オンラインコードエディターを好む人のための堅実なIDEです。

さらに、言うまでもなく、これはVSCodeに基づいています。 つまり、基本的に最も人気のあるIDEとコードエディターをブラウザーで実行しており、各プロジェクトは独自のサーバースペースを取得します。 必要に応じてアップグレードできますが、無料バージョンでも問題なく動作します（ロード時に少し遅くなりますが、無料プランからは予想されます）。 それを読んでください、そして私たちはあなたがこれがすべてのオンラインコードエディタの中で、長く、一生懸命に見る価値があることに同意するだろうと思います。

詳しくは

5. AWS Cloud9

それはc9.io上のオープンソースプロジェクトだったときCloud9年前の早期導入として、我々は非常にこの製品をお勧めします。 実際、上記のStackBlitzと非常によく似たエクスペリエンスを提供します。 AmazonがC9を買収したとき、AWSスイートのサービスの一部としてC9をクラウドに接続しました。 AWS Cloud9は間違いなく堅実でフル機能のオンラインIDEであり、彼らのWebサイトの情報の宣伝文句は、一見の価値がある理由を正確に分析するのに最適です。

AWS Cloud9は、ブラウザだけでコードを記述、実行、デバッグできるクラウドベースの統合開発環境（IDE）です。 これには、コードエディター、デバッガー、およびターミナルが含まれます。 Cloud9には、JavaScript、Python、PHPなどの一般的なプログラミング言語に不可欠なツールがあらかじめパッケージ化されているため、新しいプロジェクトを開始するためにファイルをインストールしたり、開発マシンを構成したりする必要はありません。 Cloud9 IDEはクラウドベースであるため、インターネットに接続されたマシンを使用して、オフィス、自宅、またはどこからでもプロジェクトに取り組むことができます。 Cloud9は、サーバーレスアプリケーションを開発するためのシームレスなエクスペリエンスも提供します。これにより、リソースの定義、デバッグ、サーバーレスアプリケーションのローカル実行とリモート実行の切り替えを簡単に行うことができます。 Cloud9を使用すると、開発環境をチームとすばやく共有できるため、プログラムをペアリングして、互いの入力をリアルタイムで追跡できます。

詳しくは

6. JSBin

PasteBinを見たり使用したことがあるなら、JSBinはおなじみでしょう。 構造、スタイル、ユーティリティが似ており、JSBinは主にコードを共有するサイトです。 ログインしたままにするには、ここでアカウントを登録するのが間違いなく最善だと思います。その理由は、JSBinは、作業中のコードの進行状況を自動的に保存するためです。 スニペットが何をするかを単に実験しているだけでも、作業を失うことはありません。 JSBinは、シンプルで実用的なエディターです。 そしてそれがあなたが必要とするものであるならば、あなたは本当にこれ以上良くなることはできません。

詳しくは

7.WordPressテーマエディター

WordPressは、オンラインコードエディタに関して最初に考えることではないかもしれません。 しかし、それは間違いなく考慮すべきことです。 WordPress 4.9では、WPCoreが更新されてCodeMirrorが含まれるようになりました。 コード領域内で行われた変更に対する構文の強調表示とエラー警告は、WordPressのベースラインになりました。 この主な場所は、[外観]-[テーマエディター]領域内ですが、ウィジェット化された領域（カスタムHTMLウィジェットなど）または[カスタムCSS ]タブのテーマカスタマイザー内にも表示されます。 これは完全なIDEではありませんが、FTPやさまざまなファイル管理システムを使用せずに、エラーをチェックしてコードのスニペットを更新する方法として、WPCodeMirrorエディターを絶対にお勧めします。

詳しくは

オンラインコードエディタでまとめる

ほとんどのオンラインコードエディタは、ローカルの開発環境に取って代わることはありません。 それは彼らの仕事ではありません。 多くの場合。 ただし、彼らができることは、コードを編集し、スニペットを共有し、バックアップを作成し、安全で安全な場所でリアルタイムで新機能を試すための確実で簡単な方法を提供することです。 StackBlitzのような完全なIDE、JSBinのようなスニペット共有サービス、そしてWordPress CodeMirror統合のような生活の質の高いオンラインコードエディターの間でさえ、オンライン編集を試したことがないのであれば、始めるのにこれ以上の時間はありません。

お気に入りのオンラインコードエディタは何ですか？

Fernandodiass /shutterstock.comによる記事特集画像