人気のCSSフレームワークBootstrapがメジャーバージョンアップして「Bootstrap 5」となりました。Bootstrap 5を紹介している公式ブログ記事はこちら。日本語記事だとPublickeyがわかりやすくまとめています。
当ブログではスマホ用テーマで長らくBootstrapを使っており、最近になってBootstrap 3から4に更新したばかりでした。というわけで、さっそくスマホ用テーマをBootstrap 5に更新してみました。自分の範囲では、コメント入力用のcollapseが動かなくなりましたが、「data-toggle」を「data-bs-toggle」に直したら動くようになりました。前回Bootstrap 3から4に更新した時よりも手間は少ないかも。
ほかにも見えない不具合はあるかもしれませんが、ひとまず様子を見ていきます。スマホ用テーマで経験を積んで、実戦でも使えるようにしておかねば。
Androidスマホでおなじみ！ パターンロックを表示するPattern Lockプラグイン (CodeZine)
今回の連載記事はAndroidのロック画面でしばしばつかわれるパターンロックをWebの画面に表示するプラグインです。
マトリクス数を変更できたり、サーバー側と連携できたりといろいろと使い勝手のありそうなプラグインです。よろしければぜひお試しください。
Googleマップを手軽に利用する定番プラグイン「gmap3」 (CodeZine)
今回紹介するjQueryプラグインは、Google Mapsを表示するものです。この手のプラグインは実はたくさんあり、API隠ぺいの度合いや機能の多少など様々です。あまりがっちりと隠ぺいしてしまうとMapsの機能をフルに使えず、あまり多機能にしてしまうと「だったらAPIを直接たたいても変わらない」みたいな状態になってしまい、バランスが難しいところです。今回紹介したgmap3はどちらかというとお手軽系なので、jQueryを使っている自分のサイトにちょっと地図を表示したいんだけど……というときに便利かと。
SpreadJSの機能を拡張する「Wijmo（ウィジモ）」のOptional Pack (CodeZine)
jQuery Mobileを拡張する「Wijmo（ウィジモ）」モバイル対応機能 (CodeZine)
ソフトウェア部品で有名なグレープシティが手掛けるHTML/JavaScriptの部品「Wijmo（ウィジモ）」の紹介記事をCodeZineで書いてます。
最近2回はWijmo（SpreadJS）でExcelファイルを操作するためにIIS上で動かすOptional Packの話題と、jQuery Mobileを用いたモバイル対応の話題。写真をのせているAppViewは、一覧-詳細の表示を自動的に作ってくれてなかなか便利でした。jQuery Mobileはそれ自体が多機能なライブラリと言えますが、Wijmoのようにもう一段深い機能を提供してくれるソフトウェア部品はうれしいところ。
Webページ上に通知を表示するjQueryプラグインの紹介 (CodeZine)
開発系サイトCodeZineでJavaScriptの記事をぼちぼちと書いています。しばらく紹介できていなかったので紹介。
この記事は通知を表示するjQueryプラグインの紹介。オーソドックスなものからWindows 8風、Android風のものまでいろいろと紹介しています。個人的にはiOS 6風のものを紹介したかったのですが、いまさらiOS 6か？ということで断念。iOS 7以降風にアップデートしないでしょうかね。