Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ng-mocksを活用したユニットテストのご紹介
Search
Yusuke Oba
September 22, 2021
Programming
0
410
ng-mocksを活用したユニットテストのご紹介
ng-japan OnAir vol.46 「Angularのテストを語る」で発表したLTセッションの資料です。
Yusuke Oba
September 22, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
140
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
39
26k
AI前提で考えるiOSアプリのモダナイズ設計
yuukiw00w
0
190
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
390
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
200
Vibe codingでおすすめの言語と開発手法
uyuki234
0
130
Graviton と Nitro と私
maroon1st
0
140
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
230
ゆくKotlin くるRust
exoego
1
160
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
tsutsui
0
190
AIコーディングエージェント(Manus)
kondai24
0
220
TestingOsaka6_Ozono
o3
0
180
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
710
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
0
31
Ruling the World: When Life Gets Gamed
codingconduct
0
100
Skip the Path - Find Your Career Trail
mkilby
0
27
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
0
190
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
400
Side Projects
sachag
455
43k
First, design no harm
axbom
PRO
1
1.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Context Engineering - Making Every Token Count
addyosmani
9
560
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Transcript
ng-japan OnAir LT Session
Angular͖ͳWebΞϓϦέʔγϣϯΤϯδχΞͰ͢ ࣗࣾͰӡӦ͢ΔϏϡʔΞʔΞϓϦέʔγϣϯͷςοΫϦʔ υΛ୲͍ͯ͠·͢ɻ Senior Software Engineer yusuke-oba1 About Me େ༔հ
Yusuke OBA
4BGJFͬͯԿʁ
ΫϥυըαʔϏε גࣜձࣾςΫϊɾγεςϜɾϦαʔνʮωοτϫʔΫΧϝϥͷΫϥυըαʔϏεࢢௐࠪʯ ωοτϫʔΫΧϝϥͷө૾ΛΫϥυʹ อଘɻ ͍ͭͰ͖ͳ࣌ʹϥΠϒըө૾Λ ݟΒΕ·͢ɻ ۀɻ ಉ༷ͷαʔϏεͱͯ͠ɺ
ࠃγΣΞ/P✨
ng-mocksΛ׆༻ͨ͠Ϣχοτςετͷ͝հ
ͳͥςετΛॻ͘ͷ͔
ͳͥςετΛॻ͘ͷ͔ ɾσάϨΛ͙ ɾϩδοΫͷมߋɺϥΠϒϥϦͷมߋʹڧ͘ͳΔ ɾΑΓγϯϓϧͳ࣮ʹͳΔ
ςετͷΈ
ςετͷΈ ɾϞοΫΛ࡞͢Δͷ͕खؒ ɾ࣮͕มΘΔͱϞοΫΛվम͢Δඞཁ͕͋Δ
OHNPDLT.PDL1SPWJEFS IUUQTOHNPDLTTVEPFVBQJ.PDL1SPWJEFS ϞοΫΛಈతʹ࡞͢Δ
࣮ྫͷ͝հ
؆୯ͳαϯϓϧͰ͝հ ςΩετϘοΫε ߋ৽Ϙλϯ
ؔ࿈ਤ Component Component Store Service 6*Λఆٛ ঢ়ଶཧɾߋ৽ "1*αʔϏε
σΟϨΫτϦߏ Service Component Store Component
αʔϏεͷ࣮
αʔϏεͷ࣮ "1*ͰΛߋ৽ ⁞ ⁞"1*ͰΛऔಘ
ComponentStoreͷ࣮ͱςετ
$PNQPOFOU4UPSFͷ࣮ ⁞ ⁞ঢ়ଶͱͯ͠WBMVFΛఆٛ αʔϏε͔ΒΛऔಘͯ͠WBMVFͷঢ়ଶΛॳظԽ WBMVFͷঢ়ଶΛߋ৽ αʔϏεͷVQEBUF7BMVFϝιουΛݺͼग़͢
$PNQPOFOU4UPSFͷςετ࣮ ⁞ ⁞OHNPDLTͷ.PDL1SPWJEFSͰαʔϏεΛϞοΫ 5FTU#FEJOKFDUͰϞοΫΠϯελϯε͕ฦΔ TQZ0OͰϝιουͷॲཧΛ্ॻ͖ ঢ়ଶ͕ظʹߋ৽͞Ε͍ͯΔ͔Λςετ
ετΞͷঢ়ଶΛߋ৽ TQZ0OͰϝιουͷॲཧΛ্ॻ͖ ظ͢ΔϝιουɾҾ͕ݺΕ͍ͯΔ͔Λςετ
Componentͷ࣮ͱςετ
HTML Template Component $PNQPOFOUͷ࣮ ⁞ ⁞$PNQPOFOU4UPSFΛQSPWJEFSTʹՃ $PNQPOFOU4UPSFΛ%*Ͱೖ WBMVFมʹετΞͷWBMVFΛೖ
˞QVTIQJQFBTZODQJQFͷΧελϚΠζ ςΩετϘοΫεʹWBMVFΛόΠϯσΟϯά ˞TGUFYUCPYಠࣗίϯτϩʔϧ ϘλϯʹVQEBUFϝιουΛόΠϯσΟϯά ˞TGCVUUPOಠࣗίϯτϩʔϧ
$PNQPOFOUͷςετ࣮ ⁞ ⁞.PDL1SPWJEFSͰ$PNQPOFOU4UPSFΛϞοΫ ɹWBMVFΛ#FIBWJPS4VCKFDUʹஔ͖͑ WBMVFͷΛߋ৽ ˞.PDL4UPSF7BMVFʹ͍ͭͯޙड़ ςΩετϘοΫεͷΛςετ ˞GJOE&MFNFOUT#Z/BNFʹ͍ͭͯޙड़
ίϯτϩʔϧͷϔϧύʔΛ࡞ ˞ಠࣗίϯτϩʔϧΛςετͰ੍ޚ͢ΔͨΊͷϔϧύʔΫϥε 6QEBUFϘλϯΛΫϦοΫͯ͠VQEBUFϝιου ͕ݺΕ͍ͯΔ͔Λςετ
ศརؔͷհ #FIBWJPS4VCKFDUͷΛߋ৽͢Δ )5.-ཁૉͷOBNFଐੑ͔ΒλʔήοτͷཁૉΛ୳ࡧ͢Δ
·ͱΊ ɾϞοΫͷ࡞ίετΛݮ͢Δ͚ͩͰ͍ͩͿָʹͳΔ ɾཁૉOBNFଐੑΛ༩࣮ͯ֬͠ʹऔΕΔΑ͏ʹ͢Δ ɾϔϧύʔΫϥεͰίϯτϩʔϧΛૢ࡞Ͱ͖ΔΑ͏ʹ͢Δͱศར ɾςετॻ͖ա͗ͳ͍
ө૾͔ΒະདྷΛͭ͘Δ