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
110
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
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
7
4.8k
Angular x Auth0 複数サービス展開での認証基盤を考える
falcon8823
0
520
iOSとIonicとHEIF画像
falcon8823
0
340
Ionicアプリのビルド自動化
falcon8823
0
27
Firebase Authentication - Ionic Meetup #12 Tokyo
falcon8823
0
270
IonicアプリをAuth0で認証する - Ionic Meetup #16 in Online
falcon8823
0
390
Other Decks in Programming
See All in Programming
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
110
バッチを作らなきゃとなったときに考えること
irof
2
520
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
470
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
110
Learning Kotlin with detekt
inouehi
1
120
はじめての Go * WASM *OCR
sgash708
1
100
Rubyと自由とAIと
yotii23
6
1.7k
PEPCは何を変えようとしていたのか
ken7253
2
220
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
950
Datadog Workflow Automation で圧倒的価値提供
showwin
1
160
color-scheme: light dark; を完全に理解する
uhyo
7
490
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.2k
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
YesSQL, Process and Tooling at Scale
rocio
172
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Music & Morning Musume
bryan
46
6.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Raft: Consensus for Rubyists
vanstee
137
6.8k
How to train your dragon (web standard)
notwaldorf
91
5.9k
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 ·ͱΊ