IsEdit

Webエディター

#URL #WebApp #Tool #Editor #Share #GUI #JavaScript #JSON

概要(利用者目線)

  • Web上で動くプログラムエディタ
  • 一部の言語であればその場で実行可能
  • 同時に複数のファイル編集可能
  • 保存・読み込み機能
  • URL共有機能
  • テーマ・言語の簡単切り替え
  • ショートカットキー( 保存や Undo、Redo )

技術(開発者目線)

  • JS-Interpreterを使うとこで、ブラウザ標準のJavascriptに干渉せずにセキュリティ面で安心
  • MySQLにてデータを保存
  • ダウンロード時は複数のファイルを圧縮(zip)してダウンロードを行う
  • Tab補完や、ソースコードに色付けを実装

Description

編集エリア

ファイルの中身を編集できます。また、ファイル名またはインフォメーションエリアをもとに、言語を特定し適切なタブ補完を行っています。

ログエリア

実行したスクリプトの実行結果が表示されます。JavaScriptの場合、log・error・info・warn・debugには背景色を適応させているのでより見やすくなっています。

ファイルエリア

編集するファイルを追加・変更・削除するエリアです。ファイルの追加・削除はもちろん、ファイル名の変更も行えます。その際に、変更後のファイル名に沿って言語も変更します。

コントロールエリア

スクリプトの実行・停止や、共有・ダウンロード、ログエリアの削除などエディタをコントロールするエリアです。

インフォメーションエリア

言語の変更、テーマを変更するエリアです。また現在の文字数や、今選択している行数、列数が表示されます。

Project Count

Count related to this project.

My GitHub

My GitHub status.