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
コンピュータービジョンで歩道走行の防止と安全性の向上を目指すマイクロモビリティVoiが50億円を調達
モビリティ
2021-08-10 22:46
バイデン政権、重要インフラのサイバーセキュリティ強化に向け対策求める
IT関連
2021-07-30 19:39
電通とTwitter Japanが連携 イラストやマンガ動画を使った広告作成サービス開始
ネットトピック
2021-07-03 14:57
グーグル、ゼロトラストセキュリティの「BeyondCorp Enterprise」提供
IT関連
2021-01-28 00:55
TimeTreeがオンライン会議の日程調整SaaS「Tocaly」の提供を開始
ネットサービス
2021-07-29 15:36
現在と将来の収入で限度額が決まるクレジットカードX1 Cardが12億円調達
フィンテック
2021-01-16 02:35
長崎大学らがHoloLens 2などを利用したオンライン遠隔診療システムを開発
IT関連
2021-03-04 08:44
サイバー犯罪の末端で活動する人々の実態にも注目するべき–研究者が指摘
IT関連
2021-08-06 07:08
Ubuntu 21.04正式リリース。Active Directoryとネイティブ統合、最適化されたSQL Server対応、Flutter用SDK搭載、Waylandがデフォルトに、など
Linux
2021-04-26 07:41
AtlassianがY Combinator出身のデータ視覚化プラットフォームChartioを買収
ネットサービス
2021-02-28 00:25
出産やメンタルヘルスなどデリケートな問題のケアを女性が受けやすくするバングラディシュのMayaが約2.3億円調達
ヘルステック
2021-03-07 07:42
宇宙実験・製造を可能とする日本初の宇宙環境利用プラットフォームを開発する「ElevationSpace」が3000万円を調達
宇宙
2021-07-17 09:06
ポケモンGOの新イベントはアプデ必須 「クズモー」「ウデッポウ」初登場
くらテク
2021-04-14 21:47
フロリダ州都市の水処理システムにハッカー侵入–水酸化ナトリウム濃度を100倍以上に
IT関連
2021-02-11 10:24