backbone.js + handlebars.js + CakePHP + bootstrap 参考サイト個人的まとめ


極めて個人的なまとめ。

フロントエンドは backbone.js、バックエンドは CakePHP でWebサービス作るの楽しいね。
ホントはRoRにしたかったけど大人の事情でCakeで。ベイクベイクで。


bootstrap

KataKlimt Demo

ひと味ちがうTwitter Bootstrapの18個の無料テンプレート&有料まとめサイト – 酒と泪とRubyとRailsと

Andia

不肖者の人生実験: [Cakephp2.2][Twitter bootstrap2.0.4]CakephpでTwitter bootstrapのサンプルサイトを作る。その5


CakePHP

CakePHP cookbook

CakePHP で個人的にはまった所の解決策 – なんかできたよー。

CakePHPで部分的にScaffoldを使う。< cakePHP 2.x 画像アップロードプラグイン“upload”の使い方 | Workabroad.jp

データを取得する — CakePHP Cookbook v2.x documentation

CakePHPで様々なオブジェクトへのアクセスの仕方 | X->A->O

[CakePHP]Ajax処理のJSON出力を共通化する | バシャログ。

CakePHPで本番と開発のファイルとファイル構成を同じにする – toyoshiの日記

CakePHP 2.x | ログローテーション | Think deeply, Do less, More effective


CakePHP TDD

CakePHP 2 の Controller をテスト駆動で作成するチュートリアル

CakePHP (6) テスト作成 (Model) | TopCoder SRM Div2解説


backbone.js + cakePHP

CakePHP + Backbone.jsで作るJavaScript Web Application

CakePHP + Backbone.jsで作るJavaScript Web Application ~ Viewの利用 ~

CakePHP + Backbone.jsで作るJavaScript Web Application ~ JSONフォーマットの変更 ~


backbone.js

中規模開発のためのBackbone.js

『Backbone.jsの1番良いリファレンスを頼む』へのAwesomeな回答を翻訳してみた

Backbone.js入門 「View」 – Qiita [キータ]

http://backbonejs.org/

Backbone.jsでつくるModel-View-PresenterアーキテクチャパターンなUIいろいろ | Developers.IO

Backbone.jsでGooleアカウントにOAuth2でログインしてGmailのタスクリストと同期するToDoリストをつくるというチュートリアル – Scimpr Blog


underscore.js


http://underscorejs.org/


grunt minifyなど


Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門|Web Design KOJIKA17

gruntで快適JS/CSSビルド生活 – Takazudo hamalog

cssファイルとjsファイルを最小化してパフォーマンスを向上させる | 1000ch.net

今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」 | スターフィールド株式会社


backbone grunt handlebars フレームワーク

Handlebars.jsの基礎 | be-hase.com

I am mitsuruog: Backbone.jsとHandlebars.jsを組み合わせる

最近の案件でのJavaScript開発周辺について、書いてみる | be-hase.com


handlebars.js 、ヘルパー登録など

http://handlebarsjs.com/

Handlebar.jsを使ったヘルパーの登録 – Surflog 2.0

Handlebars.jsの基本的な使い方のメモ -console.lealog();


pushState


js で URL を動的に変更できる pushState をイイカンジにさばいてくれる kazitori.js を作った

mitsuruog/SPA-with-Backbone

http://shoplocal.beautecam.com/spa/


ほか

日本の全エンジニアに捧ぐ!現在公開されているテスト用ダミーデータ一覧 | Find Job ! Startup

hr要素のデザインサンプル 12 | NxWorld

ズルいデザイン(4):ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3) – @IT

安全なPHPアプリケーションの作り方2013

jQuery モダンAjaxな書き方を目指して 〜Deferredを使ったAJAX〜 – Hack Your Design!

PCから「PCからの着信を拒否している携帯」にメールを送る秘伝!! | More Access! More Fun!

Tedious Days More 3 : au の ezweb メールを iPhone だけでなく iPad やパソコンでも送受信する方法