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
uggds
November 20, 2017
Programming
7
2.4k
サーバーサイド出身のフロントエンドエンジニアが変える現場
2017 FALL #jjug_ccc でのLT資料です。
uggds
November 20, 2017
Tweet
Share
More Decks by uggds
See All by uggds
2024_Profile_for_フロントエンドのモデル駆動設計.pdf
uggds
0
82
フロントエンドエンジニアが変える現場のモデリング意識/modeling-awareness-changed-by-front-end-engineers
uggds
36
16k
DEVLOVE カイゼン ジャーニー カンファレンス 20180818.pdf
uggds
6
3k
Other Decks in Programming
See All in Programming
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
530
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
120
たのしいparse.y
ydah
3
120
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
130
Security_for_introducing_eBPF
kentatada
0
110
MCP with Cloudflare Workers
yusukebe
2
220
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
350
N.E.X.T LEVEL
pluu
2
300
103 Early Hints
sugi_0000
1
220
なまけものオバケたち -PHP 8.4 に入った新機能の紹介-
tanakahisateru
1
120
Recoilを剥がしている話
kirik
5
6.6k
HTTP compression in PHP and Symfony apps
dunglas
2
1.7k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Bash Introduction
62gerente
608
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Side Projects
sachag
452
42k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
Visualization
eitanlees
146
15k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Optimising Largest Contentful Paint
csswizardry
33
3k
GitHub's CSS Performance
jonrohan
1030
460k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Invisible Side of Design
smashingmag
298
50k
Transcript
αʔόʔαΠυग़ͷ ϑϩϯτΤϯυΤϯδχΞ ͕ม͑Δݱ JJUG CCC 2017 FALL LT UGA
ࣗݾհ Ӊլਆ ʢ@uggdsʣ ϑϦʔͷϑϩϯτΤϯυΤϯδχΞʢUGAP LLC.ʣ ৽॓ͷSIerग़JavaΤϯδχΞ ϧτϥո्ͷʢϨουΩϯάʣ
ݩSIͰαʔόʔαΠυग़ͷ ϑϩϯτΤϯυΤϯδχΞ͕ WEBܥͷݱͰͲ͏׆༂ ͍ͯ͠Δ͔ͱ͍͏͓͠
※͋͘·ͰݸਓͷҙݟͰ͢ ͪͳΈʹ SI LOVE Ͱ͢
ϑϩϯτΤϯυΤϯδχΞ ͷΠϝʔδͲ͏Ͱ͔͢ʁ
5IFFWPMVUJPOPG)PNP'SPOUFOEBJMT4PVSDFCMPHHNPJP ։ൃڥपΓͷٸͳਐԽʹਵ
ϑϨʔϜϫʔΫͷબఆ 4XJUDIGSPNSFBDUUPWVFKT4PVSDFWVFKTEFWFMPQFSTDPN
jQuery WVFKTTBGFMZKRVFSZQMVHJO4PVSDFWVFKTEFWFMPQFSTDPN
BFFʹࢥ͍ΛΔ ʢBest Friend Foreverʣ
WEBܥͷΠϝʔδ
DESIGN PLAN DEVEL OP TEST DESIGN PLAN DEVEL OP TEST
DESIGN PLAN DEVEL OP TEST ϦϦʔεͷαΠΫϧ͕ૣ͍
৽͍ٕ͠ज़ͷಋೖ͕׆ൃ
͔ͧ͞͠ઑͬͨڥ ͳΜͩΖ͏ͳ
࣮ࡍɺࢀըͨ͠ݱ
Server Side Front End WEB Director SIer ϑϦʔϥϯε ϓϩύʔ ͘ଓ͍͍ͯΔWEBαʔϏε
Server Side Front End WEB Director ͘ଓ͍͍ͯΔWEBαʔϏε HTML, CSS, JS
αʔόʔαΠυSVN
None
ϑϩϯτΤϯυࢿࡐ όʔδϣϯཧͯ͠ͳ͍
None
ϑϩϯτΤϯυࢿࡐͷ ड͚͠zipͰ
None
ϑϩϯτΤϯυࢿࡐͷ ϦϦʔεखಈ
ϑΝΠϧΛҰݸҰݸखͰ…
None
ͬͯΔ߹͡Όͳ͍ WVFKTTBGFMZKRVFSZQMVHJO4PVSDFWVFKTEFWFMPQFSTDPN
Server Side Front End WEB Director ͦͬͪ ͦͬͪͰ վળ͍͚ͨ͠Ͳ ख͔ͣ
ͱΓ͋͑ͣ ϦϦʔεΛʂ ϊϋ͕ͳ͍ ݪҼ
Server Side Front End WEB Director ˇ ͦ͜ʹݩSIerͷࢲ
ϑϩϯτΤϯυࢿࡐͷ ϦϦʔεJenkinsͬͯ ࣗಈԽʂ ϑϩϯτΤϯυࢿࡐΛ Gitʹͯ͠ɺड͚͠ νΣοΫΞτͯ͠ ͖ͯΒ͏Α͏ʹʂ
SIͷݱͰ͍ͬͯͨ͜ͱ͕ ϑϩϯτΤϯυͷཱͰ ʹཱͭʂ
͞Βʹ όοΫΤϯυ͕Javaͷ߹ ։ൃܦݧ͕Ζʹ׆͖Δ ※Ή͠ΖɺόοΫΤϯυܦݧ͕ͳ͍ͱͭΒ͍ • ςϯϓϨʔτमਖ਼ • APIͷI/FͷఏҊ • όοΫΤϯυଆͷ
ॲཧΛͬͯσόοά Server Side Front End
FRONT END WEB DIRECTOR DESIGN BACK END SEO ϑϩϯτΤϯυଞʹ σβΠφʔɺWEBσΟϨΫλʔɺSEOͱ
ϋϒʹͳΔ͜ͱ͕ଟ͍ͷͰ༷ʑͳ ݱͷ՝͕Έ͑ͯ͘Δ ͲΜͲΜվળͯ͠ ݱͷ৴པUPʂ
ඇΤϯδχΞͷਓ͔Βͷ ײँ͕ͳ͘خ͍͠ʂ
ϑϩϯτΤϯυͲ͏Ͱ͔͢ʁ
͓·͚ɿվળྫ
jsphtmlͱͯ͠ΈΕͳ͍ͷͰ WEBσΟϨΫλͱσβΠφʔຊ൪Ͱը໘ભҠ͢Δ͔͠ͳ͍ jsp ʜ ܰ͘σβΠϯ֬ೝ͍͚ͨͩ͠ͳͷʹɺ ͍͍ͪͪϑΥʔϜΛೖྗͭΒ͍ʂ WEBσΟϨΫλ σβΠφʔ
jsp ͱ͍͏͜ͱͰɺKotlinͱVue.jsͰϞοΫαΠτ࡞ ʜ ϞοΫαΠτ ʜ jsoupͰ htmlԽ
jsp ʜ ϞοΫαΠτ ΈΕͯ ࡞ۀޮΞοϓ ϑϩϯτΤϯυͳΒͰͷΞΠσΞͰݱΛվળ jsoupͰ htmlԽ