jQuery– tag –
-
jQueryプラグイン「iziModal.js」でモーダルウィンドウをオシャレに！
今回は、モーダルウィンドウを簡単に表示できるjQueryプラグイン「iziModal.js」を紹介します。今やCSSでもBootstrapなどのフレームワークを利用するのが当たり前な時代ですが、JavaScriptにもスポットを当ててみると、もっとアニメーションをオシャレに演... -
画像を自由にトリミングできるjQueryプラグイン「Cropper」
よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがありますが、親切なサイトだとその場でトリミング（切り抜き）ができることもあります。いつもは利用する側なのですが、今回は作る側として画像を加工できるjQuery... -
JavaScriptで画像アップロード時にサムネイルを表示させる方法
<input type="file">で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードして... -
jQueryでHTML要素の存在を確認する5つの方法
jQueryでHTML要素があるかないか存在を判定する場合、様々な方法があり選ぶ理由も人それぞれで、どれを使ったらいいのか迷っている方のために、書き方や処理速度（パフォーマンス）を比較しているサイトをまとめましたので、選定する基準として参考になれ... -
非推奨になったAjaxの同期通信によるブラウザの警告を対策する
Ajaxの同期通信について、かなり前から非推奨になっていることは皆さんご存知だと思いますが、最近古いコードを発見するまで忘れていた、と言うより意識していなかったので、この機会に過去へ振り返って概要と対策を記事にし思います。 【同期・非同期とは... -
シンプルで高機能な管理画面テンプレートは「AdminLTE」で決まり！
今回は管理画面のデファクトスタンダードと言えるテンプレート「AdminLTE」を紹介します。AdminLTEとは、jQueryやBootstrapのような管理画面の定番中の定番です。世の中には、これ使っておけば間違いないものって、たくさんありますよね？それが、デファク... -
jQuery Validationプラグインの共通エラーメッセージを日本語化する方法
jQueryのバリデーションプラグインの中で3本指に入る（と勝手に思っている）jQuery Validationプラグインを日本語化する方法をご紹介。ちなみに、3本指のあとの2本は、jQuery Validation EngineとBootstrap Validator（と勝手に思っている）です。 【サク... -
jQueryの3つの書き方で実行タイミングの呼び出し順が違う
jQueryの呼び出す時の書き方が何通りかあり、それぞれ実行タイミングが違います。今回は、皆さんも何度か目にしたと思われる書き方について、どのタイミングで呼び出されるのかをご紹介します。どれも同じように見えますが、実際には書き方によって動作が... -
テーブルで並び替え・検索するなら「DataTables」か「Tablesorter」の2強！
今回は、最初に一覧データをすべてのを読み込み、jQueryのプラグインでクライアント側で検索やページャー、ソート機能を付ける「DataTables」と「Tablesorter」をご紹介します。一旦テーブルを作って、そのテーブルをJavaScriptで制御するといった感じにな... -
Ajax(jQuery)とpushStateのみで実現するSPA用スクリプト
実際には「pjax（pushState + ajax）」というjQueryのプラグインを使っていますが、今回はjQueryとpushStateのみでSPA（シングルページアプリケーション）を実装します。以前紹介したCSSフレームワーク「Ratchet」は、まさに今回の応用です。 https://mino...
12