Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドのCIについて/front end ci tips

Avatar for tom-256 tom-256
January 30, 2020
Technology
0
88

フロントエンドのCIについて/front end ci tips

小規模社内LT会の発表資料

Avatar for tom-256

tom-256

January 30, 2020
Tweet

More Decks by tom-256

See All by tom-256
PipeCDを導入してリリースフローを改善した話/How to improve release workflow by pipecd
Avatar for tom-256 tom256
0
34
サーバサイドTypeScriptモノレポを半年運用した結果/How to maintain server side typescript monorepo
Avatar for tom-256 tom256
0
380
レガシーなAnsibleを改善していくための方針/How to improve the legacy Ansible
Avatar for tom-256 tom256
10
2.7k
Slack + Cloud Functionsで迅速な障害の初動対応をする/incident management by slack
Avatar for tom-256 tom256
0
150
AWSで実現するChatOps〜サーバレスでBlue/Greenデプロイする仕組みと工夫点〜 /chatops deployment
Avatar for tom-256 tom256
0
400
GHEとAWSを使用したデプロイ／リリースフローの紹介/introduction-deployflow-aws-and-ghe
Avatar for tom-256 tom256
0
140

Other Decks in Technology

See All in Technology
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
Avatar for helosshi helosshi
0
110
Autify Company Deck
Avatar for Autify autifyhq
2
44k
AI Ready API ─ AI時代に求められるAPI設計とは？/ AI-Ready API - Designing MCP and APIs in the AI Era
Avatar for Yoichi Kawasaki yokawasa
16
4.7k
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
Avatar for tomoki10 tomoki10
1
700
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
Avatar for GENDA genda
1
290
Microsoft Fabric ガバナンス設計の一歩目を考える
Avatar for Ryoma Nagata ryomaru0825
1
120
サービスを止めるな！ DDoS攻撃へのスマートな備えと最前線の事例
Avatar for coconala_engineer coconala_engineer
1
200
【あのMCPって、どんな処理してるの？】 AWS CDKでの開発で便利なAWS MCP Servers特集
Avatar for yoshimi0227 yoshimi0227
6
1k
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
Avatar for Masaya Hayashi rinchsan
10
5.4k
AWS 怖い話 WAF編 @fillz_noh #AWSStartup #AWSStartup_Kansai
Avatar for Yusuke WADA fillznoh
0
140
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
Avatar for karacoro / からころ tsukuha
1
630
今だから言えるセキュリティLT_Wordpress5.7.2未満を一斉アップデートせよ
Avatar for CUEBiC Inc. cuebic9bic
2
170

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
470

Transcript

  1. ϑϩϯτΤϯυͷ$* Λ΍͍͖͍ͬͯͨ ;Δ;Θ'&ҿΈ

  2. XIPBNJ UB ϑϩϯτΤϯυ։ൃ෦ %FW0QT·ΘΓ΍Δ'& 

  3. ΍ͬͯΔ͜ͱ ɾ1SFBDU 5ZQF4DSJQU .JDSPGSPOUFOEͰ
 ήʔϜϓϥοτϑΥʔϜͮ͘Γ ɾ্هύϑΥʔϚϯεϞχλϦϯάಋೖ ɾ্هϩά؂ࢹ4BB4ಋೖ

  4. $POUJOVPVT*OUFHSBUJPO ΍͍ͬͯ·͔͢ʁ

  5. ओʹϓϩάϥϚʔͷΞϓϦέʔγϣϯ࡞੒࣌ͷ ඼࣭վળ΍ೲظͷ୹ॖͷͨΊͷश׳ͷ͜ͱͰ͋ Δɻ #Z8JLJQFEJB

  6. ɾ$JSDMF$* ɾ(JU)VC"DUJPOT ɾ(JU-BC$* ɾ5SBWJT$*

  7. ࠓ೔ͷΰʔϧ

  8. ɾ$*ʹ͍ͭͯͬ͘͟Γ஌Δ ɾࣗνʔϜͷ ɹ։ൃϓϩηεͷվળ఺ʹ͍ͭͯߟ͑Δ

  9. '&ͷ$*

  10. ੩తղੳ

  11. ਓؒ͜ͷม਺࢖ΘΕͯͳ͍Α ਓؒMFU͡Όͳͯ͘DPOTUʹ͍ͯͩ͘͠͞ ਓؒΠϯσϯτͣΕͯ·͢ ਓؒ͜͜εϖʔεೖΕ͍ͯͩ͘͞ ਓؒ͜͜UZQPͰ͢

  12. &4-JOUʜίʔυ඼࣭ 1SFUUJFSʜίʔυ੔ܗ $4QFMMʜεϖϧνΣοΫ

  13. $*͜ͷม਺࢖ΘΕͯͳ͍Α $*MFU͡Όͳͯ͘DPOTUʹ͍ͯͩ͘͠͞ $*ΠϯσϯτͣΕͯ·͢ $*͜͜εϖʔεೖΕ͍ͯͩ͘͞ $*͜͜UZQPͰ͢ ͢΂ͯࣗಈͰݕ஌ɺ௨஌͞ΕΔ

  14. ςετ

  15. ɾίʔυΛมߋ͢Δͨͼʹෆ۩߹͕ग़Δ ɾσϓϩΠͯ͠ॳΊͯෆ۩߹͕൑໌͢Δ ɾҙਤͨ͠ͱ͓Γʹඳը͞Εͳ͍ ɾҙਤͨ͠ͱ͓Γʹಈ͔ͳ͍

  16. KFTU !UFTUJOHMJCSBSZSFBDU !UFTUJOHMJCSBSZ SFBDUIPPLT DZQSFTT

  17. ίʔυΛมߋ͢Δͨͼʹෆ۩߹͕ग़Δ ςετͷஈ֊Ͱෆ۩߹Λݕ஌Ͱ͖Δ ҆શʹૉૣ͘มߋͰ͖Δ ϢʔβʹՁ஋ΛఏڙͰ͖Δճ਺͕૿͑Δ

  18. σϓϩΠͯ͠ॳΊͯෆ۩߹͕൑໌͢Δ σϓϩΠલʹ$*ͷஈ֊Ͱؾ͚ͮΔ

  19. σϓϩΠͯ͠ॳΊͯෆ۩߹͕൑໌͢Δ 7JFXͷ่ΕΛࣗಈͰݕ஌Ͱ͖Δ

  20. ςετͷίεύΛҙࣝ͠Α͏ ԿͷػೳΛҰ൪୲อ͍͔ͨ͠ߟ͑Α͏

  21. ύϑΥʔϚϯε

  22. ύϑΥʔϚϯε͸ ػೳΛ௥Ճ͢Δͨͼʹ஗͘ͳΔ ɾࠓͲΕ͘Β͍ʁ ɾͳΜ͔஗͘ͳ͍ʁ ɾͲ͏΍ͬͯվળ͠Α͏ʁ

  23. ύϑΥʔϚϯεϞχλϦϯάʜՄࢹԽ ύϑΥʔϚϯεόδΣοτʜ্ݶܾΊ

  24. -JHIU)PVTF XFCQBDLCVOEMFBOBMZ[FS TJ[FMJNJU DGIUUQTTVSWJWFKTDPNXFCQBDLPQUJNJ[JOHCVJMEBOBMZTJT DGIUUQTHJUIVCDPN(PPHMF$ISPNFMJHIUIPVTFSFBENF DGIUUQTHJUIVCDPN(PPHMF$ISPNFMJHIUIPVTFDJ

  25. ɾࠓͲΕ͘Β͍ʁ ৗʹΞϓϦέʔγϣϯͷύϑΥʔϚϯε͕ݟ͑Δ αΠζ͕ج४஋Λ௒͑ͨͱ͖ʹΘ͔Δ ɾ஗͍ݪҼ͸ʁ αΠζͷେ͖͍ίʔυ͕Θ͔Δ ɾͲ͏΍ͬͯվળ͠Α͏ʁ վળͷώϯτ͕දࣔ͞ΕΔ

  26. ࣮ࡍͷϢʔβ͕ΞΫηεͨ͠ͱ͖ͷύϑΥʔϚϯ ε͸ผ్ߟྀ͢Δ ɹσόΠεɺωοτϫʔΫ؀ڥ ΞϓϦͷಛੑʹ͋ͬͨύϑΥʔϚϯεࢦඪΛߟ͑ Δ

  27. ΞΫηγϏϦςΟ

  28. ͳͥʁ ɾࢢ৔Λ޿͛Δ ɾߴྸԽࣾձ ɾ๏཯

  29. -JHIU)PVTF B9F 8$"( 4FDUJPO QBZ )5.-$PEF4OJ⒎FS 8$"( 4FDUJPO

  30. ɾҰఆͷΞΫηγϏϦςΟΛ୲อͰ͖Δ ɾԼ͕ͬͨΒݕ஌Ͱ͖Δ

  31. 4&0

  32. ͳͥʁ ɾϦʔν͢ΔϢʔβΛ૿΍ͯ͠ച্Λ্͛Δ ɾݕࡧྲྀೖͷϢʔβ͸՝ۚ཰͕ߴ͍

  33. -JHIU)PVTF $POUJOVPVT4&05FTUJOH 4&0"MFSU 4&0෦ͱͷ࿈ܞ DGIUUQTXXXTMJEFTIBSFOFUJQVMMSBOLTPGUXBSFUFTUJOHGPS TFP DGIUUQTTFBSDIFOHJOFMBOEDPNDBUDIJOHTFPFSSPSTEVSJOH EFWFMPQNFOUVTJOHBVUPNBUFEUFTUT

  34. ɾҰఆͷ4&0ϨϕϧΛอͭ͜ͱ͕Ͱ͖Δ ɾ4&0ॱҐʹมಈ͕͋ͬͨΒ ɹݕ஌Ͱ͖ΔΑ͏ʹͳΔ

  35. $*5JQT

  36. $*؀ڥΛૉૣ͘ߏங͢Δ ɾMPDBM࣮ߦ ɾUFSNJOBMEFCVHHJOH ɾZBNMMJOUFS

  37. ͍ͭԿΛ࣮ߦ͢Δ͔ʁ ͍ͭ ଟDPNNJU த3FNPUF#SBODIQVTI গ.BTUFS.FSHFE

  38. ͍ͭԿΛ࣮ߦ͢Δ͔ʁ ԿΛ ૣ6OJU5FTU -JOU த*OUFHSBUJPOUFTU ஗&OEUPFOEUFTU

  39. ϨϏϡʔͷࣗಈԽ $*ͷ݁ՌΛ13ʹҰཡද͍ࣔͨ͠ ɾSFWJFXEPH ɾEBOHFSKT $*ͷ݁ՌΛ13ʹίϝϯτͯ͘͠ΕΔ

  40. $*݁Ռͷ௨஌ $*͕௨ͬͨΒࣦഊͨ͠Β4MBDL௨஌

  41. /FYU4UFQ

  42. ऩूͱάϥϑԽ ࣌ؒ࣠Ͱൺֱ $*࣌ؒͷ୹ॖ %PDLFS*NBHFͷܰྔԽ $PNNJUࠩ෼νΣοΫ ฒྻ࣮ߦ

  43. ·ͱΊ

  44. $*͸εϞʔϧεςοϓͰ͸͡ΊΑ͏ -JHIU)PVTFͷείΞܭଌ͔Β͸͡ΊͯΈΑ͏ ຖճಉ͜͡ͱΛ܁Γฦ͍ͯͨ͠Βٙ໰Λ࣋ͱ͏

  45. Έͳ͞Μ $*ͷվળ఺ݟ͔ͭΓ·͔ͨ͠ʁ

  46. ͓ΘΓ