jQuery

テクノロジー

jQueryプラグイン「iziModal.js」でモーダルウィンドウをもっとオシャレに!

今やBootstrapなどのCSSフレームワークを利用するのが当たり前な時代です。 欲しい機能がほとんど詰まっているので、つい全ての機能をそれに頼って使っています。 しかし、それぞれの機能にスポットを当ててみると、もっとオシャレに演出できる...
テクノロジー

画像を自由にトリミングできるjQueryプラグイン「Cropper」

よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがあります。 その時に、そのサイトが指定する幅や高さに合わせるために、縦横比を合わせて強制的にカットする場合もありますが、親切なサイトだとその場でトリミン...
テクノロジー

JavaScriptで画像アップロード時にサムネイルを表示させる方法

<input type="file">で画像をアップロードする際、特に複数ある場合にファイル名だけでは、正直何をアップロードしようとしているのか確認できません。 そこで、JavaScriptとWeb APIのFileReader...
テクノロジー

jQueryで要素の存在を確認する5つの方法

jQueryでHTML要素があるかないかを判定する場合、様々な方法があり選ぶ理由も人それぞれで、どれを使ったらいいのか迷っている方のために、書き方や処理速度(パフォーマンス)を比較しているサイトをまとめましたので、選定する基準として参考にな...
テクノロジー

非推奨になったAjaxの同期通信によるブラウザの警告を対策する

Ajaxの同期通信について、かなり前から非推奨になっていることは皆さんご存知だと思いますが、最近古いコードを発見するまで忘れていた、と言うより意識していなかったので、この機会に過去へ振り返って概要と対策を記事にし思います。同期・非同期とは?...
テクノロジー

シンプルで高機能な管理画面テンプレートは「AdminLTE」で決まり!

世の中には、これ使っておけば間違いないものって、たくさんありますよね? いわゆる、デファクトスタンダード(de facto standard)ってやつです。 jQueryやBootstrapのような定番中の定番です。 今回は管理画面のデファ...
テクノロジー

jQuery Validationプラグインの共通エラーメッセージを日本語化する方法

jQueryのバリデーションプラグインの中で3本指に入る(と勝手に思っている)jQuery Validationプラグインを日本語化する方法をご紹介。 ちなみに、3本指のあとの2本は、jQuery Validation EngineとBoo...
テクノロジー

jQueryの書き方で読み込み・実行タイミングが違う件

jQueryの呼び出す時の書き方が何通りかあります。 皆さんも何度か目にしたと思います。 どれも同じように見えますが、実際には書き方にって動作が違います。jQueryの書き出し例えば、以下のようによく見かける3つの書き方があります。$(fu...
テクノロジー

テーブルで並び替え・検索するなら「DataTables」か「Tablesorter」の2強!

一覧系の画面で検索やページャー、ソート機能を付ける際は、SQLを利用したサーバー側との通信が発生すると思います。 Ajaxを利用した非同期通信もありますが、通信するとどうしても遅くなります。 今回紹介するjQueryのプラグインは、最初に一...
テクノロジー

シンプルにjQuery(Ajax)とpushStateのみで実現するSPA用スクリプト

以前紹介したCSSフレームワーク「Ratchet」は、まさに今回の応用です。実際には「pjax(pushState + ajax)」というjQueryのプラグインを使っていますが、今回はjQueryとpushStateのみでSPA(シング...
タイトルとURLをコピーしました