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
Kentaro Suda
March 16, 2018
Technology
2
2.4k
ゆるふわ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.3k
カラーミーショップカートのAngular事情 / Angular circumstances of colorme-cart
ku00
1
2.4k
もう一人の私 / Another I
ku00
0
1.9k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
830
Other Decks in Technology
See All in Technology
~宇宙最速~2025年AWS Summit レポート
satodesu
0
130
CI/CDとタスク共有で加速するVibe Coding
tnbe21
0
220
2025/6/21 日本学術会議公開シンポジウム発表資料
keisuke198619
2
440
doda開発 生成AI元年宣言!自家製AIエージェントから始める生産性改革 / doda Development Declaration of the First Year of Generated AI! Productivity Reforms Starting with Home-grown AI Agents
techtekt
0
180
從四件事帶你見識見識 事件驅動架構設計 (EDA)
line_developers_tw
PRO
0
620
_第3回__AIxIoTビジネス共創ラボ紹介資料_20250617.pdf
iotcomjpadmin
0
130
Perk アプリの技術選定とリリースから1年弱経ってのふりかえり
stomk
0
120
AWS全冠したので振りかえってみる
tajimon
0
150
AIにどこまで任せる?実務で使える(かもしれない)AIエージェント設計の考え方
har1101
3
1.2k
活きてなかったデータを活かしてみた話 / Shirokane Kougyou vol 19
sansan_randd
1
380
API の仕様から紐解く「MCP 入門」 ~MCP の「コンテキスト」って何だ?~
cdataj
0
170
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
line_developers_tw
PRO
0
720
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
43
2.4k
Balancing Empowerment & Direction
lara
1
320
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
KATA
mclloyd
29
14k
Thoughts on Productivity
jonyablonski
69
4.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Why Our Code Smells
bkeepers
PRO
337
57k
The Cost Of JavaScript in 2023
addyosmani
50
8.4k
Facilitating Awesome Meetings
lara
54
6.4k
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͕ϥοϓղআͷढจ