Lemonadeで使用しているJavaScriptライブラリ

  • 5
    Like
  • 0
    Comment
More than 1 year has passed since last update.

http://lemona.de で使用しているJavaScriptのライブラリ
※2013/11現在

選定基準

2012/04時点で基本方針を決めた。

まず、jQuery前提。
Dom操作をごりごりしたくないので、KnockoutJS採用。
記述をCoffeeScriptで行い、かつファイルを適度に分割して開発しつつ、配布時は1つのファイルにまとめたいので、RequireJS採用。

あとは、必要になったものを都度追加。

使用ライブラリ

基本

  • jQuery
    • 1.7.2 -> 1.9.1 -> 1.10.1
    • googleのCDNを使う <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    • ローカルにファイルも置く
  • jQueryUI
    • 1.8.18 -> 1.10.3
    • googleのCDNを使う <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    • ローカルにファイルも置く
    • Widget, Datepicker あたりを使っている
  • jQuery UI Touch Punch
    • 0.2.2
  • jQuery template plugin
  • Knockoutjs
  • Underscore.js
    • 1.5.2
  • CoffeeScript
    • 1.2.0
    • 開発時のみブラウザでコンパイルさせている

Require系

pjax用

ポップアップ用

Bootstrap

  • bootstrap-carousel.js
    • 2.3.1
  • bootstrap-dropdown.js
    • 2.3.2
  • bootstrap-modal.js
    • 2.3.2

入力補助系

表示補助系

操作補助系

値操作関連

Cookie操作

ブラウザ判定

グラフ関連

GoogleMaps関連

  • markerclusterer.js
  • richmarker.js

LESS,CSS

  • Less.js
    • 1.4.1

動き、見た目系

この辺りはデザイナーさんが導入した

IE関連

  • DD_belatedPNG.js
    • 透過PNG用
  • excanvas.js
    • グラフ描画用
  • html5.js
    • html5のタグ用
  • jquery.backgroundSize.js
    • CSS3 の background-size: cover;

Node.js

本番サーバにデプロイ時に、CoffeeScriptとLessはコンパイルする
なので、Jenkinsサーバの環境。本番サーバにはNodeは入れていない。

  • Node.js
    • 0.6.15 -> 0.8.25
  • requirejs
    • 1.0.7 -> 2.1.4
  • coffee-script
    • 1.3.1 -> 1.6.3
  • less
    • 1.3.0 -> 1.4.2
  • bless
    • 3.0.0 -> 3.0.1
    • IE用