Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゆるふわAngular入門/angular-intro
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Kentaro Suda
March 16, 2018
Technology
2
2.5k
ゆるふわAngular入門/angular-intro
2018/03/16(金)
第1回ペパボフロントエンドミーティング
Kentaro Suda
March 16, 2018
Tweet
Share
More Decks by Kentaro Suda
See All by Kentaro Suda
大きくなるチームを支える技術 / Technology to support a growing SCX team
ku00
0
1.4k
カラーミーショップカートのAngular事情 / Angular circumstances of colorme-cart
ku00
1
2.6k
もう一人の私 / Another I
ku00
0
2.1k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
880
Other Decks in Technology
See All in Technology
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
290
AI時代、1年目エンジニアの悩み
jin4
1
150
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
kumaiu
5
720
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
120
【インシデント入門】サイバー攻撃を受けた現場って何してるの?
shumei_ito
0
1.4k
開発メンバーが語るFindy Conferenceの裏側とこれから
sontixyou
2
520
Agile Leadership Summit Keynote 2026
m_seki
1
110
Amazon Bedrock AgentCore EvaluationsでAIエージェントを評価してみよう!
yuu551
0
210
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
880
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
いよいよ仕事を奪われそうな波が来たぜ
kazzpapa3
3
360
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Curse of the Amulet
leimatthew05
1
8.1k
How to Ace a Technical Interview
jacobian
281
24k
Balancing Empowerment & Direction
lara
5
880
Color Theory Basics | Prateek | Gurzu
gurzu
0
190
How GitHub (no longer) Works
holman
316
140k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
170
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
76
Design in an AI World
tapps
0
140
The Art of Programming - Codeland 2020
erikaheidi
57
14k
KATA
mclloyd
PRO
34
15k
Transcript
ਢా݈ଠ(.01FQBCP *OD ୈճϑϩϯτΤϯυςοΫϛʔςΟϯά ΏΔ;Θ"OHVMBSೖ
ΤϯδχΞ ਢా݈ଠ!TVEBI &$ࣄۀ෦ΧϥʔϛʔγϣοϓάϧʔϓϓϥοτϑΥʔϜνʔϜ IUUQLVHJUIVCJP
Ͳ͏ͯ͠"OHVMBS
Ͳ͏ͯ͠"OHVMBS w࠷ۙࣾͰ7VFKT͕ྲྀߦ͍ͬͯΔ wΧϥʔϛʔͰ"OHVMBSΛ͍ͬͯΔ w୭"OHVMBSͷΛ͍ͯ͠ͳ͍ w"OHVMBSྲྀߦΕͱݴΘͳ͍͚ΕͲڵຯΛ࣋ͬͯ΄͍͠
ੈͷதͷτϨϯυ !BOHVMBSDPSFWTSFBDUWTWVFcOPNUSFOET IUUQXXXOQNUSFOETDPN!BOHVMBSDPSFWTSFBDUWTWVF
"OHVMBSͱ
ͲΜͳϑϨʔϜϫʔΫͳͷ wϑϧελοΫͷ+BWB4DSJQUϑϨʔϜϫʔΫ wSBJMTΈ͍ͨʹBOHVMBSDMJΛར༻ͯ͠TDB⒎PME ͢Δ͚ͩͰΞϓϦ͕࡞ΕΔ w+BWB4DSJQUͰͳ͘5ZQF4DSJQU͕ඪ४ wίϯϙʔωϯτࢦ (PPHMF$$#:
ίϯϙʔωϯτࢦ wίϯϙʔωϯτɺϖʔδΛߏ͢Δ6*ύʔπ wݟͨৼΔ͍ɺσʔλͰͰ͖͍ͯΔ w͜ΕΒίϯϙʔωϯτΛΈ߹ΘͤͯΞϓϦΛߏங͢Δ
None
όʔδϣϯ wݱࡏͷ࠷৽όʔδϣϯ ࣌ wʹҰճϝδϟʔόʔδϣϯΞοϓ wϑϩϯτΤϯυͷ͍Λମݱ͍ͯ͠Δ wͪͳΈʹΧϥʔϛʔͷYYͰࢭ·ͬͯ·͢
"OHVMBS+4ͱͲ͏ҧ͏ͷ wݩʑ"OHVMBS+4ͱ͍͏໊শͰͨ͠ wY͔Β"OHVMBSͱݺͿΑ͏ʹͳΓ·ͨ͠ Y"OHVMBS+4 wجຊతʹޓੑͳ͍ w"OHVMBS+4ͷ֓೦ͷଟ͕͘3*1ͯ͠ੜ·ΕมΘͬͨ wΞοϓάϨʔυํ๏͋Δ
"OHVMBSΞϓϦͰೣΛࣂ͏
͜ΜͳͷΛ࡞Γ͍ͨ ΞϓϦ Ո ೣ ೣ ೣ ೣ ೣ
ΞϓϦͷΛ࡞ΔΑ npm install -g @angular/cli ng new sample-app cd sample-app
ೣΛࣂ͏ͨΊͷՈͱݺͿஔΛ༻ҙ͢ΔΑ ng generate component cats ng generate service cat —-module=app
ೣ͕ॅΊΔΑ͏ʹվྑ͍ͯ͘͠Α
None
None
ೣΛ༻ҙ͢Δ npm install angular-in-memory-web-api —save ng generate service in-memory-data —-module=app
None
None
ೣΛݺΜͰΈ·͠ΐ͏ npm start (or) ng serve
/FYU4UFQ
"OHVMBSษڧձΓ·ͤΜ͔ wݸਓతʹ·ͩ·ͩษڧෆ wۀͰ͑Δ͔ͱ͔ߟ͑ͣʹͱΓ͋͑ͣͬͯΈ͍ͨ wҰॹʹษڧ͢ΔؒΛืू͠·͢
͏ͪΐͬͱৄ͘͠
ଞͷϑϨʔϜϫʔΫͱͷҧ͍ wงғؾతʹ7VFKT3FBDUͱൺΔͱࣗ༝ͦ͏ wہॴతɺஈ֊తʹద༻͢Δͱ͍͏ͷ͕ͦ͠͏ w3BJMTΞϓϦͱͷڞੜ͍͠ w8FCQBDLFSΦεεϝ͠ͳ͍ wϨʔϧʹΓ͍ͨਓ͚
8FCQBDLඞཁ w࣮͢Ͱʹ͍ͬͯΔ w"OHVMBSͷϥΠϒϥϦ͕͍͍ײ͡ʹϥοϓͯ͘͠Ε͍ͯΔ w443 TFSWFSTJEFSFOEFSJOH ͨ͘͠ͳͬͨΒඞཁ wOHFKFDU͕ϥοϓղআͷढจ