Angular js meets cakephp at cloud on the beach 2014 前夜祭

AngularJS meets

cakePHP

お前だれ？

＊名前：　知花　司 (ちばな　つかさ)

＊県内某SIer勤務＊得意

web系, iOS, cocos2d-xとか、Unityとかのプラグイン作ったり

＊苦手

漢字、日本語、人前でしゃべること

＊この顔みたら１１０番

今日の元ネタ

とりあえず、ng触りたかったんですよ。

https://www.youtube.com/watch?v=tnXO-i7944M

今日の元ネタ

で、pcにvagrantの環境があったので、

チュートリアルのコラボやってみました

http://book.cakephp.org/2.0/en/getting-started.html#blog-tutorial

Agenda＊とりあえずアプリ実装

cakePHPのbakeでさくっと

＊AngularJS実装

you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。



＊AngularJS実装


今からやります！

テーブル設計はこんな感じ

Modelから作ります

usersテーブルのモデルを作成します

１分足らずで終了

postsテーブルのモデルを作成します

モデルリストはデータベースを参照して自動生成してくれます

作成するモデルの番号を入力

バリデーションとか、アソシエーションの設定

今回バリデータはなし

テーブル構造を参照して、関連しそうなモデルを探してきてくれます。今回はUserモデルのみ

終了

続いてコントローラを作っていきます

controllerの“c”

postsコントローラー作ります指定したDB設定を参照してコントローラー名一覧から選択します

今回はpostsControllerのみ作成します

例のごとく1分足らずで完了今回、後でガッツリ書き換えるので、最低限のもののみ実装

View作ります

Viewの”v”

例のごとく1分足らずで完了

こちらもデータベースを参照して、一覧を生成してくれるので、その中から選択

今回、めんどくさいので、すべてデフォルトで

一通り、CRUDできるようになってます



＊AngularJS実装


今からやります！

Agenda/** * 1. Data Binding and Directives * 2. Filters * 3. Modules and Contollers * 4. Routes * 5. Factories */

Agenda/** * 1. Data Binding and Directives * 2. Filters * 3. Modules and Contollers * 4. Routes * 5. Factories */

続きはライブコーディングでいきます (^^;)

今日の元ネタ

しつこいようですが・・・

https://www.youtube.com/watch?v=tnXO-i7944M

完成系githubに置きました。煮るなり焼くなり。。。

https://github.com/hogehoge-banana/cake_ng

Technology