AngularJS
meets
cakePHP
お前だれ?
*名前: 知花 司 (ちばな つかさ)
*県内某SIer勤務
*得意
web系, iOS, cocos2d-xとか、Unityとかのプラグイン作ったり
*苦手
漢字、日本語、人前でしゃべること
*この顔みたら110番
今日の元ネタ
とりあえず、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ベースで。
Agenda
*とりあえずアプリ実装
cakePHPのbakeでさくっと
*AngularJS実装
you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。
今からやります!
テーブル設計はこんな感じ
bake
Modelから作ります
usersテーブルのモデルを作成します
1分足らずで終了
postsテーブルのモデルを作成します
モデルリストはデータベースを参照し
て自動生成してくれます
作成するモデルの番号を入力
バリデーションとか、アソシエーションの設定
今回バリデータはなし
テーブル構造を参照して、関連しそう
なモデルを探してきてくれます。
今回はUserモデルのみ
終了
続いてコントローラを作っていきます
controllerの“c”
postsコントローラー作ります
指定したDB設定を参照してコントロー
ラー名一覧から選択します
今回はpostsControllerのみ作成しま
す
例のごとく1分足らずで完了
今回、後でガッツリ書き換えるので、最
低限のもののみ実装
View作ります
Viewの”v”
例のごとく1分足らずで完了
こちらもデータベースを参照して、一覧
を生成してくれるので、その中から選
択
今回、めんどくさいので、すべてデフォ
ルトで
一通り、
CRUDできるようになってます
Agenda
*とりあえずアプリ実装
cakePHPのbakeでさくっと
*AngularJS実装
you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。
今からやります!
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
Upcoming SlideShare
Loading in …5
×

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

669 views

Published on

cloud on the beach 2014 前夜祭のLTでやったグダグダのあれ

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
669
On SlideShare
0
From Embeds
0
Number of Embeds
68
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. AngularJS meets cakePHP
  2. 2. お前だれ? *名前: 知花 司 (ちばな つかさ) *県内某SIer勤務 *得意 web系, iOS, cocos2d-xとか、Unityとかのプラグイン作ったり *苦手 漢字、日本語、人前でしゃべること *この顔みたら110番
  3. 3. 今日の元ネタ とりあえず、ng触りたかったんですよ。 https://www.youtube.com/watch?v=tnXO-i7944M
  4. 4. 今日の元ネタ で、pcにvagrantの環境があったので、 チュートリアルのコラボやってみました http://book.cakephp.org/2.0/en/getting-started.html#blog-tutorial
  5. 5. Agenda *とりあえずアプリ実装 cakePHPのbakeでさくっと *AngularJS実装 you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。
  6. 6. Agenda *とりあえずアプリ実装 cakePHPのbakeでさくっと *AngularJS実装 you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。 今からやります!
  7. 7. テーブル設計はこんな感じ
  8. 8. bake
  9. 9. Modelから作ります
  10. 10. usersテーブルのモデルを作成します
  11. 11. 1分足らずで終了
  12. 12. postsテーブルのモデルを作成します モデルリストはデータベースを参照し て自動生成してくれます 作成するモデルの番号を入力
  13. 13. バリデーションとか、アソシエーションの設定 今回バリデータはなし テーブル構造を参照して、関連しそう なモデルを探してきてくれます。 今回はUserモデルのみ
  14. 14. 終了
  15. 15. 続いてコントローラを作っていきます controllerの“c”
  16. 16. postsコントローラー作ります 指定したDB設定を参照してコントロー ラー名一覧から選択します 今回はpostsControllerのみ作成しま す
  17. 17. 例のごとく1分足らずで完了 今回、後でガッツリ書き換えるので、最 低限のもののみ実装
  18. 18. View作ります Viewの”v”
  19. 19. 例のごとく1分足らずで完了 こちらもデータベースを参照して、一覧 を生成してくれるので、その中から選 択 今回、めんどくさいので、すべてデフォ ルトで
  20. 20. 一通り、 CRUDできるようになってます
  21. 21. Agenda *とりあえずアプリ実装 cakePHPのbakeでさくっと *AngularJS実装 you tubeで公開されてる”AngularJS in 20ish Minutes”をcakePHPベースで。 今からやります!
  22. 22. Agenda /** * 1. Data Binding and Directives * 2. Filters * 3. Modules and Contollers * 4. Routes * 5. Factories */
  23. 23. Agenda /** * 1. Data Binding and Directives * 2. Filters * 3. Modules and Contollers * 4. Routes * 5. Factories */ 続きはライブコーディングでいきます (^^;)
  24. 24. 今日の元ネタ しつこいようですが・・・ https://www.youtube.com/watch?v=tnXO-i7944M
  25. 25. 完成系 githubに置きました。煮るなり焼くなり。。。 https://github.com/hogehoge-banana/cake_ng

×