CodePenだけ使うのはもったいない！おすすめの”プレイグラウンド”ベスト3！

来年は面白いことをしたい（毎年言ってる）四条せつなです。

Webサイトをコーディングしたいときに役立つのが、CodePenのような「プレイグラウンド」です。コードを公開したり、共有したりと大活躍していると思います。だけど、実はこのようなサービスはまだまだあるのに、何故か「CodePen」ばかり使ってませんか？

ブロガーさんも「CodePen」使っている人多いし、UIが綺麗だからこればっか使っちゃってるかも…。他にも良いサービスあると思うけど、探し方が分からないもん！

そんな声があるかは分からない（笑）けど、「CodePen」以外で使えそうな「プレイグラウンド」を3つ紹介します！

1.「JSFiddle」
2.「CSS Deck」
3.「JS Bin」
せつなのまとめ

1.「JSFiddle」

「JSFiddle」は、プレイグラウンドサービスとしては、かなり黎明期から存在するサービスです。名前にJSと入っているけども、“HTML”や”CSS”、”JavaScript”をしっかり対応しています。なので、黎明期から存在するレガシーなサービスだからと言って、特に不自由なく利用することが可能ですよ。

せつな的ここがおすすめ！

シンプルで分かりやすい。
入力補助もちゃんとある。

とにかく、分かりやすいところがいいかなー？って思います！

JSFiddle

2.「CSS Deck」

お次は「CSS Deck」です！当たり前ですが、”HTML”や”CSS”、”JavaScript”はしっかり対応。サービスの内容からもCodePenライクな感じがします。ちょっと広告が入ってしまう操作画面がイマイチな気もしますが、それ以外は概ね良いプレイグラウンドだと思います。

せつな的ここがおすすめ！

CodePenユーザーでもとっつきやすい（ハズ）
面白いコーディングを探しやすい。

CodePenをメインに、CSS Deckをサブにしても良いかもですね！

CSS Deck

3.「JS Bin」

最後は「JS Bin」です！個人的にはこれがお気に入りだったりします。”HTML”や”CSS”、”JavaScript”はもちろん対応。この手のプレイグラウンドの中では、プレビューへの反映が速いのがGOODポイントです。さらに、基本的なHTMLが最初から書かれているのも、初心者フレンドリーですね。

せつな的ここがおすすめ！