エディタ

埋め込みコードも作成可能なWEBエディタ「JSFiddle」

「JSFiddle」の機能や使い勝手は「codepen」と非常によく似ていますね

アカウント登録なくでも利用できますが、メールアドレスだけで各機能を使える様になるみたいです

JSFiddleの編集画面の基本メニューはこちら


Run：スクリプト実行
Update：保存
Fork：共有（自身のコードだと複製に近い）
Tidy：コード整形
Collaborate:コラボ（同時に複数の人と編集できる）
Embed：埋め込みコード出力

Tidyによるコード整形は僕の様な汚い書き方しか出来ない人間にはお手軽に整形できて地味に嬉しい機能ですね


「codepen」の埋め込みコードと比較してみます

codepen

See the Pen ゲームのプレイ時間を表示する by yochans (@yochans) on CodePen.

JSFiddle



どうやらcodepenの様にソースコードタブとビュータブを同時に表示は出来ないのかも知れません
それでも、読み込み速度はJSFiddleの方が早そうですしソースコードは見やすいですね
行数によって高さが可変してくれるのも魅力的です

これまでの記事は殆どcodepenを利用していますが、ちょっとcodepenの埋め込みコードの表示が重いかな、と思ってたとこなので他のエディタも見ながら考えてみたいところですね