アプリの外側とのやりとりをModelから取り除く - ✘╹◡╹✘

2015/10/07 62 users Model やりとり 外側 Intent クライアントサイド

2015-10-07 アプリの外側とのやりとりをModelから取り除く 変更前 これはクライアントサイドのアプリケーションの例で、Modelの背後でWeb APIやonpopstate/pushStateを利用しており、Modelが太くなってる様子。 HTTP History | ^ | ^ | | | | v | v | .---- View <-- M o d e l <-- Intent <... 続きを読む

react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita

2015/08/09 126 users Qiita React サーバーサイド turbolinks

土日でreact-railsとturbolinksを勉強してみた成果です やりたいこと 画面遷移するときは<div id='content'></div> の中身だけ入れ替えて、pushStateで行き来できるようにしたい reactを使ったリッチなページでも、イニシャルロードやSEOの為にサーバーサイドでレンダリングしておきたい サーバーサイドレンダリングした要素を破棄することなくReactで初... 続きを読む

Rails - Turbolinksをオフしないためにやった事 - Qiita

2015/02/27 11 users Qiita turbolinks Ajax Rails

Tuurbolinks v2.2.0 https://github.com/rails/turbolinks Turbolinksとは TurbolinksはRails4.0からデフォルトで導入されたgem railsアプリケーションを 簡単に pjaxっぽくすることが出来る。 ajaxとhistoryAPI(popState, pushState)を利用して画面遷移 Turbolinksで遷移す... 続きを読む

jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)

2015/01/14 358 users pjax Neganin Ajax ネガニン エフェクト

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む

Rails - Turbolinksをオフしないためにやった事 - Qiita

2014/08/13 32 users Qiita turbolinks Ajax Rails

Tuurbolinks v2.2.0 https://github.com/rails/turbolinks Turbolinksとは TurbolinksはRails4.0からデフォルトで導入されたgem railsアプリケーションを 簡単に pjaxっぽくすることが出来る。 ajaxとhistoryAPI(popState, pushState)を利用して画面遷移 Turbolinksで遷移す... 続きを読む

turbolinksを使うときに気をつけるべきたった一つのこと - (ﾟ∀ﾟ)o彡 sasata299's blog

2013/10/10 41 users Rails pjax turbolinks Ajax 要素

2013年10月10日14:48 JavaScript Ruby turbolinksを使うときに気をつけるべきたった一つのこと さて、今更ですが、turbolinks とは pjax（Ajaxで要素を動的に変えつつ、pushStateでURLも変更しちゃう）をRailsで簡単に利用出来るようにしたものです。 pjaxを使えば、Ajaxと違ってURLもちゃんと変わるし、ブラウザの戻るだって普通に使... 続きを読む

Googleに続いてBingもAjaxにはpushStateを推奨 | 海外SEO情報ブログ

2013/03/25 53 users Ajax Bing John Mueller 生成 上級

[対象: 上級]Ajaxを利用する場合のURLの生成にはpushStateを使ってもいいとGoogleのMatt Cutts（マット・カッツ）氏は勧めていました。またこれとは別にGoogleのJohn Mueller（ジョン・ミューラー）氏に、AjaxのURLにはpushStateを使うことができると僕はGoogle+でコメントをもらったことがあります。さてこれはGoogleにおいての話なのですが... 続きを読む

pjax こそが pushState + Ajax の本命 - punitanのメモ

2011/04/04 423 users punitan pjax Ajax hash jQuery

pjaxの前にpushStateとはAjaxとjQueryの説明は不要として、pushStateとはなんぞや。pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。有名なところではGitHubで使われてるアレ。hash... 続きを読む