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

ブログでプログラミングコードを表示する時にオンラインエディターのjsbin使ってたけど2019年に確認してみると「pro account」じゃないと表示出来ないって言われたので無料でブログにコード貼れるやつ調べました。

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

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

Contents

JSFiddle

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

JSFiddleちょっと使いにくいかも

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

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

Codepenは、分割表示や１画面だけの表示もできるので機能的にもCodepenの方が気に入りました。

jsbinは有料登録で、自分のブログ上でコードを見せる事が可能です。オンラインエディターとしては一番使いやすいので無料版のエディター機能だけ使っています。上にhtml,css,jsなどのタブがあり縦に仕切られているのが使い易いですね。

まとめ

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