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
2k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
830
Other Decks in Technology
See All in Technology
ゼロから始めるSREの事業貢献 - 生成AI時代のSRE成長戦略と実践 / Starting SRE from Day One
shinyorke
PRO
0
110
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
1
310
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
ロールが細分化された組織でSREは何をするか?
tgidgd
1
420
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
5
3k
AI Ready API ─ AI時代に求められるAPI設計とは?/ AI-Ready API - Designing MCP and APIs in the AI Era
yokawasa
6
1.7k
三視点LLMによる複数観点レビュー
mhlyc
0
230
LLM拡張解体新書/llm-extension-deep-dive
oracle4engineer
PRO
23
6.2k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
6.9k
振り返りTransit Gateway ~VPCをいい感じでつなげるために~
masakiokuda
3
210
セキュアなAI活用のためのLiteLLMの可能性
tk3fftk
1
330
shake-upを科学する
rsakata
7
1k
Featured
See All Featured
Visualization
eitanlees
146
16k
Unsuck your backbone
ammeep
671
58k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Building Adaptive Systems
keathley
43
2.7k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Documentation Writing (for coders)
carmenintech
72
4.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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͕ϥοϓղআͷढจ