【javascript】jsdo.itで簡単にjavascriptを実行!&ブログに貼り付け!

こんにちは!
本日はjavascriptを簡単に実行、そしてブログ埋め込みできる「jsdo.it」のご紹介をしたいと思います。

実際の貼付けた感じ

百聞は一見に如かずということで、貼り付けるとこんな形でJSを実行できます。

登録からしてみよう

登録は簡単です。
Screen Shot 2014-12-02 at 17.16.02
jsdo.it

トップページ中央のStart Codingから、
Screen Shot 2014-12-02 at 17.16.32

お好きなアカウントを使ってログインできます。

あとは名前を決めて早速コードを書いてみましょう。

コードを書くのも簡単。Emmetも装備!

Emmetが導入されていて簡単に展開されます。
Screen Shot 2014-12-02 at 17.22.53

CSSは、Sass/CompassのコンパイルもOKです。
Screen Shot 2014-12-02 at 17.23.04

では本命のJavascriptもこんなかんじで書いて・・・

Screen Shot 2014-12-02 at 18.04.22

jqueryを使うときはライブラリからAddしよう

なお、色々なライブラリがこのように容易されているので、読み込みはこちらからしましょう。
Screen Shot 2014-12-02 at 17.23.20

そして、

Screen Shot 2014-12-02 at 18.06.18

ブログに埋め込むを選択すると、冒頭のように簡単に埋め込みできます。

<script type="text/javascript" src="http://jsdo.it/blogparts/8g9P/js?width=465&height=496&view=play"></script>

こんな感じの埋め込みコードがだされます。

まとめ

以前も「ブログでjs,cssのサンプルをお見せする方法」について掲載したのですが、それよりももっと簡単で疎結合になっており、今後はこっちでいきたいと思います!みなさんも是非ご活用ください。

フォローして続編をチェック

@universionsをフォロー