SyntaxHighlighter EvolvedからHighlight.jsへ切り替える方法
SyntaxHighlighter EvolvedからHighlight.jsへ切り替える方法です。 これまで「SyntaxHighlighter Evolved」を使ってソースコードを表示してきたんだけど、レイアウトシ...
Javascript Plugin の記事一覧
12 件highlight.jsを使ってソースコードをきれいに表示させる方法
highlight.jsを使ってソースコードをきれいに表示させる方法です。 「highlight.js」を採用しようと思った理由は、シンタックスハイライト機能として定評があり、継続的に新バージョンが提供されていることがあ...
Swiper.jsでテキストをスライドする方法
Swiper.jsでテキストをスライドする方法です。 Swiper（Swiper.js）は、簡単にスライダーが作れるJavaScriptのプラグインです。トップページにスライドショーを実装しているサイトはたくさんあります...
Bootstrap4 Date/Time Pickerでカレンダー入力する方法
Bootstrap4でDate/Time Pickerでカレンダー入力する方法です。 昨今の画面仕様における日付や時間の入力には、必ずといってもいいほど「Date/Time Picker」が配置されていますね。それはもち...
Spring BootでマルチSelectボックスをAjax+Jsonで扱う方法
Spring Bootで複数選択可能なSelectボックスをAjax+Jsonで扱う方法です。 複数選択可能な Select ボックスを作ってくれる jQuery プラグインってたくさんありますが、今回は自分が普段よく使...
jQuery 画像拡大 レスポンシブ・スマホ対応プラグイン Superbox
レスポンシブ・スマホ対応で画像を拡大表示するjQueryのプラグインSuperboxの紹介です。 画像を拡大表示するプラグインといえば Lightbox が超有名ですが、この Superbox はサムネイル画像をクリック...
JavaScriptでショートカットキーを実装する方法
JavaScriptでショートカットキーを実装する方法です。 以前、「主要ブラウザのファンクションキー割り当て」で軽く触れましたが、Webシステム上でファンクションキーを使ったショートカットキーを実装したいという要望がク...
Javascript jQueryで時刻入力チェックと時刻入力制限する方法
Javascript、jQueryを使って時刻入力チェックと時刻入力制限する方法です。 時刻といえば、12時間表示だったり、24時間表示だったりと、どうチェックするか悩みますよね。実務では時間管理は重要です。業界によって...
jQuery 画像の拡大・スワイプ スマホ対応プラグイン Swipebox
レスポンシブ・スマホ対応で画像を拡大・スワイプ表示するjQueryのプラグインSwipeboxを紹介します。 画像を拡大表示するプラグインといえば Lightbox が超有名ですが、この Swipebox は Light...
jQuery まるでExcelのフィルタのようにドロップダウンで複数選択できるプラグイン
jQueryでExcelのフィルタのようにドロップダウンで複数選択できるプラグインの紹介です。 Excel に慣れたユーザーからは「Excel のあの機能を実現してよ」なーんて要望、よくありませんか。筆者はホントに多く聞...