Submit Search
Upload
Alt01-LT
•
1 like
•
2,038 views
Yuta Hiroto
Follow
今更ながらALT#1でのLT発表資料を上げました。 angular-fullstack
Read less
Read more
Technology
Report
Share
Report
Share
1 of 17
Download now
Download to read offline
Recommended
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
Recommended
One-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
Angular1&2
Angular1&2
Kenichi Kanai
AngularJSからReactに移ったケースの話
AngularJSからReactに移ったケースの話
kumatch kumatch
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
AngularJS 概説
AngularJS 概説
Kenichi Kanai
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
React.js + Flux
React.js + Flux
dsuke Takaoka
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
Yosuke Onoue
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
Angular2
Angular2
Kenichi Kanai
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
Node.js version16の新機能
Node.js version16の新機能
Masaki Suzuki
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Yuta Matsumura
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
More Related Content
What's hot
Angular1&2
Angular1&2
Kenichi Kanai
AngularJSからReactに移ったケースの話
AngularJSからReactに移ったケースの話
kumatch kumatch
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
AngularJS 概説
AngularJS 概説
Kenichi Kanai
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
React.js + Flux
React.js + Flux
dsuke Takaoka
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
Yosuke Onoue
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
Angular2
Angular2
Kenichi Kanai
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
Yusuke Murata
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
Node.js version16の新機能
Node.js version16の新機能
Masaki Suzuki
What's hot
(20)
Angular1&2
Angular1&2
AngularJSからReactに移ったケースの話
AngularJSからReactに移ったケースの話
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
AngularJS 概説
AngularJS 概説
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Enterprise x AngularJS
Enterprise x AngularJS
React.js + Flux
React.js + Flux
React を導入したフロントエンド開発
React を導入したフロントエンド開発
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
AngularJSでの非同期処理の話
AngularJSでの非同期処理の話
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
Angular#Kanazawa
Angular#Kanazawa
Angular2
Angular2
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Angular2実践入門
Angular2実践入門
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Node.js version16の新機能
Node.js version16の新機能
Viewers also liked
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Yuta Matsumura
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
Angularを利用しよう
Angularを利用しよう
AfiruPain NaokiSoga
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
kwatch
3分でわかるangular js
3分でわかるangular js
Shin Adachi
忙しい人のためのBackbone.jsとAngular.js入門
忙しい人のためのBackbone.jsとAngular.js入門
Toshiaki Maki
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
TypeScriptで快適javascript
TypeScriptで快適javascript
AfiruPain NaokiSoga
Viewers also liked
(11)
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Angularを利用しよう
Angularを利用しよう
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
3分でわかるangular js
3分でわかるangular js
忙しい人のためのBackbone.jsとAngular.js入門
忙しい人のためのBackbone.jsとAngular.js入門
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
TypeScriptで快適javascript
TypeScriptで快適javascript
Similar to Alt01-LT
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
Kazuhiro Yoshimoto
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
アシアル株式会社
AngularJSを触ってみた
AngularJSを触ってみた
tomowata
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Koichiro Nishijima
ngJapan報告会
ngJapan報告会
Fumio SAGAWA
HTML5-20100626
HTML5-20100626
Taku AMANO
多分モダンなWebアプリ開発
多分モダンなWebアプリ開発
tak-nakamura
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Kazuhiro Hara
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Maaya Ishida
Mvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
pinmarch_t Tada
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
Hiroki OKAZAKI
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
Backbone.js入門
Backbone.js入門
AdvancedTechNight
Similar to Alt01-LT
(20)
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
JavaScript(AngularJS・React.js)で作る iOS・Androidアプリハンズオン
CordovaでAngularJSアプリ開発
CordovaでAngularJSアプリ開発
AngularJSを触ってみた
AngularJSを触ってみた
スマホにおけるWebGL入門
スマホにおけるWebGL入門
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
ngJapan報告会
ngJapan報告会
HTML5-20100626
HTML5-20100626
多分モダンなWebアプリ開発
多分モダンなWebアプリ開発
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Mvc conf session_5_isami
Mvc conf session_5_isami
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
AngularJS x Chrome Apps (2014.08.23 #gdgkobe event)
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
Canvas勉強会
Canvas勉強会
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
120512 metro styleapp_javascript
120512 metro styleapp_javascript
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Backbone.js入門
Backbone.js入門
Recently uploaded
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
Recently uploaded
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
Alt01-LT
1.
Angular-fullstack ! ALT#1
2014/06/24
2.
自己紹介 名前 廣戸
裕大 Twitter about_hiroppy スマブラ大好き 2
3.
JavaScriptをみんなに使ってもらいたいパッションです 今回は紹介がメインです 3
4.
AngularJSとは? Googleが開発しているMVWフレームワーク フロントエンドでのフレームワーク
HTMLに記述していくテンプレート型 双方向データバインディングのサポート 4
5.
index.html app.js inputをいれると変わる
5
6.
Angular-fullstack!!!! 6
7.
なにかというと… MEAN(MongoDB +
Express.js + Angular.js + Node.js)という構成のWebアプリケーション作 成をサポートするジェネレーター 7
8.
つまり全てJavaScriptでかけるということ!! Jade,Sass,CoffeeScriptも使える! Karma(test),Passport(認証ミドルウェア)も入っ
ている! Herokuにも対応している! .gitignoreとかのこともしてくれている! 8
9.
構成 フロントエンドAngular.js(MVW) バックエンドExpress.js(MVC)
MongoDB 9 APIを発行
10.
viewはExpressとAngular一緒なのでこのようになる なのでExpress側でしかviewは持たない 10
11.
導入方法 npm install
-g generator-angular-fullstack 11
12.
Yeomanとは? Yeoman yo
雛形作成ツール Grunt タスクランナー Bower パッケージマネージャ 12
13.
Yeomanでの生成 $ yo
angular-fullstack これを実行しgrunt serveするだけで… 13
14.
14
15.
Login,Sign up等がすでに実装されている ディレクトリ構成もフロント、バックエンド必
要最低限作られる クライアントとサーバのテストもすでに用意さ れている 15
16.
かんたん! 16
17.
最後に もしJavaScriptに興味あってwebアプリケーショ ン作りたいって場合はAngularjs-fullstack使って
みてもいいのではないのでしょうか・・・(つ かってほしいなぁ♥) generator-angular-fullstack https://github.com/DaftMonk/generator-angular- fullstack 17
Download now