BT

InfoQ ホームページ ニュース Bootstrap 5はjQueryの依存関係を削除します

Bootstrap 5はjQueryの依存関係を削除します

ブックマーク

原文(投稿日:2020/08/08)へのリンク

Bootstrap 5 Alphaは2020年6月にリリースされた。新しいBootstrap 5ではjQueryが取り除かれ、Internet Explorer(IE)をサポートしない。チームは、「時代遅れであれば、それはもはや適切ではない」ということから先に進む時がきたと述べた。

Twitterによって開発およびオープンソース化されたBootstrapフレームワークは、Web開発者にとって不可欠なツールであった。Bootstrapは、すぐに使用できるUIコンポーネントのセットとグリッドシステムを提供しており、PCおよびモバイルブラウザで適切に表示するために必要なアダプティブWebページに不可欠なものである。Bootstrapは、当初からjQueryフレームワークに常に依存関係があった。2006年に最初に作成されたjQueryフレームワークは、常に最も人気のあるJavaScriptフレームワークの1つであった。Webテクノロジが多くの課題と実験を経て、インタラクティブWebページ、シングルページアプリ、AJAXリクエスト、モバイルWebアプリなど、さまざまなユースケースをサポートする時代において、強力な言語機能とブラウザ間の互換性を提供してきた。

2020年まで進むと、JavaScript標準と主要なWebブラウザがjQueryのほとんどの機能を既にサポートしているため、Bootstrapチームは次に進むことを決定した。Bootstrap 5フレームワークでは、jQueryが要件から削除された。これによりminified JavaScriptのうち85KBを節約できた。これは、GoogleがモバイルWebサイトのランキング要素としてページ速度を使用するようになり、デスクトップWebサイトに対してもすぐに使用されるようになるため、重要である。jQueryの削除は、Bootstrap 5がInternet Explorerをサポートしないようになるためでもある。チームは、サポートされているすべてのブラウザがjQueryの代替機能をVanilla JavaScriptで提供していると述べている。Internet Explorerを削除する決定は、IEの市場シェアがデスクトップPCユーザの間でさえ3%未満に低下したという事実が原因であると考えられる。

開発者のFlavio Copes氏は、「2020年にjQueryを使用または学習する必要があるか」に関する記事を公開した。その記事でjQueryの最も人気のある機能からのVanilla JavaScriptへの置き換えを指摘した。例を下に示す。

  • #表記または.表記を使用したDOM要素の選択: document.querySelector('.button')
  • ページDOMの読み込みを待機: document.addEventListener("DOMContentLoaded", () => { ... })
  • AJAXリクエストの実行: fetch('/api.json').then(response => response.text()).then(body => console.log(body))

2020年において、開発者が新しいWebアプリケーションを作成する場合、jQueryはおそらく不要である。Webは進化して、ついにjQueryを超えた。

IEを対象外にするもう1つの利点は、Bootstrap 5がCSSカスタムプロパティをサポートすることである。それによって、CSSがより柔軟になり、プログラムも可能になる。いくつかの例については、Bootstrap 5でテーブルをスタイルする方法に関するドキュメントを確認してください。

Bootstrap 5はjQueryを削除するだけでなく、注目すべき機能もいくつか備えている。Bootstrap 5には、オンページコンテンツにさらに集中するためのUIルックアンドフィールが更新された。再設計された、見栄えの良いカスタムフォームコントロールのセットがある。また、新しいロゴと300以上のアイコンが追加されている。アイコンを多用するWebサイトの場合、新しいSVGスプライトを使用すると、開発者はすべてのアイコンを単一のSVGファイルでロードして、必要に応じてそれらを使用できる。そのため、Webサイトのパフォーマンスが向上し、HTMLが読みやすさが向上する。

Bootstrapフレームワークは、MITライセンスの下で利用可能なオープンソースソフトウェアである。GitHubリポジトリを介して、Bootstrap 5 alphaのバグと修正をチームに提出してください。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。