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
840
Other Decks in Technology
See All in Technology
LLMで構造化出力の成功率をグンと上げる方法
keisuketakiguchi
0
420
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
sansan_randd
0
260
LIFF CLIとngrokを使ったLIFF/LINEミニアプリのお手軽実機確認
diggymo
0
230
みんなのSRE 〜チーム全員でのSRE活動にするための4つの取り組み〜
kakehashi
PRO
2
140
データ基盤の管理者からGoogle Cloud全体の管理者になっていた話
zozotech
PRO
0
340
人に寄り添うAIエージェントとアーキテクチャ #BetAIDay
layerx
PRO
8
2k
✨敗北解法コレクション✨〜Expertだった頃に足りなかった知識と技術〜
nanachi
1
480
SRE新規立ち上げ! Hubbleインフラのこれまでと展望
katsuya0515
0
160
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
110
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
2k
帳票構造化タスクにおけるLLMファインチューニングの性能評価
yosukeyoshida
1
230
AWS re:Inforce 2025 re:Cap Update Pickup & AWS Control Tower の運用における考慮ポイント
htan
1
210
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Cult of Friendly URLs
andyhume
79
6.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Writing Fast Ruby
sferik
628
62k
How GitHub (no longer) Works
holman
314
140k
Agile that works and the tools we love
rasmusluckow
329
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Scaling GitHub
holman
461
140k
Gamification - CAS2011
davidbonilla
81
5.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
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͕ϥοϓղআͷढจ