skillup

技術ブログ

JavaScript

ケース別JavaScriptライブラリまとめ

投稿日:2016年4月23日 更新日:

Webエンジニアとしてはサーバーサイドのプログラムのみならず、JavaScriptをいじることがおおいでしょう。

私自身、昔はわけがわからず大嫌いだったんですが、最近はデバッグが楽なこともあり、結構愛しています(爆)

JavaScriptに関しては言語自体の知識もそうですが、実務においてはやはりプラグインの知識が重要になってくるかなあ・・と思います。

もちろんすたれていくから知識だけに依存するのは弊害もありますけど、一つのところで覚えた知識の価値はゼロになるわけではないので、今まで使ってきた技術の総括は新しいライブラリを覚えるさいにも有効だと思っております。

そこで今回は私がこのブログで書いてきたJavaScriptのライブラリを紹介していこうと思います。

dataTables

http://skill-up-engineering.com/?p=408

スクロール型のページャーのライブラリ。使い方は正直ムズく、私も全てを把握しているわけではないですが、スクロースするだけでページャーが働くタイプのものが以外に少なかったので愛用しています。

ライブラリの名前が一般的すぎて、検索でいらん情報がたくさんでてくるのがメンドイ・・

datePicker

http://skill-up-engineering.com/?p=822

日付をカレンダーで入力できるライブラリ。かなりよく使われてますね。使い方も非常に簡単なのがおすすめ。

select2

プルダウンを入力値で絞れるプラグイン。非常によく使われますね。3ヶ所ぐらいの現場で使われてるの見ましたね。

https://select2.org/

sugar.js

http://skill-up-engineering.com/?p=928

JavaScriptのライブラリというとブラウザの一機能を代替するものがおおいですが、こちらは配列系や日付の処理などを補ってくれるもの。ここら辺がJavaSciprtはかなり貧弱なんで愛用しています。

サンプルページがわかりやすいのがグッド。

モーダルウィンドウ、ダイアログ

http://skill-up-engineering.com/?p=1029

モーダルウィンドウ系の処理に関して。

オートコンプリート

http://skill-up-engineering.com/?p=1149

フォーム入力した時点で入力補完機能が働くもの。簡単な奴だとJavaScriptの中に配列をつくってそこから読み込む、みたいなものがおおいんですが、

  • 候補自体をデータベースから取得したい
  • 1変数でなく付加的な情報も出力したい

といった要望に応えられるプラグインがtypeahead。

マルチプルダウン

http://skill-up-engineering.com/?p=1339

http://skill-up-engineering.com/?p=1345

プルダウンで複数選択をする場合に見やすくするプラグイン。

CSV定義などではよく使われていますね・・・

うーん、まとめてみたら大した量はありませんでした(汗)もう少しいろいろと積極的に情報収集していいかも。

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

無限スクロールプラグイン infinite scroll

無限スクロールのプラグインについていろいろ調べてきましたが、今回はテーブル形式でなく、通常の無限スクロールができるもの(イメージとしてはtwitterっぽい遷移。) infinte scroollとい …

no image

JavaScriptのthisについて

今回はJavaScriptのthisについて。 JavaScriptのthisの場合、呼び出し方によってthisの参照先が変わります。 4種類あるとされていますが、使われ方で分類すると私の場合、下記の …

no image

dataTableによる無限スクロール

Angularで無限スクロールをやったので一般のjqueryで。 dataTablesというプラグインです。 以前下記リンクで紹介していますが、ようわかっとらんかったんで(汗)再度書きます。 ページャ …

no image

AngularJSでのinfite_scroll

今回もAngularネタです。 一般的なデータの一覧画面ではページャーをボタンで移動するのではなく、スクロールするだけで次々とアクセスできるようになるのが一般的でしょう。 facebookやtwitt …

no image

新技術のメリットを理解したい場合(jQueryと比べた場合のVueのメリットなど)

Vueを昨年度ぐらいからコツコツと勉強しています。 正直、その理由の半分ぐらいは「流行っているから」というのが大きいですね(汗) エンジニアとしてはやはり新しい技術自体を追い求めること自体に「快感」の …