ブログでjsとか書く時に便利なツール

今までブログでjQueryのことを書いたりしていたのですが、実行結果を貼り付けるだけでは分かりにくいので 実行結果などを試せてブログに埋め込める「jsdo.it」を使ってみました。

まず始めに以下サイトでユーザー登録をします。

jsdo.it

「Start coding」でコードを書いていきます。

HTML CSS JavaScript を記述していきます。 右側に実行結果が表示されます。 以前このブログで書いたfadeのコードをそのまま記載したのですが、動かない、、

どうやらjqueryを使う時にはライブラリからAddする必要があるみたいです。 ＋ボタンを押します

そしてライブラリを追加します。

これで動くようになったので続いてブログに乗っけていきます まずは「Finish Editing」で完了保存をします。

ブログ埋め込むというボタンがあるので押します

埋め込みコードが出てくるのでそれをブログにコピペします。

コードを以下にコピペしました

これでブログへの埋め込みが完了になります。 今後も使っていきたいと思います。