cdnjs とは (ちょっと、調べてみました)

Cloudflareに関するメディア掲載記事を調べていくと「cdnjs.cloudflare.com」というURLが使われている記事を多数発見しました。装置屋さん出身の私には、これは何?Cloudflareは何してんの?という疑問が生まれたので、追っかけてみました。 これも「Cloudflarenの基本使命」を実現する活動の一つなのでしょうね。
2023.10.13

これは何?どういうこと?

2016年から2017年ごろ、主にASCIIで「JavaScriptプログラミング」の記事に「Cloudflare」を利用するサンプル画面が出てきました。

出典:「「いまさら」なんて言わないで!ちょっと気が利くカード型レイアウト、Semantic UIで」(2016.5.1)

これは、どういうこと?

参考情報:JavaScript プログラミングにおいて、Cloudflareを参照する記述が紹介されていたASCIIの記事抜粋。

Date Articles in one word Reason for publication
2017.9.29 テスト駆動で始める関数型JavaScriptプログラミング入門 https://ascii.jp/elem/000/001/559/1559587/ JavaScriptプログラミング 動作環境
2017.9.8 SEO、OGP……Vue.js製SPAの「困った」を解決できる「Nuxt.js」が便利だ! https://ascii.jp/elem/000/001/545/1545649/ JavaScriptプログラミング 動作環境
2017.9.4 Vue.jsでカッコいいグラフを手軽に作るChart.jsのラッパー3つ https://ascii.jp/elem/000/001/542/1542273/ JavaScriptプログラミング 動作環境
2017.8.9 面倒なJavaScriptの日付の処理は「date-fns」でラクに片付けよう https://ascii.jp/elem/000/001/529/1529150/ JavaScriptプログラミング 動作環境
2017.8.2 さよならFlash!いまこそ学ぶWebアニメライブラリー「GreenSock」入門 https://ascii.jp/elem/000/001/525/1525436/ JavaScriptプログラミング 動作環境
2017.6.13 Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例 https://ascii.jp/elem/000/001/498/1498835/ JavaScriptプログラミング 動作環境
2017.2.15 レスポンシブの常識が変わる!? 君はエレメントクエリーを知っているか? https://ascii.jp/elem/000/001/434/1434643/ JavaScriptプログラミング 動作環境
2016.12.1 もう使ってる? たった3行で美しいSVGアニメが作れる「Vivus」がスゴい https://ascii.jp/elem/000/001/277/1277568/ JavaScriptプログラミング 動作環境
2016.11.22 「うざっ!」と言われないモーダル・ポップアップをjQueryで実装しよう https://ascii.jp/elem/000/001/272/1272548/ JavaScriptプログラミング 動作環境
2016.11.5 これぞMS版Watson!? いますぐ使える感情分析APIで評判分析アプリ作ってみた https://ascii.jp/elem/000/000/270/270071/ JavaScriptプログラミング 動作環境
2016.11.4 エンジニアだけで高品質なカード型UIを作れる!Bootcardsがスゴい https://ascii.jp/elem/000/001/262/1262365/ JavaScriptプログラミング 動作環境
2016.9.23 カッコいいグラフがむちゃくちゃ簡単に描ける!Chart.js 2.0がスゴい https://ascii.jp/elem/000/001/236/1236099/ JavaScriptプログラミング 動作環境
2016.9.6 もう迷わない!HTML5のもっとも基本的なテンプレートはこれだ!(2016年版) https://ascii.jp/elem/000/001/224/1224205/ JavaScriptプログラミング 動作環境
2016.8.18 jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら? https://ascii.jp/elem/000/001/214/1214008/ JavaScriptプログラミング 動作環境
2016.5.1 「いまさら」なんて言わないで!ちょっと気が利くカード型レイアウト、Semantic UIで https://ascii.jp/elem/000/000/270/270116/ JavaScriptプログラミング  動作環境

そういえば、最近関与してるHTMLコンテンツのヘッダー部分に「Cloudflare」が入ってました。

これは、どういうこと?

つまり、HTMLコンテンツやWordPressなどにおける「JavaScriptプログラミング」でcloudflareが何かやらかしている、ってことですね(笑)

ということで、おまじないのように組み込まれている「cdnjs.cloudflare.com」が何のために存在しているのか、少し調べてみました。

cdnjs とは

まずは、「CDNJS JavaScript プログラミング」でインターネットやCloudflareサイトを検索してみました。ビンゴの情報がサクッとでてきました。これは調べてなかっただけで、(業界筋では)とても一般的な話(常識レベル)であるということが感じられました。

  • 「cdnjs」という名前は、「CDN」+「JS」に由来するんでしょうね(見た目通り)。
  • CDNは、「Contents Delivery Network」の略ですね。「Cloudflareと言えば、CDN」という認知も向上しています。
  • JSは、「Java Script」ですね。
  • つまり、「Java ScriptのライブラリーをCDNで配信している」サイトということになるんでしょうね!

HTMLコンテンツを制作している人にとって、Cloudflareは、非常に身近な存在であることが分かりました。

さらに、cdnjsは

  • 2011年に開設
  • Cloudflareを利用した、無料のオープンソースCDN
  • ターゲット:Webコンテンツ開発者・製作者・利用者
  • シェア:すべてのWebサイトの12.5%以上
  • コアスタッフは、7名(内訳は、創設者(2名)、アクティブな貢献者(2名)、運用保守(Cloudflareな人材が3名))

ということで、cdnjs創設以来、Cloudflareが積極的に支援していることが分かりました。

<cdnjs>について

<cdnjs>の稼働状態

  •  cdnjs.comの公式CDNサービスが「cdnjs.cloudflare.com」なんですね!

CloudflareのSponsorships

  •  cdnjs、jQuery.js、Moment.js、Node.js、impress.js、three.js、Bootstrapなどに支援・後援しています。

これもCloudflareの基本使命を実現する活動のひとつなのでしょうね。やるなー!

参考までに日本語訳されている「CDNJS」関連の技術ブログをご紹介いたします。

参考までに「CDNPerf」というサイトをご紹介いたします。

応答速度は、CDNの評価指標の一つです。CDNサービスの提供状況の把握にご活用ください。

ただ、それぞれのCDNに実装されている機能やサービスは様々であり、一時的なその時の応答速度だけでその価値を判断するのも拙速と思います。

jQuery とは

もともとのHTMLソースコードに記載されていた JavaScript ライブラリー(プラグインと呼ばれることもある)の「JQuery」も調べてみました。

つまり、HTMLで表示されたWeb画面を使いやすくするライブラリーなのですね。

参考情報、出典

Cloudflare (English)

Wikipedia

そのほか

Cloudflare リンク集

Cloudflareに関するメディア掲載記事(Published in an IT magazine)

Cloudflare 報道発表資料(Published in PRTIMES)

Classmethod