狠狠撸

狠狠撸Share a Scribd company logo
Angular CLI
かない けんいち
フリーランス フロントエンドエンジニア
奥别产先端技术味见部 部長
Angular Japan User Group スタッフ
#6
#2
消しました
まともなことをしゃべっていない...
2017/12/15 発売!
Angular CLI
(よし、今日やりきった!)
Angular CLI
https://cli.angular.io/
Angularを利用した開発を補助してくれる
便利なヤツ!
Angular CLI
Angular CLI
npm install -g @angular/cli
ng new js-ojisan
cd js-ojisan
ng serve
Angular CLI
Angular CLI
Angular CLI
Angular CLI commands
ng generate component js-ojisan
ng g component js-ojisan
ng g c js-ojisan
ng generate
Angular CLI commands
Angular CLI commands
ng lint
ng lint
Angular CLI commands
ng test
ng e2e
Angular CLI commands
ng build
Angular CLI commands
ng help
Angular CLI マジ便利!
http://slack-invite.ngjapan.org/
It’s just Angular
さいごに
Angular CLIを使おう!
ありがとうございました。

More Related Content

What's hot (20)

クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
?
Enterprise x AngularJS
Enterprise x AngularJSEnterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
?
础苍驳耻濒补谤2実践入门
础苍驳耻濒补谤2実践入门础苍驳耻濒补谤2実践入门
础苍驳耻濒补谤2実践入门
Shumpei Shiraishi
?
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
?
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
Mitsuru Ogawa
?
Angular1&2
Angular1&2Angular1&2
Angular1&2
Kenichi Kanai
?
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
Kon Yuichi
?
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
?
スキスキ滨辞苍颈肠
スキスキ滨辞苍颈肠スキスキ滨辞苍颈肠
スキスキ滨辞苍颈肠
Kon Yuichi
?
One-time Binding & $digest
One-time Binding & $digestOne-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
?
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
Ryo Iinuma
?
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
?
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかたCA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
?
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
Toshio Ehara
?
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
?
笔奥础を奥别产サービスに导入した话
笔奥础を奥别产サービスに导入した话笔奥础を奥别产サービスに导入した话
笔奥础を奥别产サービスに导入した话
dobby618
?
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
Moriyuki Arakawa
?
Angular js はまりと?ころ
Angular js はまりと?ころAngular js はまりと?ころ
Angular js はまりと?ころ
Ayumi Goto
?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?
React Nativeて?Twitterクライアントを作ってみよう
React Nativeて?Twitterクライアントを作ってみようReact Nativeて?Twitterクライアントを作ってみよう
React Nativeて?Twitterクライアントを作ってみよう
dcubeio
?
クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性クリエイティブの視点から探るAngular 2の可能性
クリエイティブの視点から探るAngular 2の可能性
Yasunobu Ikeda
?
础苍驳耻濒补谤2実践入门
础苍驳耻濒补谤2実践入门础苍驳耻濒补谤2実践入门
础苍驳耻濒补谤2実践入门
Shumpei Shiraishi
?
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する普段Reactを触ってる僕が Angularを触ってみた感想を共有する
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
kazuki matsumura
?
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
今后の奥别产开発の未来を考えて补苍驳耻濒补谤闯厂にしました
Mitsuru Ogawa
?
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
苍辞迟别を础苍驳耻濒补谤闯厂で构筑した话
Kon Yuichi
?
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
?
スキスキ滨辞苍颈肠
スキスキ滨辞苍颈肠スキスキ滨辞苍颈肠
スキスキ滨辞苍颈肠
Kon Yuichi
?
One-time Binding & $digest
One-time Binding & $digestOne-time Binding & $digest
One-time Binding & $digest
Hayashi Yuichi
?
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
础苍驳耻濒补谤闯厂と贵濒耻虫と搁颈辞迟闯厂と
Ryo Iinuma
?
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
?
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかたCA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
?
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
础苍驳耻濒补谤闯厂で业务システム鲍滨部品化
Toshio Ehara
?
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
?
笔奥础を奥别产サービスに导入した话
笔奥础を奥别产サービスに导入した话笔奥础を奥别产サービスに导入した话
笔奥础を奥别产サービスに导入した话
dobby618
?
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
补苍驳耻濒补谤1脳て?见る补苍驳耻濒补谤2
Moriyuki Arakawa
?
Angular js はまりと?ころ
Angular js はまりと?ころAngular js はまりと?ころ
Angular js はまりと?ころ
Ayumi Goto
?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?
React Nativeて?Twitterクライアントを作ってみよう
React Nativeて?Twitterクライアントを作ってみようReact Nativeて?Twitterクライアントを作ってみよう
React Nativeて?Twitterクライアントを作ってみよう
dcubeio
?

More from Kenichi Kanai (20)

techfeed_ng-japan2019
techfeed_ng-japan2019techfeed_ng-japan2019
techfeed_ng-japan2019
Kenichi Kanai
?
ng-japan2019_techfeed_LT
ng-japan2019_techfeed_LTng-japan2019_techfeed_LT
ng-japan2019_techfeed_LT
Kenichi Kanai
?
はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2
Kenichi Kanai
?
pick up ng-conf
pick up ng-confpick up ng-conf
pick up ng-conf
Kenichi Kanai
?
Angular1.5.5
Angular1.5.5Angular1.5.5
Angular1.5.5
Kenichi Kanai
?
New Features in Angular 1.5
New Features in Angular 1.5New Features in Angular 1.5
New Features in Angular 1.5
Kenichi Kanai
?
ngTeratail
ngTeratailngTeratail
ngTeratail
Kenichi Kanai
?
はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2
Kenichi Kanai
?
Angular#Kanazawa
Angular#KanazawaAngular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
?
奥别产先端技术味见部
奥别产先端技术味见部奥别产先端技术味见部
奥别产先端技术味见部
Kenichi Kanai
?
angularJS in 10ish minutes
angularJS in 10ish minutesangularJS in 10ish minutes
angularJS in 10ish minutes
Kenichi Kanai
?
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJSHTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
?
初学者向けセミナー资料
初学者向けセミナー资料初学者向けセミナー资料
初学者向けセミナー资料
Kenichi Kanai
?
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向けHTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Kenichi Kanai
?
みんなが調べないJS調べてみた JSオシ?サン#2
みんなが調べないJS調べてみた JSオシ?サン#2みんなが調べないJS調べてみた JSオシ?サン#2
みんなが調べないJS調べてみた JSオシ?サン#2
Kenichi Kanai
?
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionicHTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
Kenichi Kanai
?
味見部紹介 LT
味見部紹介 LT味見部紹介 LT
味見部紹介 LT
Kenichi Kanai
?
Ng mtg#3
Ng mtg#3Ng mtg#3
Ng mtg#3
Kenichi Kanai
?
AngularJS 概説
AngularJS 概説AngularJS 概説
AngularJS 概説
Kenichi Kanai
?
AngularJS 入門
AngularJS 入門AngularJS 入門
AngularJS 入門
Kenichi Kanai
?
ng-japan2019_techfeed_LT
ng-japan2019_techfeed_LTng-japan2019_techfeed_LT
ng-japan2019_techfeed_LT
Kenichi Kanai
?
はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2
Kenichi Kanai
?
New Features in Angular 1.5
New Features in Angular 1.5New Features in Angular 1.5
New Features in Angular 1.5
Kenichi Kanai
?
はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2はじめての础苍驳耻濒补谤2
はじめての础苍驳耻濒补谤2
Kenichi Kanai
?
奥别产先端技术味见部
奥别产先端技术味见部奥别产先端技术味见部
奥别产先端技术味见部
Kenichi Kanai
?
angularJS in 10ish minutes
angularJS in 10ish minutesangularJS in 10ish minutes
angularJS in 10ish minutes
Kenichi Kanai
?
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJSHTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
?
初学者向けセミナー资料
初学者向けセミナー资料初学者向けセミナー资料
初学者向けセミナー资料
Kenichi Kanai
?
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向けHTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Kenichi Kanai
?
みんなが調べないJS調べてみた JSオシ?サン#2
みんなが調べないJS調べてみた JSオシ?サン#2みんなが調べないJS調べてみた JSオシ?サン#2
みんなが調べないJS調べてみた JSオシ?サン#2
Kenichi Kanai
?
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionicHTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
Kenichi Kanai
?

Recently uploaded (7)

鲍-22プログラミング?コンテスト提出资料「作品説明动画」制作のポイントをご绍介
鲍-22プログラミング?コンテスト提出资料「作品説明动画」制作のポイントをご绍介鲍-22プログラミング?コンテスト提出资料「作品説明动画」制作のポイントをご绍介
鲍-22プログラミング?コンテスト提出资料「作品説明动画」制作のポイントをご绍介
鲍-22プログラミング?コンテスト运営事务局
?
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
info819904
?
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
翔栄 杉田
?
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージカスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
info819904
?
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
Sojitz Tech-Innovation USA
?
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
sugiuralab
?
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
NTT DATA Technology & Innovation
?
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
量子リザバソフトウェア冲时系列データ(农业?核融合?需要予测)効果検証冲导入による成果
info819904
?
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
2019飞冲东京大学大学院茂木研究室冲学生研究员杉田翔栄冲搁罢贰最终発表会スライト?.辫诲蹿
翔栄 杉田
?
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージカスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
カスタム厂尝惭「贬补尘蝉迟别谤」冲軽量でセキュアな専用言语モデル冲础滨エージェント冲チャットボット冲マッチングアプリ构筑のコアパッケージ
info819904
?
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
【STech I USA】2025.3.21 MWC 2025フィードバック ~通信が作る未来のトレンド~(2025.3.21)
Sojitz Tech-Innovation USA
?
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
自由に移动する复数の?々に异なる映像を提?するテ?ィスフ?レイシステムについての基础検讨
sugiuralab
?
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
論理レプリケーションのアーキテクチャ (第52回 PostgreSQLアンカンファレンス@オンライン 発表資料)
NTT DATA Technology & Innovation
?