Bootstrap jQeuryプラグインサンプル

Bootstrapで利用できるjQueryプラグイン ユーティリティー

Posted 6月 25 2015 by 小野 茂  , ,

Bootstrapで利用できるjQueryプラグイン ユーティリティー

Bootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。
今回はユーティリティー編です。

GoogleMapって最初使ったとき感動しましたが、今はもうないと困るレベルになりました。
どのサイトでもGoogleMapを利用して場所を表示しています。
操作するためには、色々知らないと使えませんが、そんなGoogleMapを簡単に扱うツールや、
文字列操作、ファイルアップロードなどの使えます。

gmaps

http://hpneo.github.io/gmaps/

gmaps →

簡単です。あのGoogleMapが簡単に操作できます。
まあ、サンプルをコピペするのであれば大差ないような気もするのですが、scriptを自分で組むのであれば、
入れておきたいプラグインです。

jQuery File Upload

http://blueimp.github.io/jQuery-File-Upload/

jQuery File Upload →

ファイルのアップローダーです。最初見た時の感動といったら!もう驚きの出来です。
プラグインをいれてたらすぐ使えるのですが、サーバサイドの知識がどうしても必要になります。
ただ、これもプログラムに入ってダウンロードできます。なんて手軽!
画像のアップロード、CSVのアップロードなんでもござれです。
なんといっても、動きが素敵過ぎです。

jVectorMap

http://jvectormap.com/

jVectorMap →

Vecotorの地図です。世界地図って意外と面倒なのですが、オブジェクトとして扱えます。
なんて便利!と思います。

Modernizr

http://modernizr.com/

Modernizr →

クロスブラウザ用のツールです。ブラウザ機能の実装状況を調査します。
HTML5でサポートしているタグが使えるか?このブラウザでこの関数使えるか?などの判定に利用します。
え?使うの?って声が聞こえてきますが、レガシーブラウザはなかなか切り捨てられないのと、jQueryの新しいバージョンを
利用する場合など、利用用途はかなりあります。
チェック方法はいろんなサイトで紹介されているので、コピペする場合でも、必要になるライブラリです。

Moment.js

http://momentjs.com/

Moment.js →

日付の操作って面倒ですよね。Javascript以外でも面倒です。
phpにはstrtotimeがありますが、それ以外では、色々と書式モデルの利用してパースしたりフォーマットしたり。。。
そんな悩みを解決するプラグインがMoment.jsです。
これを使えば日付操作と友達になれると思います。(多分)

Parsley

http://parsleyjs.org/

Parsley →

入力チェックをより簡単に行えます。HTML5より必須属性やタイプにmailやdateが加わり、デフォルトで許可されるのであれば、かなり簡単になったと思います。
でも、Javascriptでエラーチェックをしたいという需要はやはりあります。サーバ側でもエラーチェックしているのに、面倒ですが、実装するわけです。
そんな、面倒な作業を簡単に!

個人的にはValidationのほうが好みですが。


Bootstrap HTML5 jquery



  未経験OKの仕事 |  上場企業の仕事 |  高待遇の仕事 |  外資系の仕事 |  社内SEで検索 |  自社サービスで検索





メールアドレス
ご質問・問い合わせ等、ご自由にお書きください。