Edited at

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

More than 5 years have 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用