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

Server Side Rendering with WebComponents

Server Side Rendering with WebComponents

WebComponents.kyoto Meetup #2の発表資料です。
https://wc-kyoto.connpass.com/event/78690/

Yosuke Onoue

March 04, 2018
Tweet

More Decks by Yosuke Onoue

Other Decks in Programming

Transcript

  1. 18"ϑΝʔετͳઃܭ w ޙ෇͚Ͱ18"ʹ͢Δͷ͸೉͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ  w 18"ͷ࡞Γํ 

    41"Λ͔ͬ͠Γ࡞Δ  4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ w 41"͕࡞ΕΕ͹18"։ൃ͸೉͘͠ͳ͍ w ͨͩ͠ύϑΥʔϚϯε࠷దԽΛআ͘
  2. /PEFKTͰͷ&4.PEVMFTαϙʔτ w /PEFW ೥݄ Ͱϑϥά෇͖αϙʔτ͕։࢝ w ŠFYQFSJNFOUBMNPEVMFT w /PEFWͰຊ֨ීٴ͔ w

    ೥݄ࠒϦϦʔεɺ݄ࠒ-54קࠂ w ࢀরɿIUUQUFQQFJTIBUFOBCMPHDPNFOUSZ FTNPEVMFTJOOPEFKT w ೥ʹ͸&4.PEVMFTͷ࣌୅͕΍ͬͯ͘Δʢ͔΋ʣ
  3. 8FC$PNQPOFOUTͱ443 w 41"ϑϨʔϜϫʔΫXJUI8FC$PNQPOFOUT w 41"ϑϨʔϜϫʔΫྲྀͷ443 w "OHVMBS6OJWFSTBMɺ/FYUKTɺʜ w ϑϨʔϜϫʔΫͷΦʔόϔου w

    ϑϧ8FC$PNQPOFOUT w /PEFKT PSαʔόαΠυݴޠ ΛؤுΔ w 4FSWFS4JEFͰ$VTUPN&MFNFOUTΛల։͢Δ͔ʁ
  4. ͜Ε͔Βͷ8FCϑϨʔϜϫʔΫΛໝ૝͢Δ w "QQ4IFMMͱ69ͷ෼཭ w "QQ4IFMM w 18" ΦϑϥΠϯ 443Λલఏ w

    ϧʔςΟϯάɺॳظϖΠϯτʹಛԽ w 69 w 8FC$PNQPOFOUTϕʔε w εςʔτ؅ཧ͕՝୊
  5. 131-WT443 w 131- w Ϧιʔεґଘؔ܎ͷఆ͕ٛॏཁ w πʔϧͷ੔උʹظ଴ʁ w 443 w

    /PEFKTΞϓϦͷߏஙɾӡ༻εΩϧ͕ٻΊΒΕΔ w ৽ͨͳϑϨʔϜϫʔΫͷొ৔ʹظ଴ʁ