6
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

競技プログラミングサイト上のコーディングエディタの種類を調べてみた

Last updated at Posted at 2021-06-17

競技プログラミングサイト上のコーディングエディタの種類を調べてみた

競プロサイト名 エディタの種類
AtCoder CodeMirror
AOJ (Aizu Online Judge) β ace
CodeChef ace
CodeForces ace
CodinGame Monaco Editor
CSAcademy ace
GeeksForGeeks ace
GCJ (Google CodeJam) ace
HackerEarth Monaco Editor
HackerRank Monaco Editor
paiza ace
SPOJ ace
yukicoder ace
※Monaco EditorはキーボードショートカットAlt-F1を押して表示されるメッセージでMonaco Editorだろうと判定しました
エディタ リポジトリ
ace https://github.com/ajaxorg/ace
CodeMirror https://github.com/codemirror/CodeMirror
Monaco Editor https://github.com/Microsoft/monaco-editor
  • それぞれのエディタには様々な便利なキーボードショートカットが用意されているので使いこなせるといいかもしれません(例えば、行削除や行コピーや検索や置換)
  • aceのキーボードショートカットCtrl-,でエディタの振る舞いを変えられるメニューが表示されます(※GCJでは表示されませんでした)
  • 競プロで使う人もいるオンラインコンパイラでは、IDEONEはace、WandboxはCodeMirror、paiza.IOはaceでした

リンク

aceのキーボードショートカット
CodeMirrorのキーボードショートカット

余談

  • OSSリポジトリホスティングサービスのGitHubやBitbucketのブラウザ上のファイル編集はCodeMirror、GitLabはMonaco Editorのようです (GistもGitHubと同様にCodeMirror)
  • このようなウェブページに組み込めるエディタのウィジェットの一覧がWikipediaにあります https://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

aceではキーボードショートカットCtrl-,で表示されるメニューは下記のようになります
image.png

キーバインドを変更できたりします
image.png

テーマの変更もできます
image.png

(※これらはIDEONEでのキャプチャーですが他のaceを使える競プロサイトでも同様にできます)

6
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?