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.4k
カラーミーショップカートのAngular事情 / Angular circumstances of colorme-cart
ku00
1
2.5k
もう一人の私 / Another I
ku00
0
2k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
860
Other Decks in Technology
See All in Technology
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
10xinc
0
200
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
320
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
340
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
0
310
Building a cloud native business on open source
lizrice
0
180
20251024_TROCCO/COMETAアップデート紹介といくつかデモもやります!_#p_UG 東京:データ活用が進む組織の作り方
soysoysoyb
0
110
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
190
What's new in OpenShift 4.20
redhatlivestreaming
0
260
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
180
OCIjp_Oracle AI World_Recap
shinpy
1
180
GraphRAG グラフDBを使ったLLM生成(自作漫画DBを用いた具体例を用いて)
seaturt1e
1
150
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
14
82k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
We Have a Design System, Now What?
morganepeng
53
7.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
GitHub's CSS Performance
jonrohan
1032
470k
Side Projects
sachag
455
43k
Code Reviewing Like a Champion
maltzj
526
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Invisible Side of Design
smashingmag
302
51k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
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͕ϥοϓղআͷढจ