速報

imgproxyのICO処理にコード実行のおそれ|4.0.16だけでは残る問題を確認

CATEGORY

CodePenとJSFiddle…オンラインエディタはどっちがいいのか

※本ページのリンクにはプロモーションが含まれています。

CodePenとJSFiddle…オンラインエディタはどっちがいいのか

目次

本記事では、オンラインエディタのCodePenとJSFiddleのどっちがいいのか、トレンドを基にご紹介しています。

オンラインエディタを使ってみたいんだけど、CodePenとJSFiddleだとどっちがいいの?

上記の疑問にお答えします。

では、解説していきます。

スポンサーリンク

結論

好きな方を使えばいいじゃない!

これにつきます。シンプルを求めるなら「JSFiddle」を、多機能であれこれしたいのであれば「CodePen」を。どちらのオンラインエディタにも違った良さがあります。自分が使いやすい方を使えばいいのです!

ただ世間の流れであったり、他のエンジニアがどれを使っているか気になりますよね。なので簡単に調査しました。

トレンドはどっちなの?

過去5年間のトレンドをグラフで見ると、2017年頃からCodePenが優勢なようです。というか圧倒的CodePenが人気みたいです。

私はブログ運営とWEB業界に身を置いている関係上、オンラインエディタは色々と触ってきました。どれも使いやすいのですが、結果的にはCodePenとJSFiddleに落ち着いていました。

ただ、2021年からはすべての投稿をCodePenにまとめるようになりました。私の場合は別々に管理するのが面倒になったから、投稿数が多かったCodePenにまとめただけですが…?

スポンサーリンク

今後について

トレンドから見るにしばらくはCodePenが人気なんじゃないかなと思います。Pro版も月額約800円~と安価です。Wikiによると登録ユーザーは推定「33万」、月間訪問者は「1400万人」を超えているようなので、サービスとしても安泰でしょう。

最後に

記事のタイトル的にどちらかをおすすめした方がいいのかなと思うで…

私としては、どちらかをおすすめするのであれば「CodePen」をおすすめします。私自身も継続的に使っていますし、UIもわかりやすいし使いやすいです。閲覧数や他ユーザーのアクション(いいね、フォロー等)も確認できるので、モチベの維持にも役立ってます。

最初に選ぶオンラインエディタとしてはもちろん、継続的に使用するサービスとしてもおすすめです!

以上、CodePenとJSFiddle…オンラインエディタはどっちがいいのかのご紹介でした!

この記事を書いた人

Ryohei

Webエンジニア / アプリ開発者 / 技術ブログ運営者

福岡のWeb制作会社に勤務するWebエンジニアです。10年以上にわたりWeb制作・開発に携わり、ヒアリングや進行管理から、コーディング、CMSの構築、システム開発、サーバーの構築・保守・運用まで、Webサイト制作の工程を幅広く担当しています。Webサイトは、これまでに100以上の構築・保守を手がけてきました。

個人でもWebサイトの制作・改修やWebアプリの開発・運用を行い、AIを活用した開発にも取り組んでいます。近年はWebセキュリティにも注力しています。

2015年から技術メディア「Into the Program」を運営し、実務や開発で得た知識をもとに、プログラミングの実装方法やWebサイトの運用・セキュリティ情報を発信しています。

主な分野
Webサイト構築・保守・運用 / HTML/CSS / JavaScript / PHP / WordPress / サーバー構築・保守・運用 / アプリ開発 / セキュリティ対策
資格・試験合格
情報セキュリティマネジメント試験
基本情報技術者試験
AWS認定ソリューションアーキテクト アソシエイト
PHP8技術者認定ウィザード
メディア運営
2015年〜

記事の作成・更新について

セキュリティ記事は、ベンダーの公式アドバイザリやCVE・JVNなどの一次情報を参照し、出典と情報確認日を記載します。実環境での検証を行った場合は、その環境と確認範囲を明示します。重要な追加情報や誤りを把握した場合は、内容を確認して追記・訂正します。

関連する記事

おすすめの書籍

キーワードから探す

スポンサーリンク