Webプログラマー向けのクラウドIDE

親愛なる同僚や友人こんにちは！ 私の名前はEugeneです。この記事の冒頭で、Web開発者向けの4つのクラウドIDEについて説明します。次に、最も強力なIDE（webstormなど）の機能、シンプルなSublime Textデザイン、新しいソリューションを組み合わせる新しいオンライン開発環境について説明します。

パート1.オンラインIDEの世界

クラウドベースの開発環境の分野では、すでに多くのプレーヤーが存在し、それらのほとんどはすでに廃業しているか、オフラインIDEと比較して機能が制限されすぎています。 このような状況にもかかわらず、 優れた機能を持つ 4つの製品があります 。

• コーディング
• クラウド9
• Shiftift
• どこでもコード

コーディング

Kodingの第一印象は楽しいものです。 美しいインターフェイス、柔らかい色。 sshターミナルを使用して構成できる、php、ruby、python、node.js、perlをサポートする仮想マシンをデプロイする機能。



しばらくして、私は問題に遭遇しました。 最初は、画面の床を占めていたパネルを非表示にできませんでした。その後、ターミナルを取り外しました。 FTPサーバーを追加することはできませんでした。そのような機能がないため、非常に驚​​くべきことです。



ソースエディタ自体は、Ace-editorに基づいています。 スムーズに動作しますが、オフラインIDEにあるすべての機能を備えていません（たとえば、スマートオートコンプリート）。



Kodingには多くのソーシャル機能があります。 コミュニティに参加して、共通のフィードでメッセージを共有したり、ペアプログラミングに参加したりできます。 現時点では、製品はまだオープンベータ版です。



Kodingはシェアウェアであり、次の料金が含まれます。







結論：独自のftpを追加する可能性のない、ソーシャル機能を備えた興味深い美しいIDE、仮想サーバーを展開するメカニズム、プロジェクトを管理する便利な方法、あまり明確ではないインターフェイス、およびあまり機能しないソースコードエディター リンク

クラウド9

最初の起動時に、Cloud9はプロジェクトの選択または追加を提案します。 仮想サーバー、ftpまたはsshに基づいて作成できます。







その後、ようこそウィンドウが開き、インターフェイス表示の種類（フルide、最小限のエディター、崇高なテキスト）、色のテーマ、その他の設定が決定されます。 左側には、ドラッグ＆ドロッブをサポートする便利なファイルマネージャーがあります。 インターフェースのデザインは標準に見えますが、見た目は美しいです。



ワークスペースはいくつかの部分に分割できます。 ソースコードには、Ace-editorが使用されます。 Cloud9チームによって開発されました。 IDEの「Ace-editor」のバグは、パブリックドメインのバグよりも少ないことに注意してください。



Cloud9には、ファイル検索、Go to Symbol /コマンド/ライン、画像エディター、ファイル変更履歴などの便利な機能があります。 また、そのソースコードはパブリックドメインにあり、商用目的で使用したくない場合は、サーバー上で実行できることを考慮する価値があります（ リンク ）。



このIDEでサイトを開発する場合、その結果は別のインターフェイスブロックで表示できます。 この「プレビュー」には珍しい機能が1つあります。これは、サイトをさまざまなブラウザーとさまざまなデバイスで仮想的にチェックできることです 。 この技術は、ソース研究所によって提供されています。







Cloud9には、キーボードショートカットの変更、エディターの色付けのテーマの選択、タブのサイズの選択などができる設定ウィンドウがあります。 最近、フラットスタイルの明るいインターフェイステーマが登場しました。



作業中に、インターフェイスのブレーキングやシステムのフリーズ、さらには開発環境へのアクセス不能の問題に遭遇することが多く、サイトの作成速度に悪影響を及ぼすことがありました。



Cloud9はシェアウェアであり、以下のレートがあります。







結論： Cloud9には、多数の機能セット、不安定性とフリーズ、プロジェクトの管理、仮想サーバーの作成、ftpアクセスの追加、さまざまなブラウザーでのサイトのテスト、さまざまなデバイス、画像ビューアー、機能の小さなセットを持つ美しいエディターがあります。 リンク

Shiftift

ShiftEditを初めて知ったとき、Windows XP時代の時代遅れのインターフェイスデザインがすぐに目を引きます。 この開発環境は、ftp、sftp、googleドライブ、dropbox、webdev、ssh、amazon s3をサポートしています。 ファイルマネージャには標準機能だけでなく、drad＆dropメカニズムもあります。



ソースコードエディターは、オフラインIDEに比べて固有のバグと貧弱な機能を備えた「Ace-editor」の無料版を使用します。 ShiftEditにはコードナビゲーションパネルとライブモードがありますが、残念ながら、1年前または現在は正常に起動できませんでした。



この開発環境には、画像を開くときのアクション、コードエディターのタブとフォントのサイズ、セキュリティなど、さまざまな設定があります。 画像を表示するには、Pixirを使用しました。



ShiftEditはシェアウェアであり、以下のレートがあります。







結論：この開発環境はシンプルで、重くて遅いインターフェース、ftp、sftp、googleドライブ、dropbox、webdev、ssh、amazon s3のサポート、わかりにくいライブモード、優れたファイルマネージャー、そしてオンラインIDEの標準で優れたものを使用しています、Ace-editorのエディター。 リンク

どこでもコード

Codeanywhereは、AndroidおよびiOS用のアプリケーションを持っているという点で競合他社と異なります。 残念ながら、Webバージョンと同様に、モバイルプラットフォームにはあまり適していません。



IDEはシェアウェアであり、5つの関税があります。







それはすべてが適切に配置されている、標準的でスタイリッシュなインターフェースを備えています。 その中で、html5、node.js、php、ruby、c ++、pythonの開発ボックスをデプロイできます。 sftp、ftp、ssh、drobbox、およびgoogleドライブをサポートし、そのソースコードエディターは「CodeMirror」で実行されます。 ほとんどのWebエディターと同様、スマートオートコンプリート、リファクタリング機能、その他の重要で便利なオフラインオフライン機能はありません。



システムでは、エンコード、さまざまなエディターオプションの選択、特定のファイル形式を表示するプログラミング言語の決定、3つのオプションからのカラーテーマの指定、インターフェイスを介した独自の作成、キーの組み合わせの変更などを行うことができます。



結論：この製品は、競合製品とは異なり、ソースコードエディターにCodeMirrorを使用し、仮想サーバー展開機能を備え、sftp、ftp、ssh、drobbox、およびgoogleドライブをサポートし、ドラッグアンドドロップファイルマネージャーと美的インターフェイスを備えています。 リンク



第1部の結論：オンラインIDE市場はゆっくりと発展しており、その製品はオフラインよりもオンラインの利点をますます活用しようとしていますが、スマートオートコンプリートやコードリファクタリングなど、デスクトップIDEの重要な機能を忘れています。 4つの製品のうち3つは暗いデザインであるため、これはオンラインIDEのデザインのトレンドであると想定できます。 検討されている開発環境のほとんどは、仮想サーバーの作成、ファイルマネージャーのドラッグアンドドロップ、シェアウェアビジネスモデル、およびAceエディターの使用をサポートしています。 ほとんどすべてのオンラインIDEはモバイルプラットフォームに適合していませんが、これは利点の1つであるはずです。 既存のプレーヤーの中で、Cloud9は優れたコードエディターと任意のデバイスでサイトをテストする機能を備えており、最も際立っています。



次の記事では、特定のメトリックと基準のWebテクノロジーに基づいたクラウドベースの開発環境とデスクトップIDEを検討する予定です。

パート2.別のオンラインIDE。

私の名前はEugeneです。私はWebプログラマー（5歳）およびインターフェースデザイナー（7歳）です。 15歳で、彼女は開発環境、プログラミング言語、および翻訳方法のトピックに興味を持つようになりました。 17歳で、彼はObject Pascal言語のインタープリターを備えた本格的なIDEを作成し、後にコンパイラ、プログラミング言語、Javaバイトコードを使用して多くの実験を行いました。



すべては作業のプロセスをスピードアップしたいという願いから始まりました 。そこで2年間、新しいテクノロジーを研究し、コーディングを簡素化する方法を考え出し、インターフェイスを実験してから、ソースコードをオンラインIDEで書き始めました。







ブラウザで開発環境を作成する決定は、次の5つの理由で行われました。

1. Webテクノロジーに関する十分な知識。
2. 珍しいインターフェイスの簡単な実装。
3. インストールせずに、任意のデバイスおよび任意のブラウザーでIDEを開く機能。
4. あらゆるモバイルプラットフォームでの効果的なツールの可用性（たとえば、PCだけでなくタブレットでもfirebug）。
5. サーバー間コンピューティングのメカニズム。多くの興味深いアイデアを実装できます。

毎日、暇なときにその開発に携わり、 バージョン0.2アルファに達したとき、その中にサイトを構築し始めました。 そのため、多くのバグを見つけて、実際には珍しいインターフェイスをテストすることができました。 私はいくつかのソリューションを削除し、いくつかを追加しましたが、プロジェクトが「ただの楽しみ」の範囲を超え始めたことが明らかになり、プログラマーがそれについて質問し始め、ITコミュニティに質問することにしました。私のニーズだけでなく、他のウェブ開発者も満足させ始めました。



それらを設定する前に、その目的とその開発の現在の結果についてお話したいと思います。



目的：最も強力なIDE（たとえば、webstorm）の機能、Sublime Textのシンプルなデザイン、新しいソリューション（「革新」という言葉はすでに迷惑です）の機能を組み合わせて、作業を簡素化および高速化するクラウドベースのIDEを作成します。



計画されている機能：

• スマートなオートコンプリート。
• リファクタリング関数
• ライブモード（PHPファイルでも）。
• モバイルデバイスを含む任意のブラウザーで使用できるコンソールを備えたDOMインスペクター。
• ファイルバージョン管理。
• sftp、dropbox、github、およびgoogleドライブのサポート。
• 高度なファイルマネージャー。
• ローカルファイルを操作する機能。
• モバイルデバイス用の特別なインターフェイス。
• プラグインを開発するためのAPI。
• マルチファイルスニペットのサポート（たとえば、サイトのメインページにスライダーを挿入することにした場合、マルチファイルスニペットを使用すると、スタブコードを追加できるだけでなく、自動モードでサイトにスライダーファイルをアップロードし、適切な場所にリンクを挿入できます）ソースコード）。
• プラグインとスニペットのリポジトリ。
• 単純化されたプログラミングの最新テクノロジー（エメット、イージーモーションなど）。
• 便利なプロジェクト管理。
• psdファイルを操作します。
• ペアプログラミング。
• サーバーをデプロイしてコードをテストします。
• 一般的なプログラミング言語とWebテクノロジーのサポート。
• コード生成関数。
• 作業を簡素化するシンプルでスタイリッシュで珍しいインターフェイス。
• グループ化などの便利なソーシャル機能。
• シンプルな画像エディターと画像ビューアー。
• クロスサーバーコンピューティングに基づく興味深い技術の実装（例：実行中のソースコード分析）。

アーキテクチャ、ftpおよびソースコードを操作する基本機能、およびシンプルで便利なプロジェクト管理メカニズムの準備が整いました。 システムは、作業を少し簡素化する多くの珍しいインターフェイスソリューションを実装しています。 プロジェクトは、開いているファイル、ライブモードのリンク、開いているftpサーバー、およびそれらで開かれているすべてのフォルダーを記憶しています。 エースエディターは、ソースコードエディターの基礎として採用されています。現時点では、スマートオートコンプリートの機能を実現するために、それを完成させています。 Mr. Gefestにはライブモードの初期バージョンがあります。







開発環境と通常とは異なるインターフェイスソリューションについては、次の記事で詳しく説明します。現時点では、サイト開発者として必要な最小限の機能を決定して、効果的に使用できるようにする必要があるためです。



1.0アルファ版では、インターフェイスを完成させ、次の機能を実装する予定です。

• js、html、css、phpのスマートなオートコンプリート。
• バージョン管理とsftp、githubのサポートを備えた標準的で便利なファイルマネージャー。
• ソースコードの主要な要素（タグ、関数、クラス、変数など、Subime Textなど）のクイックジャンプ関数。
• ライブモードの完全サポート。
• 高度な2列のファイルマネージャー（トータルコマンダーのスタイル）。

したがって、 あなたにとって重要なオンラインIDE 機能のリストを書い てください 。 最初に、最も重要な。 例：

1. js、html、css、phpのスマートなオートコンプリート。
2. バージョン管理とsftp、githubのサポートを備えた標準的で便利なファイルマネージャー。
3. など

あなたの答えが私とこのプロジェクトのさらなる発展にとって重要であるため、この問題を真剣に受け止めてください。



PS：オンラインIDEの開発または設計を支援したい人は、私に個人的なメッセージを書いてください。あなたが見つけられることを望みます。

PS 2：最初にクローズド1.0アルファ版のonline-IDEを使用したい場合は、コメントまたは個人メッセージの形式でメールを書いてください。

PS 3：私は、スタートアップの関税で無料の企業ブログを提供してくれたHabrHabrに感謝したいと思います。

PS 4：その日の記事30-31「Happy New Year」を読んだ人、および> = 1月1日-「Happy New Year 2015」の人！