read久々にフロントの話題です。いうアプリをリリースしました。その際に、色々と使ってみたかったライブラリを使って感触を得たので、ご紹介がてら使用感をメモしておきます。反応速度を早くするライブラリ。イベントを監視している際の、タップ時のもたつきがかなり軽減できます。アプリの操作性を上げるには必須といっても過言ではないでのは。Flipsnapflipsnap.jshttp://pxgrid.github.io/js-flipsnap/PixelGridという会社さんが作られている、スライダーを実現するライブラリです。操作で左右にページをめくるスライダーは色々とあるのですが、安定性、カスタマイズ性、動作の自然さ・軽快さで一番しっくり来ました。時はボタンでページ移動していたチュートリアルの部分に導入しております。互換性を保ちつつ、余計な機能を省いて読み込み速度を高速化しています。助かることが多いかもしれません。スタイルが崩れたり動作がものすごく重くなったりと、こいつが悪さをすることも多いのですが、仕組みをある程度把握していれば、ドハマりすることは無いと思います。スムーズなアニメーションを実装するコツと仕組みを説明するよ。使用するための依存ライブラリと思っていたのですが、これ単体でも十分に使えます。タスク管理ツールということで、リストを操作する機会が多いのでフィルタリングだったり一括操作だったりと、大活躍しています。汎用的な機能を提供してくれているので、アプリに限らず色々なところに役立ちそうなライブラリです。MV*なフレームワークです。理解できていれば学習コストは提供されているプロパティやメソッドを知るくらいです。ようなごにょごにょを特に使ってない)なので、いざというときは、直接ソースを読めば何をしてるかほぼ確実にわかります。いうライブラリを噛ませています。多数のプラグインが開発されているので、自由に選べて必要な物だけ組み込めるのが嬉しいところです。いくつかの制約と拡張を加えるライブラリです。入れ子になったビューや、一覧画面系の扱いがとても楽になります。分かりきった処理(ビューにモデルを渡してrender().$elのような操作)を書かなくて良くなるので、コードの見通しが良くなります。保守性が高く、構造化されたコードを書くことができます。こちらもコードがシンプルで、ソースを読めば何をしてるか把握できるのが魅力です。なくTypeScriptを使用しました。コンパイルや型チェックがある反面、宣言ファイルを作る手間があります。サードパーティのライブラリの宣言ファイルを作成するのはとても面倒で尻込みしてしまいがちです。そんなときに活躍するのがこちら。色々なライブラリの宣言ファイルの寄せ集め、といった感じのものです。あるあるなハードルの高さを激減してくれます。サービスなのですが、ご紹介です。サーバは一定時間アクセスがないと落ちて再びアクセスが有った時の起動に時間がかかるという仕様や、メンテのコストも下げたい、無料アプリなのでお金を掛けたくないということで、こちらに乗り換えました。使うと通信操作がどのような感じになるのか、サクサク動き快適なのか、など実験してみたかったため試験的に導入しています。Firebasehttps://www.firebase.com/blog/2013-01-29-backfire-firebase-bindings-for-backbonejs.html最後です。簡単に利用するためのプラグインです。コードにだけ集中できます。イベントの設定さえすればほぼ勝手に動く状態になります。このようなライブラリを使用しています。ときに色々とフルスクラッチして痛い目を見たので、今回は「なるべくライブラリに任せて自分のコードを書かない」という方針でいきました。ライブラリを多用しているために、学習コストやライブラリ同士の兼ね合いや調整など新たな問題も起こっていますが、フルスクラッチで書いてドハマりするよりもはるかに安いコストで済んでいると思います。アプリのモバイル対応等を作られる方がいらっしゃいましたら、参考になれば幸いです。