ちょっとJavaScriptやCSSを動かしたい時はjsfiddleを使おう

Author:
jsfiddle

ちょっとJavaScriptを動かしたいんだけど今の環境上では使いたくないし、新しくページを作るのも億劫。そんな時はjsfiddleを使ってみましょう。

画面を見ての通り、4つのフレームがあってHTMLを書く場所、CSSを書く場所、JSを書く場所、結果が出る場所に分かれています。
左上からjQueryとかBootStrapとか読み込みたいライブラリを選ぶこともできます。

jQueryのバージョンも指定できるからこのバージョンで動くかとかの確認も可能。

作ったソースはブログへiframe形式で埋め込むこともできます。
こんな感じに。

ここまでユーザー登録しなくてもいけるのが便利。
プログラマ向けの記事とか書く人にはいいかもしれませんね。

もちろんJSを使わずにCSSだけ使うこともできるので、ちょっとしたデザインの確認とかにもいいかも。
もしくは動かない時にこのURLを貼り付けて他人へ渡すってのもいいかも。
実際Stack Overflowとかのサイトではそうしている人多いみたいです。

他人が書いたコードをforkとかできるので、間違っていたら直すとかオンラインレビューも可能。
肝心なことに他人のソースの一覧とかが見れないのですけど。

ってことで興味ある人は使ってみるといいかもしれませんよ。

jsfiddle

Share on Facebook
Pocket