【JavaScript】ChromeExtension「ScratchJS」の使い方
最新のChromeやJSBinなどでは簡単にECMAScript2015を使えるのですが、その場でさっと確認したい場合などに使える。また多くのライブラリを追加して試せる。
ScratchJS
目次
・ScratchJSの拡張追加の方法
・他ライブラリを取り込んでの試し方
ScratchJS を拡張追加
![【JavaScript】ECMAScript2015のChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/a871981e0d6034b196c95e51e2ed0e04-1024x670.png)
ChromeにScratchJSを拡張
![【JavaScript】ECMAScript2015のChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/14-1024x593.png)
![【JavaScript】ECMAScript2015のChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/23.png)
開発ツールを開くと追加されていることを確認
![【JavaScript】ECMAScript2015のChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/32-1024x551.png)
ScratchJSの中でCDNを利用。試せるようにする
https://cdnjs.com/libraries/から使いたいやつ選ぶ。
今回はrx
![【JavaScript】ChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/42-1024x496.png)
ここに入力。
![【JavaScript】ChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/51-1024x656.png)
試す
![【JavaScript】ChromeExtension「ScratchJS」の使い方](https://kenjimorita.jp/wp-content/uploads/2017/01/61-1024x849.png)
おーーーー。
つまり多くのライブラリが開発ツールからコードをサクッと試せる!
便利〜。。
でわみなさん、良い拡張的な土曜日を〜〜