VueをSSRに乗せると容易にXSSを生み出す場合がある件について - Qiita
はじめに 最近Vue.jsを頻繁に使用するのですが、他のSSR(サーバーサイドレンダリング)の仕組みと組み合わせる場合、容易にXSSを生み出してしまうケースが存在するので、注意喚起も兼ねて事例を紹介させていただきます。 9月7日 追記を追記しました 前提 サーバーサイドで動的に要素をレンダリングするシステムとVue.jsを組み合わせた場合 この記事はrailsのSSRとの組み合わせで解説しますが、プレーンなPHP等、動的にHTMLをレンダリングシステムとの組み合わせでも発生します。 サンプルコード まず、こちらのコードをご覧ください。 user.erb <div id="app"> <div class="user"> <%= @user.name %> </div> <button v-on:click="registerFavorite" data-user-id="<%= @user
Prerender Seamlessly Renders JavaScript for Faster Indexing
Never worry about your web pages being indexed again! Whether you have 100 or 100,000,000 URLs, we solve JavaScript SEO issues without compromising your UX.
SPA + サーバーサイドレンダリング、そのダルさに関する私見
いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ であり、特に SPA + SSR の文脈においては Universal Architecture による SPA + SSR は、技術的には過渡期の歪なキメラっぽさが拭いきれませんが、昨今の Web フロントエンドにしては珍しくビジネス的な説得力があります。 SSR なのでSNSや検索からの流入による初期表示が速い SPA なので回遊時のページ遷移も速い SSR なので古いブラウザでも CSS
ReactJS SSR Profiling and Caching
IntroductionAt Walmart, we’ve been busy migrating our eCommerce sites to use ReactJS. With its declarative and component-based approach to creating interactive UIs, our developers have been responding very positively to this adoption. Since our sites are mainly for eCommerce, SEO is an important requirement, which means returning HTML from the server. With built-in server side rendering (SSR), Rea
Rearchitecting Airbnb’s Frontend
Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took to move away from our legacy Rails solutions, and (3) some of the key pillars of the new stack. Bonus: We’ll talk about what’s next! Airbnb sees more than 75 million searches each day, which makes the
React Server Side Rendering With Node And Express — Smashing Magazine
Web applications are highly interactive, dynamic and performant, while websites are informational and less transient. This very rough categorization provides us with a starting point, from which to apply development and design patterns. In this article, Dmitry Nutels will show you examples that will get you to the point of being able to be a better judge of how, in your particular application, a s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - fgnass/dombench: Benchmark tool for Node.js DOM implementations
fgnass/domino: Server-side DOM implementation based on Mozilla's dom.js
SEO.js
GitHub - skatejs/ssr: Your one-stop shop for testing and rendering web components on the server.
GitHub - FormidableLabs/rapscallion: Asynchronous React VirtualDOM renderer for SSR.
GitHub - uptownhr/kube: Universal React Express middleware package.
GitHub - airbnb/hypernova: A service for server-side rendering your JavaScript views