jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能

今回は「jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能」についてご紹介します。

関連ワード (実現、実験的機能追加、表示等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版、「Bootstrap 5」正式版がリリースされました。

Bootstrap 5では、これまで依存してきたJavaScriptライブラリのjQueryがついに不要になりました。これまでjQueryによって実装されていた機能はすべて、いわゆるバニラJavaScriptによってBootstrap 5自身が実装するようになったとのことです。

jQueryは、かつては多くのフレームワークにおいてクロスプラットフォームや複雑なDOM操作の実現などのために採用されていました。しかしWebブラウザの互換性が高まりJavaScript自身も進化したことで、jQueryは徐々に採用されなくなります。主要なフレームワークとしてBootstrapはjQueryに依存する最後の存在とも言えました。

Bootstrap 5でjQueryが不要になったことは、大きな転換点と言ってもいいでしょう。

jQueryが不要になったことによりBootstrap 5では読み込みにかかる時間が短くなり、ほかのJavaScriptライブラリとBootstrapとの共存がより安全かつ容易にもなりました。

合わせて、Bootstrap 5ではInternete Explorerがサポート外となりました(Internet Explorerをサポート外にしたことでjQueryが不要になったともいえそうです)。そのほかMicrosoft Edgeのレガシー版、Android 6よりも前のバージョンなど、以下のWebブラウザがサポートから外れました。

Bootstrap 5の正式リリースが発表されたブログ記事「Bootstrap 5」から、いくつか新機能を紹介しましょう。

新しいオフキャンバスコンポーネント。スマートフォン用のメニュー画面など画面の横からにゅっと出てくる画面を構成する「Offcanvas」(オフキャンバス)コンポーネントが新しくなり、画面の右や上などどこから出てくるか、スクロールするかなどの設定が柔軟にできるようになりました。

fig

新しいアコーディオン。複数の項目を持ち、選択した項目が広がるアコーディオンも新しく作り直され、いくつかのバグが修正されました。

fig2

チェックボックスとラジオボタンのデザインが見直され、より統一された見た目となりました。

fig3

RTL(Right to Left:文字を右から左へ)ができるようになりました。アラビア語など、横書きで右から左へ読み進む文字列の表示に対応しました(実験的機能追加)。

fig4

そのほかグリッドレイアウトのカスタマイズ性の向上など多くの新機能が追加されています。詳しくは「Bootstrap 5」をご覧下さい。

表示(ひょうじ)の意味や使い方 Weblio辞書

「表示」の意味は はっきりと表し示すこと。Weblio国語辞典では「表示」の意味や使い方、用例、類似表現などを解説しています。

表示とは - コトバンク

流通用語辞典 - 表示の用語解説 - 商品に関する情報を表現したもので、狭義では商品に貼られているラベルなど、商品に密着した表現を示し、広義では広告など一般に知らされる商品に関するすべての表現を示す。「食品衛生法」などでは狭義に用いられているが、「景品表示法」で...

表示(ひょうじ)の意味 - goo国語辞書

表示(ひょうじ)とは。意味や解説、類語。[名](スル)1 はっきりと表し示すこと。「原料をラベルに表示する」2 図表にして示すこと。「生産額を表示する」3 きざし。兆候。「これ、ひとへに金粟 (こんぞく) 世界に生ぜる―なりといひて」〈今昔・六・三八〉 - goo国語辞書は30万4千件語以上を収録。政治・経済・医学・ITなど、最新用語の追加も定期的に行っています。

表示の英訳|英辞郎 on the WEB

表示 display showing sign(方向や警告などの) view《コ》(ある観点からのデータ・画像の) window on a... - アルクがお届けするオンライン英和・和英辞書検索サービス。

表示に関するQ&A | 消費者庁

表示された効果、性能と提出資料によって実証された内容が適切に対応していること なお、この2つの要件の具体的な考え方は、「不当景品類及び不当表示防止法第7条第2項の運用指針」において詳細に示されています。 (参照)

表示について知りたい | 消費者庁

相談員・事業者の方 表示について知りたい ガイドラインが見たい(公益通報、食品表示等) 消費者事故・報告制度について知りたい 行政処分の状況について知りたい 消費者庁の法律・制度について知りたい 健全な事業運営をしたい

Windows 10でディスプレイの表示スケールの設定を変更して …

Windows 10に移行したり、新しいWindows 10搭載PCを導入したりした際、ディスプレイに表示される文字が妙に大きかったり、逆に小さかったり、といった経験はないだろうか? これを見やすい大きさにするには「表示スケール」の設定を手動で変更すればよい。

4月1日から消費税込みの総額表示が義務化ってどういうこと ...

4月1日から、モノやサービスの価格表示で「税抜き」に加えて、消費税を含めた価格を明示する「税込み」表示が義務付けられる。

Excel のセルの表示形式で [ユーザー定義] に使用できる書式 ...

セルの表示設定で、ユーザー定義で使用する主な書式記号の意味や使用方法について説明します。

財務省 令和3年4月1日より、税込価格の

総額表示義務は、平成16年4月より実施されているものです。 税込価格が明瞭に表示されていれば、消費税額や税抜価格 を併せて表示することも可能です。財務省 よくあるご質問(FAQ) Q1税込価格に加えて税抜価格を表示すること は ...

COMMENTS


Recommended

TITLE
CATEGORY
DATE
米議会の新しいプライバシー法は警察がブローカーからデータを買う慣行に終止符
パブリック / ダイバーシティ
2021-04-23 02:44
マイクロソフト、アジア太平洋7カ国とサイバーセキュリティで協力
IT関連
2021-06-01 14:18
Looop、ITガバナンスの刷新に向けServiceNowのITSMを導入
IT関連
2024-07-31 05:44
Google Cloud、金融サービス向けの「Datashare」ソリューション発表
IT関連
2021-06-01 06:37
AWSとMS、ダブリンでのデータセンター建設計画を断念か–電力不足により
IT関連
2022-08-26 07:34
インテルの「AI Everywhere」戦略–プラットフォームを問わず、AIを利用可能に
IT関連
2023-12-21 19:39
「宇宙ビッグデータ米」が2021年中に販売予定、宇宙領域の天地人・農業IoTの笑農和・米卸の神明が栽培着手
フードテック
2021-04-08 05:05
マイクロソフト、「Windows」にeBPFを移植するオープンソースプロジェクトを立ち上げ
IT関連
2021-05-13 14:02
経産省が示すデジタル変革への本気度とは?
IT関連
2021-03-11 09:21
NECプラットフォームズ、業務用タブレット端末「TWINPOS Sx」発売へ–現場のDXを支援
IT関連
2022-09-07 06:21
AWS版GitHub Copilotとなる「Amazon CodeWhisperer」が正式版に。個人ユーザーは無料、VSCodeに対応
AWS
2023-04-14 15:20
増え続けるランサムウェア–ハッカーの魔の手から逃れるために必要なこと
IT関連
2022-08-30 22:30
アリババクラウド、日本でDXラボ開設–参画企業とのイノベーション図る
IT関連
2023-08-31 14:00
ラウンドアップ:IT業界で脱炭素の取り組みが拡大–各社動向を振り返り
IT関連
2022-08-17 04:43