オンラインエディタ3選、ブログでコード紹介

JS Bin on jsbin.com
ブログでコード紹介する時にjsbin使ってけどpro accountじゃないと表示出来ないって表示出るようになってたので無料でブログにコード貼れるやつ調べました。

codepenかjsfiddleなら無料会員登録でコード貼り付けて、ブログ上からオンラインエディタも動かせるのでそちらを利用する事にしました。

以下エディターの使い方メモ

jsbin

JS Bin
Sample of the bin:

jsbinは無料登録でもコード見せれるようにならない。昔から使っているのでオンラインエディターとしては使いやすいのでこれからも使うけど。

使い方サイト
https://wpken.net/tool/online-editor-jsbin

JSFiddle

Create a new fiddle - JSFiddle
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

jsFIddleは無料会員登録でコード載せられる

使い方
https://laboradian.com/embed-html-using-jsfiddle/
https://haniwaman.com/js-fiddle/

 JSFiddle オンラインエディター

codepen

Attention Required! | Cloudflare

ツイッター連携から無料会員登録できるので楽です。他人が作った作品も見られて面白いです。

codepen オンラインディター

See the Pen eYYeXJJ by サイト制作する像@相互フォロー (@majime9n) on CodePen.

まとめ

JSFiddleとCodepenは無料会員登録でブログにデモコードを乗せる事ができました。使ってみてcodepenの方が使い方見ずに操作できて分かりやすかったです。

JSFiddleはブログで表示する画面もresultとコードの分割表示やタブの初めはjavascriptからだったりします。

Codepenは、分割表示やデモだけ表示してタブでコード表示できるので機能的にもCodepenの方が気に入りました。

コメント

タイトルとURLをコピーしました