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 Schematicsを利用した アプリ量産体制
Search
Hayato OKUMOTO
September 29, 2022
Programming
0
69
Angular Schematicsを利用した アプリ量産体制
Startup Angular #5での発表資料です
https://voicy.connpass.com/event/269162/
Hayato OKUMOTO
September 29, 2022
Tweet
Share
More Decks by Hayato OKUMOTO
See All by Hayato OKUMOTO
Angular x Auth0 複数サービス展開での認証基盤を考える
falcon8823
0
370
iOSとIonicとHEIF画像
falcon8823
0
290
Ionicアプリのビルド自動化
falcon8823
0
14
Firebase Authentication - Ionic Meetup #12 Tokyo
falcon8823
0
230
IonicアプリをAuth0で認証する - Ionic Meetup #16 in Online
falcon8823
0
350
Other Decks in Programming
See All in Programming
CSC307 Lecture 09
javiergs
PRO
1
500
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
Trial
cairolibrary720
1
130
コード生成を伴うLLMエージェント - 2024.07.18 Tokyo AI
smiyawaki0820
11
4.1k
【Go言語】ジェネリクス
tomo1227
0
170
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Code Reviewing Like a Champion
maltzj
517
39k
Designing with Data
zakiwarfel
96
5k
Clear Off the Table
cherdarchuk
89
320k
4 Signs Your Business is Dying
shpigford
178
21k
Making Projects Easy
brettharned
111
5.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Ruby is Unlike a Banana
tanoku
96
10k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
Design by the Numbers
sachag
277
18k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Transcript
Angular SchematicsΛར༻ͨ͠ ΞϓϦྔ࢈ମ੍ גࣜձࣾTwoGate औకCTO Ԟຊ൏
2 ࣗݾհ Ԟຊ൏ w גࣜձࣾ5XP(BUFɹڞಉۀऀऔక$50 w ܦྺ w ߴઐˠ๛ڮٕज़Պֶେֶग़ w
5XP(BUFۀ։ൃຊ෦ w ݄ΑΓ
ࣄۀ༰ ɾ৽نࣄۀྖҬͷϞόΠϧΞϓϦ8FCΞϓϦͷ։ൃ͕ಘҙͳձࣾ ɾσβΠϯ͔ΒΠϯϑϥ·ͰҰؾ௨؏Ͱ։ൃ 3 ձࣾ֓ཁ https://twogate.com/ ઃཱ ɾ݄ઃཱʢظʣ ɾνʔϜͱͯ͠ ɾ໊த໊ͷߴઐੜͰۀɹݱࡏɺϑϧλΠϜ໊نʹ
4 5XP(BUFͷٕज़ελοΫ αʔόαΠυ ϑϩϯτΤϯυ ։ൃڥ Πϯϑϥ
5XP(BUFͷϓϩμΫτ
6 /PDPEF-PXDPEFιϦϡʔγϣϯ ϞόΠϧΦʔμʔ (ΞϓϦ) ΦϯϥΠϯΨνϟ (Web) ެࣜΞϓϦ (ΞϓϦˍ̬eb) Nocode Low
code
7 σδλϧίϯςϯπ৴ιϦϡʔγϣϯ ԻίϯςϯπΞϓϦ ϘΠείʔϧ৴ NFTൃߦ Coming soon…
Angular SchematicsΛར༻ͨ͠ Low codeΞϓϦྔ࢈ମ੍
w λϨϯτΞʔςΟετ͚ͷαΠτΞϓϦ w ෳͷΞʔςΟετͱಉډͨ͠αΠτ·Εʹ͍͘ w ݸผαΠτݸผΞϓϦͷχʔζ͕ߴ͍ w େ΄Ͳࡉ͔͍ݸผཁٻʹରԠ͕ඞཁͳέʔε͕͋Δ w ্هΛຬͨͭͭ͠খνʔϜͰ։ൃɾอकΛ͍ͯ͘͠ʹɺ͕ඞཁ
23 എܠ
w αΠτ͝ͱʹڞ௨෦ͱݸผ෦Λ࡞Ͱ͖ΔΑ͏ͳϓϩδΣΫτߏΛ࣮ݱ͍ͨ͠ w ํ๏ w "ݩͷίʔυΛGPSLͯ͠ݸผίʔυʹ͢Δ w #ςϯϓϨʔτԽͯ͠ݸผίʔυʹ͢Δ w $ϥΠϒϥϦԽͯ͠෦తʹݸผίʔυʹ͢Δ
w %ϊʔίʔυԽͯ͠ڞ௨ίʔυʹ͢Δ 24 ΞʔΩςΫνϟ
w αΠτ͝ͱʹڞ௨෦ͱݸผ෦Λ࡞Ͱ͖ΔΑ͏ͳϓϩδΣΫτߏΛ࣮ݱ͍ͨ͠ w ํ๏ w "ݩͷίʔυΛGPSLͯ͠ݸผίʔυʹ͢Δ w #ςϯϓϨʔτԽͯ͠ݸผίʔυʹ͢Δ w $ϥΠϒϥϦԽͯ͠෦తʹݸผίʔυʹ͢Δ
w %ϊʔίʔυԽͯ͠ڞ௨ίʔυʹ͢Δ 25 ΞʔΩςΫνϟ
26 "OHVMBS4DIFNBUJDT
w "OHVMBSϥΠϒϥϦ͚ͷίʔυδΣωϨʔλ w OHBEEOHHFOFSBUFOHVQEBUF࣌ʹΔεΫϦϓτ w ύοέʔδΛՃͨ͠ͱ͖ɺ/H.PEVMFͳͲʹఆٛΛೖΕͯ͘ΕΔͭ w ϥΠϒϥϦͷΞοϓσʔτͰΠϯλʔϑΣʔε͕มΘͬͨͱ͖ʹɺࣗಈஔͯ͠ ͘ΕΔͭ 27
"OHVMBS4DIFNBUJDT https://angular.jp/guide/schematics
w ॳظঢ়ଶͷςϯϓϨʔτϑΝΠϧ܈ w OHBEE͢ΔͱࣗಈͰՃ͞ΕΔ w ͦͷଞϑΝΠϧஔมߋͷͨΊͷεΫϦϓτ ࣮Մೳ w ςϯϓϨʔτΤϯδϯ༻ҙ͞Ε͓ͯΓɺมλ άΛຒΊΔͱϓϩδΣΫτݻ༗ͷʹ߹Θͤͯࣗ
ಈઃఆͰ͖Δ 28 OHBEE༻ςϯϓϨʔτ
w ৽ػೳՃվमޙʹɺ֤ϓϩδΣΫτͷίΞϥΠϒϥϦͷΞοϓσʔτ͕ඞཁ w طʹಈ͍͍ͯΔίʔυͰɺίʔυ͝ͱʹՃ͞Ε͍ͯΔ෦͕ੜͯ͘͡Δ w ࠩύονͷద༻͕ඞཁ w ͜ΕΛղܾ͢ΔΈ4DIFNBUJDTͰߟྀ͞Ε͍ͯΔʢ༏लʣ 29 OHVQEBUF͚TDIFNBUJDT
30 OHVQEBUF͚TDIFNBUJDT w Ξοϓσʔτલޙͷόʔδϣϯ͔Βɺඞཁͳ ύονεΫϦϓτ͕࣮ߦ͞ΕΔ
31 ͍ํΠϝʔδ Angular Project ng new awesome-gacha-site w ۭͬΆͷ"OHVMBSϓϩδΣΫτΛ࡞
32 ͍ํΠϝʔδ Angular Project Angular Library ίΞػೳ ng add @twogate/slashkit-plus
w ίΞػೳͷೖͬͨ"OHVMBS-JCSBSZΛՃ w 4DIFNBUJDTʹΑΓपลઃఆ͕શͯࣗಈηοτΞοϓ w 'JSFCBTF1SPKFDU࡞ʴڥมઃఆ w ඪ४$44ςʔϚϑΝΠϧઃஔ w (JU-BC$*ఆٛϑΝΠϧઃஔ CSS Config Assets ͔͜͜ΒɺαΠτݻ༗ͷΞηοτઃఆΛม͑Δ͚ͩɻ
33 ͍ํΠϝʔδ Angular Project git push … w (JU-BC (JU-BC$*ͰࣗಈϏϧυˍϦϦʔε
w ࣾͰҰ࿈ͷྲྀΕΛσβΠφʔͳͲඇΤϯδχΞ͕Ϧ Ϧʔε·ͰͰ͖Δঢ়ଶʹ git push … Deploy
34 ͍ํΠϝʔδ Ұ੪Ξοϓσʔτ w (JU-BC$*ͷఆظ࣮ߦͰɺOHVQEBUFΛ(JU-BCͷϦϙδτϦʹద༻͢ΔεΫϦϓτΛ࣮ ɻ w όʔδϣϯ͕࠷৽Ͱͳ͔ͬͨΒɺ.FSHF3FRVFTUΛࣗಈ࡞ɻ
w ݱࡏσϞςφϯτ߹ΘͤΔͱɺϦϙδτϦ΄Ͳͷنʹ w ݸผχʔζʹԠ͑ΒΕͭͭɺӡ༻ίετͦΕͳΓʹ͘ରԠͰ͖͍ͯΔ w طଘͷςφϯτ͕͔ͤͰΞοϓσʔτͰ͖ͳ͔ͬͨέʔε΄΅ແ͠ w ҰํͰɺͦ͜·ͰΧελϚΠζཁ͕ͳ͍έʔε͋ΔͷͰɺڞ༗ϓϥοτϑΥʔ Ϝ൛༻ҙ͢Δ͜ͱΛݕ౼͍ͯ͠Δɻ 35
ӡ༻ͯ͠Έͯ
w "OHVMBS4DIFNBUJDTΛ׆༻ͨ͠-PX$PEFαΠτྔ࢈ମ੍ w $*׆༻ͨ͠΄΅ࣗಈͰͷӡ༻ମ੍ w 8FBSFIJSJOH w ΤϯλϝྖҬશྗͰϓϩμΫτΛ։ൃ͍ͨ͠ɺ w "OHVMBSΤϯδχΞΛืू͍ͯ͠·͢
36 ·ͱΊ