強力なコード編集 Web サイト 14 個をお勧めします。お気に入りに追加してください。

この記事では、14 の強力なコード編集 Web サイト (コードを表示できる Web サイト) を推奨します。これらはすべてオンライン プレビュー機能を備えているため、他の人がコードがどのように実行されるかを確認できます。これらは「コードスクエア」と呼ばれることもあります。

単純なコード表示機能だけでなく、コード連携や実際のプログラミングプロセスで使用される機能も多数提供しています。たとえば、ソース コードのデバッグを手伝ってくれる人が必要な場合、これらのサイトを使用して問題のあるコードを共有し、そのリンクを手伝ってくれる人と共有できます。これにより、ソース コードを参照して解決策を提供することが容易になります。

1. CodePen

Web サイト: https://codepen.io

CodePen では、ペンと呼ばれるコードをデモンストレーションできます。 PenはHTML、CSS、JSで構成されています。 Codepen には、コードを簡単に表示するための機能が多数あります。たとえば、SASS および LESS 構文をサポートし、jQuery、Angular などの一般的に使用される JS ライブラリをすぐに追加できます。こちらのサイトで人気のペンをチェックしてください。

2. Liveweave

Web サイト: https://liveweave.com/

Liveweave は、優れたオンライン ソース コード エディターです。また、Web デザイナーや開発者にとっては究極の遊び場であり、コードのテスト、練習、デモンストレーションに最適なツールです。私はこれがとても気に入っています。コードにサードパーティの依存関係を追加するのは非常に便利です。ブートストラップや jQuery などの一般的な Web 開発パッケージを、2 回クリックするだけでコードに追加できます。

3、dabblet

ウェブサイト: https://dabblet.com/

このコード表示プラットフォームは CSS に偏っていますが、 HTMLとJSの表示機能を備えています。便利な点の 1 つは、-prefix-free JS ライブラリを使用するため、CSS プロパティの接頭辞について心配する必要がないことです。

4. JS Fiddle

Web サイト: https://jsfiddle.net/

JS Fiddle には非常に強力な JavaScript コード表示機能があります。 jQuery、MooTools、React などの複数のバージョンの開発ライブラリが含まれています。コード分​​析ツール JSHint が組み込まれています。エコー API を介して AJAX リクエストをシミュレートすることもできます。

5、kodtest

Web サイト: http://kodtest.com/

このコード ハイライト Web サイトでは、プレビュー サイズを調整し、サポートを行うことができます。モバイル デバイスおよびその他の一般的に使用される画面デバイス。この機能は、リアクティブ ブレークポイントを迅速にデバッグするのに役立ちます。

6. Plunker

Web サイト: http://plnkr.co/

Plunker は、Web サイトを作成、共同作業、共有するためのプラットフォームです。開発アイデアのオンライン コミュニティ。そのコードエディタには多くの機能があります。以下は、Plunker で最も閲覧されているディスプレイのリストです。

7、CSSDeck

ウェブサイト: http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg

CSSDeck はシンプルなユーザー インターフェイスを備えています。コードを表示する簡単な方法を探している場合は、これが良い候補です。コード表示を見た人は以下にコメントすることができますが、事前にWebサイトでアカウントを登録するか、Githubアカウントでログインする必要があります。

8、code.reloado.com

Webサイト: http://code.reloado.com/#javascript,html

これは別のものですコードを表示するためのシンプルなツール。多くの js ライブラリ、jQuery、Bootstrap、Prototype、Backbone、TwitterLib、Zepto などを提供します。

9. Ideone

Web サイト: https://ideone.com/

このコード表示ツールを使用すると、サーバー側のコード言語を表示できます。 (PHP、Perl など)。 Cなどのソフトウェアプログラミング言語も扱うことができます。コードを実行すると、Ideone はユーザーとコードレビュー担当者に結果を表示します。また、検出されたコンパイル エラーの一覧も表示されます。

10. codepad

Web サイト: http://codepad.org/

codepad は、サーバー側の音声を表示するためのもう 1 つのオプションです。 PHP、Ruby、C、C、Pythonなどのプログラミング言語をサポートしています。

11. JS Bin

Web サイト: http://jsbin.com/?html、output

JS Bin は多くの関数と統合されています。コード表示プラットフォーム。コードをデバッグおよび検査できるコンソールもあります。そのコンソールは基本的に Chrome ブラウザのコンソールと同じです。 JS Bin にはコードキャスト機能があります。

12. Tinkerbin

URL: https://tinkerbin.herokuapp.com/

Tinkerbin は、必要なものすべてを提供するシンプルなものです。コードスクエア。 Tinkerbin は、JavaScript のサポートに加えて CoffeeScript もサポートし、CSS のサポートに加えて Sass/SCSS/Less もサポートし、HTML のサポートに加えて HAML もサポートします。

14. SQL Fiddle

Web サイト: http://sqlfiddle.com/

SQL Fiddle は、SQL ステートメントを表示するためのプラットフォームです。 MySQL、MS SQL、PostgreSQL、Oracle Database、SQLite などを実行できます。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！