Submit Search
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
0 likes
3,100 views
7
77web
1 of 9
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
More Related Content
PDF
LightNode - Micro RPC/REST Framework
Yoshifumi Kawai
PPTX
Angular2実践入門
Shumpei Shiraishi
PDF
【PlayFab】UnityAdsのリワード広告を統合する方法
TakuyaNakajo
PDF
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
PDF
VSCode Conference Japan 2021 kyusque
kyusque
PDF
RespClient - Minimal Redis Client for PowerShell
Yoshifumi Kawai
PDF
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
PDF
Bicep + VS Code で楽々Azure Deploy
Takekazu Omi
LightNode - Micro RPC/REST Framework
Yoshifumi Kawai
Angular2実践入門
Shumpei Shiraishi
【PlayFab】UnityAdsのリワード広告を統合する方法
TakuyaNakajo
Angular 4がやってくる!? 新機能ダイジェスト
Masahiko Asai
VSCode Conference Japan 2021 kyusque
kyusque
RespClient - Minimal Redis Client for PowerShell
Yoshifumi Kawai
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
Bicep + VS Code で楽々Azure Deploy
Takekazu Omi
What's hot
(20)
PDF
Swift勉強会
Nagamine Hiromasa
PDF
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
PDF
Isomorphic web development with scala and scala.js
TanUkkii
PDF
The History of LINQ
Yoshifumi Kawai
PDF
Jsug spring bootコードリーディング 接触篇 a contact
tsukasa tamaru
PDF
Directiveで実現できたこと
Kon Yuichi
PDF
翻訳から始めるVue.js 入門
Makoto Chiba
PPTX
Type scriptmemo
ytanno
PPTX
フレームワーク品評会 Ruby on Rails #crossjp
Shiro Fukuda
PDF
EC2の天井を超える
Sugawara Genki
PDF
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
PPTX
20191003 classi night-04
Akihiko Kigure
PDF
Reactを使ったVR環境
KatsuyaENDOH
PDF
Mix and Match / Swift and Objective-C
Goichi Hirakawa
PPTX
10分でわかるOpenAPI V3
Kazuchika Sekiya
PDF
Ember コミュニティとわたし
Ryunosuke SATO
PDF
How to Make Own Framework built on OWIN
Yoshifumi Kawai
PDF
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
KEY
capybara で快適なテスト生活を
Ryunosuke SATO
PDF
Objective-Cプログラマのためのswift導入法
Tomoki Hasegawa
Swift勉強会
Nagamine Hiromasa
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
Isomorphic web development with scala and scala.js
TanUkkii
The History of LINQ
Yoshifumi Kawai
Jsug spring bootコードリーディング 接触篇 a contact
tsukasa tamaru
Directiveで実現できたこと
Kon Yuichi
翻訳から始めるVue.js 入門
Makoto Chiba
Type scriptmemo
ytanno
フレームワーク品評会 Ruby on Rails #crossjp
Shiro Fukuda
EC2の天井を超える
Sugawara Genki
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
20191003 classi night-04
Akihiko Kigure
Reactを使ったVR環境
KatsuyaENDOH
Mix and Match / Swift and Objective-C
Goichi Hirakawa
10分でわかるOpenAPI V3
Kazuchika Sekiya
Ember コミュニティとわたし
Ryunosuke SATO
How to Make Own Framework built on OWIN
Yoshifumi Kawai
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
capybara で快適なテスト生活を
Ryunosuke SATO
Objective-Cプログラマのためのswift導入法
Tomoki Hasegawa
Ad
Viewers also liked
(6)
PDF
Symfony Deployment with Capifony #symfony_ja
Tak Nishikori
PDF
Symfony 2.5について
Issei Murasawa
PDF
VagrantでSymfony開発
Yosuke Karasawa
PDF
A Deep Dive into JSON-LD and Hydra
Markus Lanthaler
PDF
Symfony勉強会#9 form
Yuichi Okada
PDF
管理画面のアクセスコントロール
Masao Maeda
Symfony Deployment with Capifony #symfony_ja
Tak Nishikori
Symfony 2.5について
Issei Murasawa
VagrantでSymfony開発
Yosuke Karasawa
A Deep Dive into JSON-LD and Hydra
Markus Lanthaler
Symfony勉強会#9 form
Yuichi Okada
管理画面のアクセスコントロール
Masao Maeda
Ad
Similar to 第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
(20)
PPTX
AngularJSを触ってみた
tomowata
PDF
俺とAngular JS 2
Masayuki KaToH
PDF
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
PDF
ngJapan報告会
Fumio SAGAWA
PPTX
シンプルな9つのサンプルで学ぶJava Script初心者のためのAngularJS超入門ハンズオン
健一 茂木
PPTX
20161125 米田 angular_jsを触ってみた
Tsuyoshi Saito
PDF
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
PDF
AngularJSについて
昌生 高橋
PDF
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
pinmarch_t Tada
PDF
20140823 LL diver Angular.js で構築した note に関して
Shoei Takamaru
ODP
AngularJSとの危険な関係 by Mario Heiderich - CODE BLUE 2015
CODE BLUE
PDF
AngularJS で ハイスピードSI
Koichiro Nishijima
PPT
symfony 1.2を支えるサブフレームワーク
Katsuhiro Ogawa
PPTX
Our Track to Modern Angular
Yuta Shimizu
PDF
Angularを利用したシステム開発事例
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Symfony2 チュートリアル イントロダクション osc 2011 nagoya
Hidenori Goto
PDF
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
PDF
日本Symfonyユーザ会によるSymfony2 ワークショップ
Shin Ohno
PPT
20090415 すばらしきSymfonyの世界へようこそ
Hiromu Shioya
PPTX
Let’s angular js!!
Syoko Matsumura
AngularJSを触ってみた
tomowata
俺とAngular JS 2
Masayuki KaToH
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
ngJapan報告会
Fumio SAGAWA
シンプルな9つのサンプルで学ぶJava Script初心者のためのAngularJS超入門ハンズオン
健一 茂木
20161125 米田 angular_jsを触ってみた
Tsuyoshi Saito
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
AngularJSについて
昌生 高橋
AngularJSでwebアプリを作ってみた!(2014/6/8 GDGKobe)
pinmarch_t Tada
20140823 LL diver Angular.js で構築した note に関して
Shoei Takamaru
AngularJSとの危険な関係 by Mario Heiderich - CODE BLUE 2015
CODE BLUE
AngularJS で ハイスピードSI
Koichiro Nishijima
symfony 1.2を支えるサブフレームワーク
Katsuhiro Ogawa
Our Track to Modern Angular
Yuta Shimizu
Angularを利用したシステム開発事例
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Symfony2 チュートリアル イントロダクション osc 2011 nagoya
Hidenori Goto
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
日本Symfonyユーザ会によるSymfony2 ワークショップ
Shin Ohno
20090415 すばらしきSymfonyの世界へようこそ
Hiromu Shioya
Let’s angular js!!
Syoko Matsumura
More from 77web
(9)
PDF
最近のPHP事情とNagoya.phpへのお誘い #ngk2018b
77web
PDF
すばやく実装するための戦略とテクニック
77web
PPTX
テスト実行速度を改善してお金をかけずに開発スピードを爆速にする
77web
PPTX
ズンドコキヨシon Workflower
77web
PDF
Formとは何か?〜例えば、Symfony\Component\Formを避ける〜
77web
PPTX
CoderDojo Nagoyaの取り組みについて at Scratch day 2015 Aichi 3分間トーク
77web
PPTX
Scratch day 2015 Aichi プログラミングバトル by CoderDojo Nagoya
77web
PPTX
こういうデータ、どこに保存してますか? #nagoyaphp
77web
PPTX
まだ技術ブログを始めてないPHPerのあなたへ。PHPカンファレンス関西2013 LT
77web
最近のPHP事情とNagoya.phpへのお誘い #ngk2018b
77web
すばやく実装するための戦略とテクニック
77web
テスト実行速度を改善してお金をかけずに開発スピードを爆速にする
77web
ズンドコキヨシon Workflower
77web
Formとは何か?〜例えば、Symfony\Component\Formを避ける〜
77web
CoderDojo Nagoyaの取り組みについて at Scratch day 2015 Aichi 3分間トーク
77web
Scratch day 2015 Aichi プログラミングバトル by CoderDojo Nagoya
77web
こういうデータ、どこに保存してますか? #nagoyaphp
77web
まだ技術ブログを始めてないPHPerのあなたへ。PHPカンファレンス関西2013 LT
77web
第9回Symfony勉強会LT Symfony2 meets AngularJS #symfony_ja
1.
Symfony2 meets AngularJS 19th April 2014 Symfony勉強会
#9 LT @77web
2.
AngularJS • JavaScriptのMVCフレームワー クの一つ • PHPでたとえるとjQueryが PEARで、Angularは cake,symfony,zend frameworkみたいな感じ
3.
Symfony2のプロジェクトに 導入してみます • 公式サイトからダウンロードしてsrc/Acme/ DemoBundle/Resources/public/jsに入れる • CDN利用 •
バンドル利用 https://packagist.org/search/?tags=angular
4.
angular.jsの基本的な書き方 はチュートリアル等を各自見 てもらうとして…
5.
例その1: 表示を変化させてみる • ソースコード https://github.com/77web/ sfstudy_ja_lt_symfony_meets_angular/ commit/ 12a685e419e4293217130cc4234c15d86b0 b42f4
6.
例その2: REST APIをコールして結果を表示してみる • ソースコード https://github.com/77web/ sfstudy_ja_lt_symfony_meets_angular/ commit/ 9f3b2468ea40ff6f336cdd47f7d9e78f73e672 c1 •
デモなのでコントローラを自作しましたがREST APIをたくさん作るときはFOSRestBundleを使う と便利です
7.
例その3: フォームを送信してみる • ソースコード https://github.com/77web/ sfstudy_ja_lt_symfony_meets_angular/commit/ 3c43bcda68c54989d7a74dfa883249e8ecd310 0f • デモなのでフォームもSymfony側から出しましたが、 実際はどんなフォームHTMLでもng-modelを適切に 足せば動作する(作り方次第では SymfonyComponentFormを回避することもでき る)
8.
(おまけ) Symfony2でangular.jsを使うときの TIPS & TRICKS •
twigと変数表記が同じ(変数hogeを表すのは{{ hoge }})なので{% verbatim %}と{% endverbatim %}で囲う。
9.
ありがとうございました。 ! [デモで使用したコード] https://github.com/77web/ sfstudy_ja_lt_symfony_meets_angular
Download