私的HTML5モバイルアプリ開発リファレンスまとめ

Javascript

JavaScript | MDN

Javascriptjavadocはどこにあるのでしょうか?

CoffeeScript

CoffeeScript

公式サイトのチュートリアルを、ひととり写経すればOK。
今更ですけど、静的型付けのTypeScriptの方にしておけばよかったなと…。

JQuery

jQuery.ajax() | jQuery API Documentation

jQuery.ajax(options) - jQuery 日本語リファレンス

JQueryのDeffered()は、覚えておいて損はない。
(Backbone.jsならイベントチェーンしていけば同じことはできるけど。)
今回、非同期処理で、そうとう苦しんだ。

値のバインディングに、JQueryを使ってしまうようで、Handlebars意味ねっていうコードが多数でた。
値のバインディングはHandlebars、JQueryは装飾とかそういう役割分担をしたほうがいい。

Phonegap

HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門

HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門

  • 作者:富田 宏昭
  • 発売日: 2012/08/31
  • メディア: 単行本(ソフトカバー)

Handlebar.js

http://blog.mitsuruog.info/2013/03/backbonejshandlebarjs.html
Handlebar.jsを使ったヘルパーの登録 - Surflog 2.0
Overview | Assemble

{{ mustache }}のような、テンプレートエンジン。
Handlebar.jsで値を埋め込むと、HTMLタグをエスケープしてくれる。
JQueryは基本、装飾に使い、値を埋め込みは、Handlebar.jsを使うと、セキュリティー上よい。

ヘルパー関数で拡張できるので、{{ mustache }}より拡張性が高い。

requirejs/text でテンプレを取得する形にした。

Require.js

http://requirejs.org/

Coffeescriptのクラスを、クラス毎にファイルを分けたくて導入。
Require.jsの設定にハマり、JSライブラリの導入にハマり、原因不明すぎて泣いた。

まだ、AMDに対応してないライブラリがまだまだあるし。
分けたモジュールをgruntでconcatするという手法もあるので、今後、スタンダートになるのかどうか?

HTML+SASS

Device and Viewport Size In JavaScript

WebViewのサイズを調べるときに利用しました。
Androidは、iOSとくらべて、小さいっ。

http://www.ideaxidea.com/archives/2013/10/css3_icons-2.html

使わなかった。

Bootstrap · The most popular HTML, CSS, and JS library in the world.
言わずと知れたCSSフレームワーク
グリッドがすごい便利。いろいろ簡単にできて便利。
でも、あまりネイティブアプリっぽいUIがない。Topcoatや素直にjQuery Mobileにしておけばよかったかな。

Bootstrap Icons Plus
twitter Bootstrapには、Glyphiconsがあるので結局つかませんでした。

Grunt

Bower

Yo