2020年のベストクラウドIDEは何ですか?ここに8つのトップオプションがあります

従来、開発者が日常のテキストエディターを使用してコードを作成することは一般的でした。ローカルマシンからサーバーに至るまで、VIMやEmacsなどのターミナルベースのテキストエディター(およびSublimeTextなどのGUIベースのテキストエディター)は、依然として多くの開発者にとって重要なオプションです。ただし、クラウドサービスの人気の高まりは、 クラウドIDEの台頭. この投稿では、今日の最も人気があり機能的なオプションについて説明し、 2020年に最高のクラウドIDEを見つける.


しかし、最初に、IDEはテキストエディタとどう違うのですか?構文の強調表示などの高度なテキストエディター機能に加えて、最も重要な違いは、IDEで作成中のコードをコンパイルして実行できることです。さらに、一部のIDEにはデバッグなどの高度な機能があります。最高のIDEは、すべての開発ニーズにワンストップソリューションを提供し、バージョン管理や継続的な統合などの特典を追加します.

最高のクラウドIDE

完全なラインナップは次のとおりです。

  1. CodePen#
  2. JSFiddle#
  3. Microsoft Azureノートブック#
  4. 観察可能な#
  5. Repl.it#
  6. Codenvy#
  7. Google Cloud Shell#
  8. Codeanywhere#

1. CodePen

codepenクラウドIDE

CodePenは、スニペットをリアルタイムでレンダリングして他のユーザーと共有できるようにする、HTML、CSS、JavaScript用のクラウドベースのエディターです。 CodePenの主な目的は、開発者がフロントエンド作業のデモを作成できるようにすることです.

CodePenデモCodePenデモ

CodePenデモで外部的にホストされているスタイルシートとスクリプトを使用できます。さらに、CodePenを使用すると、プラットフォーム内に要素を作成している場合、JavaScriptコンソールにアクセスしてコードをデバッグできます。.

CodePenのデモをWebサイトに埋め込むこともできます。埋め込みペンにはコードのプレビューがあり、フロントエンドテクノロジのチュートリアルを作成しながらテクニカルライターに最適です。.

CodePenを使用すると、他の開発者の作業を分岐して、その上に構築できます。コードのさまざまなビューが提供されていますが、一部のビューは プロバージョン, 毎年請求される月額$ 8から.

CodePenの強みはペンの作成と共有ですが、 プロジェクト 2017年には、サイト上でフロントエンドプロジェクト全体を作成して、完全なIDEにすることができます.

2. JSFiddle

jsfiddle-JSのクラウドIDE

JSFiddleは、コードの遊び場として生まれた初期のIDEであり、今日他の多くの競合他社に影響を与えています。フロントエンド要素を作成し、ブラウザでライブにレンダリングできます.

JSFiddleデモJSFiddleデモ

外部サイトに自分の作業を埋め込むことに加えて、他の人の作業を分岐して構築することができます。 JSFiddleは、より単純なコードエディターで作業したいがコンパイル機能はまだ持っている人のためのCodePenの簡易バージョンです。.

3. Microsoft Azureノートブック

azure-Microsoftによる最高のクラウドIDE

Microsoft Azure Notebooksは、マイクロソフトが提供する完全なエンドツーエンドのソリューションであり、 Jupyterノートブック. まず、Microsoftアカウントにログインしてプランを選択する必要があります。無料の階層プランが利用可能です。あなたのプロジェクトはPython 2、Python 3、RまたはF#で構築されているかもしれません.

次に、READMEマークダウンファイルを使用して空のプロジェクトリポジトリを初期化できます。.

Azureでプロジェクトを作成するAzureでプロジェクトを作成する

リポジトリが作成されたら、ノートブックの作成と作業に進むことができます.

Azure上のJupyter NotebookAzureのJupyter Notebook

Azureでは、プロジェクトの場所でターミナルを起動することもできます。端末上でUnixコマンドを実行したり、端末を介してPythonコードをデバッグするオプションを提供したりできます.

AzureターミナルAzureターミナル

Azureでは、プロジェクトを共同編集者と共有することもできます。 MicrosoftがAzure Notebooks用に作成したチュートリアルも、プラットフォーム上のプロジェクトの形式になっています。たとえば、ここにプロジェクトがあります これらのノートブックからのデータへのアクセス.

4. 観察可能

観察可能な

JupyterはクラウドでのPythonの人気を高める責任がありますが、Observableの作成者にJavaScript向けの同様のソリューションを構築するよう促しました.

監視可能なノートブックは、スクリプトとMarkdownを混在させることができるJavaScriptクラウドノートブックです。 Observableの主な目的は、JavaScriptベースのグラフをクラウドで共有することです.

アカウントを作成しなくても、Observableの機能を確認できます。 デモノート.

観察可能なデモ観察可能なデモ

アカウントを作成すると、ノートブックに加えた変更を保存し、結果を他のユーザーと共有できます.

次に、もう少し完全なエンドツーエンドのソリューションに移動して、他の最高のクラウドIDEプラットフォームを見つけましょう.

5. 複製

repl.it

Repl.itの背後にある考え方は、プラットフォームに環境の設定を任せることでコーディングに集中できるようにすることです.

登録が完了すると、ワンクリックで環境を作成できます。数多くの言語から選択できます。このデモでは、Pythonを先に進めましょう.

環境を選択すると、開いたウィンドウは3つの列(ファイルシステム、テキストエディター、およびターミナルのインタープリター)に分割されます。あなたが集中しているプロジェクトの部分に焦点を合わせるためにそれらのサイズを変更することができます.

Repl.it環境Repl.it環境

左側のメニューから、現在のプロジェクトで使用するパッケージを選択することもできます。 Repl.itにはマルチプレイヤーオプションもあり、コラボレーションに役立ちます。プロジェクトをアクティブ化すると、潜在的な共同作業者を含むURLを作成して、プロジェクトに貢献したり、プロジェクトのステータスをリアルタイムで表示したりできます.

Repl.itコラボレーションRepl.itコラボレーション

6. Codenvy

コーデックス

Codenvyは、開発環境を構成し、プラットフォーム内でコードを記述して実行できる、もう1つのクラウドベースのIDEです。このデモでは、PHPベースの環境を作成します.

Codenvyでは、クラウド内の開発環境はワークスペースと呼ばれます。登録後、事前に定義されたスタックでワークスペースを作成する必要があります。スタックには、PHP、Python、Go、Railsなどの一般的なプログラミング言語が含まれ、3 GBのRAMが無料枠に含まれています。最大3人の開発者がいるチームも無料プランを使用できます.

Codenvyでワークスペースを作成するCodenvyでワークスペースを作成する

ワークスペースを作成すると、機能はRepl.itと同様になります。作業領域は、ファイル管理、テキストエディタ、ターミナルに分かれています。 Repl.itとは異なり、Pythonインタープリターだけでなく、ターミナルでUnixコマンドを使用してコードをデバッグできます。.

CodenvyのサンプルPHPプロジェクトCodenvyのサンプルPHPプロジェクト

Codenvyでは、GitHubからプロジェクトをインポートしたり、リモートの場所からリポジトリを複製したりすることもできます。さらに、Codenvyでは、プロジェクトを共同編集者とリアルタイムで共有することもできます.

7. Google Cloud Shell

cloud.google

Google Cloud Shellは、ブラウザを介して実行できるクラウド内のターミナルです。 Cloud Shellには、Docker、Python、Git、VIMなどの人気のあるさまざまなライブラリとサービスがプリインストールされています。それはあなたのホームディレクトリに5GBのストレージスペースを提供します.

Google Cloud Shellは、ローカルの開発環境を持たない開発者向けの完全なソリューションです。 Chromebookを使用している場合、このオプションで開発ニーズのほとんどを処理できます.

Google Cloud ShellターミナルGoogle Cloud Shellターミナル

Google Cloud Shellは、VIMやEmacsなどのターミナルテキストエディターに慣れていない場合に、GUIベースのテキストエディターも提供します。ファイルシステムビューアでテキストエディタを起動するには、ターミナルの右上にある編集アイコンを使用します.

Google Cloud Shell GUIテキストエディタGoogle Cloud Shell GUIテキストエディタ

ターミナルでファイルを同期するためにGitを使用できますが、左側に表示されているファイルシステムを介してファイルをアップロードまたはダウンロードするオプションもあります。さらに、パブリックベータでは、Dockerイメージからシェルを作成できます.

全体として、Google Cloud Shellは主要な開発環境として使用するための実行可能なオプションのようです。製品を頻繁に変更する場合は、ぜひお試しください.

8. Codeanywhere

codeanywhere-おそらく最高のクラウドIDE全体

Codeanywhereは、最高のクラウドIDEを見つけるための探求の最後のオプションです。これは、環境を作成し、プロジェクトをインポートまたは作成して、同じ環境で実行できるクロスプラットフォームクラウドIDEです。.

Codeanywhereには無料枠はありませんが、7日間の試用が可能です。最も安いプランは1か月あたり$ 2.5で、毎年請求されます.

Codeanywhereで環境をセットアップするCodeanywhereで環境をセットアップする

ログインしたら、開発環境を作成する必要があります。オプションのリストから既存のスタックの1つを使用できます。 Python開発を中心としたスタックを使用してみましょう。

CodeanywhereのテキストエディターCodeanywhereのテキストエディター

ビルドが正常に読み込まれたら、Gitプロジェクトをインポートするか、独自の空のリポジトリを作成できます.

CodeanywhereのターミナルCodeanywhereのターミナル

リッチテキストエディターを使用すると、ファイルを作成、編集、保存できます。次に、適切なコマンドを実行して、ターミナルで作成または保存したコードを実行できます.

Codeanywhereは、バージョン管理によるGitHubとBitBucketに加えて、Dropbox、OneDrive、Google Driveとの同期をサポートしています。さらに、FTPクライアントを介して環境に接続し、他の場所との間でファイルを転送することもできます。 Codeanywhereは、DigitalOceanともパートナーシップを持ち、DO液滴と統合しています.

最高のクラウドIDEに関する最終的な考え

2020年の最高のクラウドIDEに対する答えは1つではないかもしれませんが、要件に応じて選択できる多くのオプションがあります。

コードのスニペットを実行して共有するだけの場合は、 JSFiddle または CodePen.

Markdownとコード出力の組み合わせでノートブックを作成したい場合は、 Azureノートブック または 観察可能 トライ.

ローカル開発環境に代わるものが必要な場合は、試してみてください Google Cloud Shell.

完全なエンドツーエンドのソリューションが必要な場合は、 Codeanywhere, Codenvy または 複製.

どれがあなたの意見では2020年の最高のクラウドIDEですか?私たちはあなたのお気に入りを見逃しましたか?下のコメントでお知らせください.

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

Karol Kによるレイアウトとプレゼンテーション.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map