古いjQueryを使い続けるリスク

この動画の要点

1. jQueryは、サイトの動きを支える共通の部品
2. 古い版には、弱点が公表されている
3. 早めの確認と更新で、小さな改修で済みやすい

こんな状態なら、当てはまるかもしれません

jQueryとは何か

jQueryは、ホームページに動きをつけるための、世界中で使われている共通の部品です。一から作らなくても、よくある動きを簡単に組み込めるため、多くのホームページで使われてきました。

例えるなら、多くの家で使われている既製品の鍵のようなものです。便利で広く使われている分、その型に弱点が見つかると、同じ型を使っているすべての家に関係します。

古い版の何が問題なのか

弱点が公表され、新しい版で直されている

jQueryの開発チームは、2020年4月に公開したバージョン3.5.0で、それより前の版にあった弱点を修正しました。この弱点は、外部から受け取った文字列を画面に表示する処理に関わるもので、条件によっては、ページに不正な命令を差し込まれる恐れがあるものです。このほかにも、さらに古い版には別の弱点が報告されています。

やっかいなのは、メニューも写真も普段どおりに動くため、見た目では古さに気づきにくいことです。鍵に例えると、メーカーが「この型の鍵には弱点があります」と公表し、新しい鍵を用意している状態です。

考えられる影響

ただし、古い版を使っていれば必ず被害が出るわけではありません。弱点を突けるかどうかは、そのサイトでjQueryをどのように使っているかによって変わります。だからこそ、一度きちんと確認しておくことが大切です。

放置すると、直す範囲が広がる

jQueryは、スライドショーやカレンダーなど、ほかの部品と組み合わせて使われることが多い部品です。古い版のまま年数がたつと、組み合わせている部品も一緒に古くなり、更新しにくくなります。早めに手を打つほど、小さな改修で済みやすくなります。

自社サイトの版を確かめる方法

パソコンのブラウザで、次の手順で確かめられることがあります。

1. 1ホームページを開き、画面の上で右クリックして「ページのソースを表示」を選ぶ
2. 2表示された画面で、キーボードの Ctrl と F を押し、「jquery」と入力して検索する
3. 3「jquery-1.12.4.min.js」のようなファイル名や、ファイルの冒頭にある「jQuery v3.4.1」のような表記から、版の番号を読み取る

番号が3.5.0より小さい場合は、弱点が修正される前の版です。ファイル名に番号がない場合や、見つからない場合は、無料の簡易診断で確認いたします。

直し方の流れ

1. 1　調べるどの版のjQueryを、どのページで、どの部品と組み合わせて使っているかを確認します。
2. 2　更新する公開中のサイトとは別の場所で、弱点が直された新しい版に入れかえます。古い書き方に頼っている部分があれば、あわせて直します。
3. 3　確かめるメニュー、写真の切り替え、フォームなどが、これまでどおり正しく動くかを点検してから公開します。

サイト全体を作り直さなくても、部分的な改修で対応できるケースが多くあります。更新後も、定期的に部品の版を見直す保守の体制を整えておくと安心です。