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
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
130
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
2.8k
私の後悔をAWS DMSで解決した話
hiramax
4
210
🔨 小さなビルドシステムを作る
momeemt
4
690
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
480
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
320
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.8k
AIでLINEスタンプを作ってみた
eycjur
1
230
Kiroで始めるAI-DLC
kaonash
2
630
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
11
4.4k
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
240
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
2
790
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
The Invisible Side of Design
smashingmag
301
51k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Context Engineering - Making Every Token Count
addyosmani
3
62
Mobile First: as difficult as doing things right
swwweet
224
9.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
81
5.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Typedesign – Prime Four
hannesfritz
42
2.8k
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Խ