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
220
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アプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.6k
推し活を支えるAngularアプリ 量産体制
falcon8823
0
55
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
8
6.1k
Angular x Auth0 複数サービス展開での認証基盤を考える
falcon8823
0
600
iOSとIonicとHEIF画像
falcon8823
0
370
Ionicアプリのビルド自動化
falcon8823
0
37
Firebase Authentication - Ionic Meetup #12 Tokyo
falcon8823
0
300
IonicアプリをAuth0で認証する - Ionic Meetup #16 in Online
falcon8823
0
420
Other Decks in Programming
See All in Programming
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
520
kiroでゲームを作ってみた
iriikeita
0
140
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
220
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
4
2.4k
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
11
2.8k
リッチエディターを安全に開発・運用するために
unachang113
1
350
React 使いじゃなくても知っておきたい教養としての React
oukayuka
18
5.2k
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
440
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
0
180
DynamoDBは怖くない!〜テーブル設計の勘所とテスト戦略〜
hyamazaki
0
180
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
36
11k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
370
Featured
See All Featured
Bash Introduction
62gerente
614
210k
Faster Mobile Websites
deanohume
308
31k
How GitHub (no longer) Works
holman
314
140k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Making Projects Easy
brettharned
117
6.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
For a Future-Friendly Web
brad_frost
179
9.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
GitHub's CSS Performance
jonrohan
1031
460k
Gamification - CAS2011
davidbonilla
81
5.4k
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 ·ͱΊ