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.5k
サーバーサイド出身のフロントエンドエンジニアが変える現場
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
110
フロントエンドエンジニアが変える現場のモデリング意識/modeling-awareness-changed-by-front-end-engineers
uggds
36
17k
DEVLOVE カイゼン ジャーニー カンファレンス 20180818.pdf
uggds
6
3.1k
Other Decks in Programming
See All in Programming
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Catch Up: Go Style Guide Update
andpad
0
180
止められない医療アプリ、そっと Swift 6 へ
medley
1
120
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
670
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
530
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
ohmori_yusuke
0
170
Le côté obscur des IA génératives
pascallemerrer
0
120
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.9k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
320
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
960
私はどうやって技術力を上げたのか
yusukebe
43
17k
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
330
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
Speed Design
sergeychernyshev
32
1.1k
Scaling GitHub
holman
463
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
GitHub's CSS Performance
jonrohan
1032
460k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Optimizing for Happiness
mojombo
379
70k
Documentation Writing (for coders)
carmenintech
75
5k
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Խ