10 December 2016 Do libraries and frameworks prioritize components on boot? If so, how, and if not what can we do? And, in exploring that question, I discovered that Server-Side Rendering isn't a silver bullet! 17 min Read Time #performance #loading Share Update 2016-12-12: Some folks aren't happy with the SSR'd code in the test, because it wasn't generated the idiomatic way. Firstly, I'm more tha
amakan での設計を例に、RailsでSingle-Page Applicationをつくるときの自分のやり方をまとめてみます。 Gem 「JavaScriptで書かれたReactのコンポーネントからHTMLを生成する」というのをRubyでやるために、RubyのV8エンジン実装であるmini_racerというGemを使う。この処理を楽に実行するために、react_on_railsというGemも使う。 gem "mini_racer" gem "react_on_rails" View body要素内のHTMLは全てReactで生成するので、layout以外にviewのテンプレートは存在しない。 Controller 初回リクエストの場合はHTMLを返す ページ遷移時に呼ばれるリクエストの場合はJSONを返す 外部サイトからブラウザバックで戻ってきたときにJSONを見せない という要求に
Web サイトっぽい SPA に立ち向かう 大分前の話ですが、Node学園 20時限目 今回もdots!!!!! - connpass で Client Side of なんちゃらfresh.tv としてお話した内容のうち、Web サイトっぽい SPA に関してだけこだわりを再抽出して書き留めます。 本件は、ページ全体のスクロールや頻繁なナビゲーションを伴わず、1画面におさまるレスポンシブな Web アプリを作っている場合はあんまり関係がありません。画面内の局所的な状態更新は、コンポーネントの責務分割やら何やらの設計なので実は別の話です。 総じて、Web サイトっぽいくせに大人の事情で Web ブラウザのネイティブなナビゲーションを積極的に破壊しにいくときの心構えです。 URL が変わっても最低限レンダリングできるまで画面更新を遅延させる 画面遷移に必要なのは、 URL が更新されても次の
Edit · Apr 10, 2016 · 21 minutes read · Follow @mgechev JavaScript Angular 2 TypeScript redux flux dependency injection In order to have better understanding of the following blog post you should be familiar with the fundamentals of the object-oriented and functional programming. I also strongly encourage you to explore the redux pattern. A couple of months ago I started working on the first versi
ブラウザでの Javascript の高速化と Backbone や Angular のような JavascriptMVC フレームワークの登場により、以前より SPA（Single page application）が構築しやすくなりました。 さらに、Yeoman に代表される SPA を作成するするための scaffold（土台）が整備されてきましたので、結構さくっと SPA が作れるようになったのも事実です。 さくっと作った SPA がさくさく動かない・・・作ったけど使えない・・・なんてことにならないように、SPA を構築する前に知っておいた方がいい課題について調べてたり考えてみました。 目次 1. パフォーマンス 2. メモリリーク 3. セキュリティ 4. フレームワークロックイン 5. 画面設計から UI コンポーネント設計への思想転換 6. フロントエンジニア不足 7. 番外
Reckoner における Datadog Browser Test の活用事例 / Datadog Browser Test at Reckoner
http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/ Airbnbがエンジニアブログで、シングルページアプリを実現するテクノロジーの変遷と、これからの課題を語っています。 1) 背景 シングルページアプリをクライアントサイドMVC [参考図] で実現しようとすると、SEO/パフォーマンス/メンテナンス性（どうしてもサーバ/クライアントでコードの重複がでるようになる。）の問題がでるが、クライアント+サーバMVC [参考図] のハイブリッドアプローチを採用することでそれを解決しようとする動きが続いている。 ハイブリッドアプローチは、2011年にNodejitsuが”Isomorphic JavaScript Architecture”を発表してるので、考え方として新しいものではないが、実際のソリューションが浸透するまでは時
This document discusses building real-time single page apps. It introduces Socket.io for enabling real-time functionality, and Backbone.js and Capsule.js for managing application state and sharing models between the client and server. Socket.io is described as being to real-time applications what jQuery is to AJAX. Quick examples are provided of using Socket.io on the server and client, and how Ba
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く