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
すごい大規模 たのしく作ろう
Search
Shinichi Kozake
May 29, 2019
Technology
4
2.3k
すごい大規模 たのしく作ろう
ng-kyoto Angular Meetup #10のLT資料です。
Shinichi Kozake
May 29, 2019
Tweet
Share
More Decks by Shinichi Kozake
See All by Shinichi Kozake
アーキテクトとは
kozake
0
2k
Ionic React でサービス開発したお話
kozake
0
120
ドキッ!失敗だらけのシステム開発
kozake
1
770
やはり俺のWeb APIは間違えている
kozake
0
500
KHipster ~JHipsterで始めるKotlin Web プログラミング~
kozake
0
840
Docker with JHipster
kozake
1
530
実践JHipster #jsug #sf_36
kozake
2
7.5k
Ionicでアプリ作ったよ!開発方法の紹介
kozake
2
970
アプリ作ろうぜ! Yomoo!ってアプリを作ったよ! #kanjava
kozake
0
1.5k
Other Decks in Technology
See All in Technology
消し忘れリソースゼロへ!私のResource Explorer活用法
cuorain
0
140
Tech Blog執筆のモチベート向上作戦
imamura_ko_0314
0
740
[2024年10月版] Notebook 2.0のご紹介 / Notebook2.0
databricksjapan
0
1.6k
日本語プログラミングとSpring Bootアプリケーション開発 #kanjava
yusuke
2
340
企業テックブログにおける執筆ネタの考え方・見つけ方・広げ方 / How to Think of, Find, and Expand Writing Topics for Corporate Tech Blogs
honyanya
0
810
Oracle Cloud Infrastructure:2025年1月度サービス・アップデート
oracle4engineer
PRO
0
200
SREとしてスタッフエンジニアを目指す / SRE Kaigi 2025
tjun
15
6.4k
あなたはJVMの気持ちを理解できるか?
skrb
5
2k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
Postman Vaultを使った秘密情報の安全な管理
nagix
3
130
もし今からGraphQLを採用するなら
kazukihayase
9
4.2k
マルチデータプロダクト開発・運用に耐えるためのデータ組織・アーキテクチャの遷移
mtpooh
0
100
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Faster Mobile Websites
deanohume
305
30k
A Tale of Four Properties
chriscoyier
157
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
270
Measuring & Analyzing Core Web Vitals
bluesmoon
6
220
The Cult of Friendly URLs
andyhume
78
6.2k
Become a Pro
speakerdeck
PRO
26
5.1k
Designing Experiences People Love
moore
139
23k
Embracing the Ebb and Flow
colly
84
4.5k
Writing Fast Ruby
sferik
628
61k
Why Our Code Smells
bkeepers
PRO
335
57k
Bash Introduction
62gerente
610
210k
Transcript
͍͢͝େنͨͷ͘͠࡞Ζ͏ʂ ng-kyoto Angular Meetup #10
4ZTUFN"SDIJUFDU +BWB !T@LP[BLF 8IPBN* 4ZTUFN"SDIJUFDU
ۙگ ʴ େنҊ݅ͱ֨ಆͯ͠·ͨ͠ʂ
γεςϜن ̍̑ສ4UFQ͘Β͍ ̍̔̌ը໘͘Β͍ ϐʔΫ໊࣌͘Β͍ େنͷఆٛΘ͔Γ·ͤΜ͕ ϑϩϯτΤϯυͷΈ ࣗಈੜιʔεؚ·ͣ
։ൃظؒ ཁ݅ఆٛʹ̍ ઃܭʹ̍ ։ൃɾςετʹϲ݄ ͳ͕ʔʔʔʔ͍γεςϜઃܭ
γεςϜཁ݅ *&ରԠ λϒϨοτͰ༻ γϯάϧαΠϯΦϯೝূ Ξϯυืूͯ͜͠ͳ͍ϑϩϯτΤϯδχΞ ϨεϙϯγϒσβΠϯ
)PXEJEZPVQSPDFFE IUUQTqJDLSQNT;"
ࣾษڧձ ۀ࣌ؒͰ"OHVMBSษڧձ ɾϝϯόʔશһͰษڧձ ɾ࣌ؒºճ िճ ɾ"OHVMBSͷຊΛ࣌ؒͰಡΜͰ͍͘
ը໘ඪ४ͷ࡞ ύϫϙͰ࡞ͬͨʂ ը໘ͷ৭ΞΠίϯ ݕࡧը໘ೖྗը໘ͷಈ࡞ ϝοηʔδͷදࣔํ๏ ͳͲͳͲ
ϞοΫΞοϓ։ൃ एखϝϯόʔͱڠྗͯ͠࡞ ɾૣ͍ஈ֊Ͱ։ൃʹணखʢ։ൃͷ։࢝࣌Ͱɺશը໘ͷϞοΫΞοϓ͕ʣ ɾٕज़ݕূΛ݉ͶΔ͜ͱ͕Ͱ͖ͨʂ ɾϢʔβͷૢ࡞ཁΛૣ͍ஈ֊ͰΩϟονΞοϓͰ͖ͨʂ ɾएखڭҭʹͭͳ͕ͬͨʂ
)PXEJEZPVEFWFMPQ IUUQTqJDLSQNT;"
͜ΕΒͷϥΠϒϥϦΛ༻ͨ͠Γࢀߟʹͨ͠Γ
ࠓճͷ։ൃͰ1SJNF/(Λ࠾༻ 1SJNF/(1SJNF'BDFͰ༗໊ͳ1SJNF5FL͕ఏڙ͢ΔϥΠϒϥϦ ݟͨͷྑ͞ιʔεͷݟ௨͠͞Λߟྀ͠ɺͪ͜ΒΛ࠾༻ σεΫτοϓը໘Ͱ͏߹͍͍͢ʢϞόΠϧ͚ʹΠϚΠν͔ʣ 1SJNF/(
1SJNF/( ࠓճͷ։ൃͰɺʮ1SFNJVN"QQMJDBUJPO5FNQMBUFTGPS1SJNF/(ʯ ͱ͍͏1SJNF/(ͷςϯϓϨʔτʢ"7"-0/ʣΛߪೖɻ 1SJNF/(ͷςϯϓϨʔτ̍ͭສԁఔɻҰߪೖ͢Δͱͣͬͱ͑Δɻ
BH(SJE BH(SJEσʔλάϦουΛఏڙ͢Δ6*ϥΠϒϥϦɻཁ͢Δʹ8FC্ͷ&YDFMɻ 1SJNF/(ʹ%BUB5BCMFͱ͍͏ಉ༷ͷάϦουίϯϙʔωϯτ͕͋Δ͕ɺ ٕज़ݕূͷ݁Ռɺཁٻ༷ʹ͑Εͳ͍͜ͱ͕໌ɻ σʔλάϦουෳࡶੑͷߴ͍ϥΠϒϥϦͷͨΊɺ࣮Λॏࢹͯ͠BHHSJEΛ࠾༻ɻ
JPOJD $SPTT1MBUGPSNͷϞόΠϧ8FCΞϓϦέʔγϣϯΛ࡞͢ΔͨΊͷϑϨʔϜϫʔΫ ελοΫܕͷϖʔδભҠ͕ؾʹೖͬͯɺ෦తʹಋೖ 6*෦1SJNF/(ΛϝΠϯʹ͕ͨ͠ɺϞόΠϧ͚ͩͱJPOJDͷ6*෦͍͍͢ʂ
+)JQTUFS Ϟμϯ8FCΞϓϦέʔγϣϯͷܗΛૉૣ͘࡞ΕΔ4DB⒎PMEπʔϧ ϓϩμΫτར༻Λલఏͱ࣮ͨ͠༻తͳܗΛੜͯ͘͠ΕΔ ੜ͞ΕͨιʔείʔυΛࢀߟʹͨ͠ʂ
CODE DAO Generator config ϑΝΠϧ Web dependencies dependencies ΞϓϦέʔγϣϯ ϓϨθϯςʔγϣϯ
υϝΠϯ CODE API UI ϢʔβΠϯλϑΣʔε dependencies dependencies typescript-angular ςʔϒϧ ఆٛॻ ίʔυ ఆٛॻ 0QFO"1*(FOFSBUPS ։ൃख๏
%JEZPVIBWFBOZUSPVCMF IUUQTqJDLSQNT;"
ύϑΥʔϚϯε ͜Ε͕Ұ൪ྫྷ͔͖·ͨ͠
ύϑΥʔϚϯε *&Ͱ͍ λϒϨοτͰ͍ $ISPNFͩͱ͍
*&Ͱ͍
*&Ϣʔβʹ ͦ͜ΒΜͷL
λϒϨοτͰ͍
λϒϨοτͰ͍ λϒϨοτͰͷΈૢ࡞͕ͨͭ͘ ίϯϙʔωϯτͷଟ͍ը໘Ͱݦஶ λϒϨοτ1$ʹൺͯεϖοΫʢ"OEPSJEλϒϨοτʣ 1$ϑΝʔετͩͬͨͨΊɺ1$ΛϝΠϯͰ։ൃΛਐΊͨ݁Ռɺ ςετޙͰੑೳ͕ൃ֮ʂ
λϒϨοτͰ͍ !$PNQPOFOU \ DIBOHF%FUFDUJPO$IBOHF%FUFDUJPO4USBUFHZ0O1VTI ^ ࣗલͰ༻ҙͨ͠ڞ௨6*෦ͷมߋݕͷઓུΛ 0O1VTIʹ͢Δ͜ͱͰղܾʂ
ࣗͷ*OQVUʹมԽ͕ͳ͍࣌ࢠπϦʔͷมߋݕΛεΩοϓʂ
)PXJTJUOPX IUUQTqJDLSQ/KEQW
OPX Ή͠ΖՋ ͏͙͢ϦϦʔε ຖఆ࣌ؼΓ ෆ۩߹΄ͱΜͲग़͍ͯͳ͍
JNQSFTTJPOTPG"OHVMBS
"OHVMBSͷײ ೖॻ੶͍ͩͿͦΖͬͯΔ ύϑΥʔϚϯεରࡦͳͲͷ ӡ༻ࣄྫ·ͩগͳ͍Α͏ͳ "OHVMBS͕ΒΈͷݱࡏͳ͠ ඇৗʹ҆ఆ͍ͯ͠Δ
*4 ܕͷଘࡏ࣭֬อʹཱ͍ͬͯΔʂ "OHVMBSͷײ ܕ࠷ߴʂ
"OHVMB शಘίετ͕ ߴ͍ʁ
ϑϩϯτΤϯυࣗମ͕෯͗͢Δ
ΈΜͳ ϑϩϯτΤϯυؤுΖ͏ͳʂ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ