CodePen
CodePenは、ウェブ開発者がJavaScriptやHTML5やCSSのコードスニペットを微調整することを可能にするクラウドベースのコードの遊び場です。これは、シームレスにJavaScriptのプリプロセッサ、ライブラリやフレームワークの多くで動作し、それが共有スニペットのための多くのオプションを持っていました。これは、1つのプロジェクトに開発者を制限し、広告サポート無料版を提供しています、そしてそれはまた、月額$ 8から始まるプロバージョンの数を提供しています。これらのバージョンは、広告を削除し、（民間のものを含む）複数のプロジェクトを可能にし、彼らはまた、資産ホスティング、ライブビューや組み込みテーマを提供します。コラボレーションと教育のための更なる特別なモードがあります。
- 本格的なクラウドベースのIDEには、複数のプロジェクトを作成できます
- 民間プロジェクトを作成することができます
- ライブビューをサポート
- sssetホスティングを可能にします
- カスタマイズされたテーマを組み込みことができます
- コラボレーションモードを持っています
- ティーチングモードを持っています
- 信じられないほどのリアルタイム微調整ツールを持っています
- JavaScriptのプリプロセッサ、ライブラリやフレームワークのサポートの多くが付属しています
- 偉大なコラボレーションツールを持っています
- その最高のツールはいずれも、無料版では利用できません
- 無料版は広告があり、登録が必要です
一見、CodePenはちょうど別のコード遊び場のように見えます。その広告サポート無料版はかなりjsFiddleようなもので、おそらくそれはさらに制限されます。しかし、それは本当に輝きにCodePenを許可するプロバージョンです。まず、あなたが本格的なIDEで複数のプロジェクトを取得し、これらのプロジェクトは、民間することができます。また、あなたが本当に生産のWebサーバーをシミュレートすることができますのでことを、あなたは画像やその他のファイルをアップロードすることができますホスティング資産を取得します。また、あなたがカスタマイズしたテーマを埋め込むことができます。 しかし、何がCodePenは本当に素晴らしいそのリアルタイムツールですなります。あなたがコードを書くように、そのライブビューには、アプリケーションを更新し、コラボレーションモードでは、複数の人が同時に同じコードを微調整することができます。教師と生徒を問わず - - 一度にすべてをやり取りするためにそれはまた、誰もができるように、ティーチングモードがあります。 CodePenの唯一の真の負の側面は、あなたがそのすべての良い機能のために支払わなければならないということです。自由な計画が限定されているだけではなく、広告を持っている、と - jsFiddleと違って - あなたはそれにサインアップする必要があります。
代替へ CodePen
Codiad
JsFiddle
SourceLair
JSitor
Plunker
