{ sevos.io } | Turbolinks' lifecycle explained
Did you know that you can navigate the posts by swiping left and right? Awesome! 27 Feb 2017 . category: . Comments #rails #javascript I’ve spent the last weekend hunting nasty bugs haunting projects which are trying to marry Rails 5.1 on Turbolinks with ReactJS on Webpack. The reason, why one would want to do it, is a great topic for another post. However, it appears that a misunderstanding of Tu
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 結論: Javascriptの乱用をやめるのが一番。 はじめに書いておきますがしょうもない話です。 結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。 さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。 超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバ
Why Rails 5 / Turbolinks 3.0 / Action Cable matter, and why @dhh was right all along
Posted on 2015-04-22 Why Rails 5 / Turbolinks 3.0 / Action Cable matter, and why @dhh was right all along Update: just use Phoenix LiveView. tl;dr Rails won the hearts of developers and entrepreneurs because it made creation of shiny web apps easy and fast. This is not the same experience you have when you build Single Page Apps using JavaScript frameworks (it tends to be way slower, and you end u
Rails4 + turbolinksで作ったサービスのGemfileを公開します - Qiita
個人的に作っていたサービスを無事公開することができたので、Gemfileを公開します。 Puhaar! - お酒を共有するサイト - http://puhaar.jp 開発の背景についてはこちらのブログエントリを見ていただければ幸いです。 【Rails4】turbolinks使って新規サービス作ってみた - 海苔座布団日記 http://norizabuton.hateblo.jp/entry/2014/10/08/072724 source 'https://rubygems.org' gem 'rails', '4.1.6' gem 'pg', '~> 0.17.1' gem 'turbolinks' gem 'jquery-turbolinks', '~> 2.0.2' # $(document).readyを発火させる gem 'jbuilder', '~> 2.0' gem 's
【Rails4】turbolinks使って新規サービス作ってみた - norizabuton
8月あたりから帰宅後や土日にちょこちょことRailsで遊んでたら、だんだん形になってきたのでサーバ借りてドメイン取って公開してみました。 Puhaar! - お酒を共有するサイト - http://puhaar.jp Puhaar!とは お酒の写真を取って、みんなで共有しようというSNSサイトです。 あの時何飲んだっけ?とならないように記録したり、みんなが飲んでるお酒を知りたい!というニーズを考えて作りました。 もともとは自分が酒好きのくせにお酒の名前が覚えられないために作ったものです。 最初はクローズドベータとして内輪で遊んでもらい、コンテンツも溜まってきたので今回オープンベータとしました。多分ずっとベータのままです タイトルにturbolinksと銘打ったのは、turbolinksで検索しても無効化する記事の方が目立った気がしたので、実際にturbolinksでどこまでやれるのか?とい
ASCIIcasts - “Episode 390 - Turbolinks”
390: Turbolinks (view original Railscast) Other translations: Written by Naomi Fujimoto Turbolinksは新規作成したRails 4のアプリケーションにデフォルトで含まれるgemです。Rails 3とも互換性があるので、既存のアプリケーションで使用することも可能です。このgemによって、ページ全体をロードすることなく、新規ページのHTMLのボディ部分をJavaScriptで置き換えることで、ユーザに対してアプリケーションの動作を速く見せることができます。今回のエピソードではRails 3アプリケーションでこのgemを試してみます。使用するアプリケーションは、複数のプロジェクトに対応したTodoリストで、各プロジェクトが複数のタスクを持つことができます。新規タスクは項目名の横に最初は「未完了」のマ
Turbolinks
6. Turbolinks 2013/10/03 シナジーマーケティング(株) 鈴木 圭 [Rails 4.0] 第6章 Turbolinks 6.1. Turbolinks とは 6.2. Turbolinks の注意点 6.3. Turbolinks におけるイベント 6.4. Turbolinks におけるイベントの注意点 6.5. 部分的に Turbolinks を無効化する方法 6.6. ready をフックする大量のコードがある場合 6.7. Turbolinks を使用しない場合の設定 6.8. まとめ 6.1. Turbolinks とは Turbolinks は Asset Pipeline を活用しているアプリケーションにおいて画面遷移を高速化するライブラリです。 一般的にブラウザがページを表示するときには、 ページ自体の HTML をダウンロードする。 ページの中で参
ajaxで持って来たソーシャルボタンをボタンを更新する [俺の備忘録]
Google+ボタン はてなブックマークボタン 更新日時: 2013年10月24日（木） 作成日時: 2013年03月03日（日） 前の記事 / 次の記事 ツイッターの「ツイート」ボタン、facebookの「いいね！」ボタン、googleの「+1」ボタン mixiの「イイネ！」ボタン、はてなの「はてなブックマーク」ボタンをajaxで差し替える、 と 正常に表示されない。 たぶん他の各ソーシャルサイトのボタンも全部そう。 ちょっと調べてみると、ajaxで要素を差し替えた場合は、 scriptタグに記述されたスクリプトは実行されない。 document.onload() イベントが発生しない（jQueryの $(document).ready() イベントも発生しない） っていうところに原因がありそう。 Ajax/Ajaxで取ってきたHTMLコンテンツ内の＜script＞タグを実行させたい そ
Rails4でturbolinksを謳歌するためのまとめ [俺の備忘録]
Google+ボタン はてなブックマークボタン 更新日時: 2015年01月07日（水） 作成日時: 2013年03月05日（火） 前の記事 / 次の記事 Rails4ではデフォルトでturbolinksが導入されるようなので、 どんなものかいじってみたら、なかなかエキサイティングだったけど、 他のJavaScriptと共存させようとすると結構デリケートだったので、それをまとめたメモ。 ※ v2.1.0未満のturbolinksでfirefox26以降で正常に動作しなくなる不具合あり。 ※ v2.2.1未満のturbolinksでfirefox27以降で正常に動作しなくなる不具合あり。 bundle update turbolinks 目次 この記事で言及する各ライブラリの場所 turbolinksとは何なのか？ 何が問題になるのか？ window.onload()が発火しない問題の解決
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
Rails 4 で turbolinks をオフにする方法 - Qiita
turbolinks について Rails 4 から turbolinks という機能がデフォルトで bundle されるようになった。 http://kray.jp/blog/must-know-about-turbolinks/ ページ遷移をすべて ajax でやってくれるが、割りとおせっかい機能。 しかも jQuery と競合するから jquery-turbolinks を gem で入れることで回避するとかやめてほしい。 こういう機能はぜひともプラグインで提供していただきたい。 turbolinks を切る さっそく turbolinks をオフにする。 Rails project 新規作成 turbolinks が bundler で最初に install されてしまうので、一旦 --skip-bundle をつけて skip
Turbolinksをオフしないためにやった事 - Qiita
fetchReplacement失敗時は再度レンダリングされ, landingの状態になる。 よく出てくるおまじない $(document).on 'ready page:load', -> これはjqueryが提供する'ready'とTurbolinksが提供する'page:load'の両方で定義すること。 非Turbolinks遷移時は'ready'で発火。 Turbolinks遷移時は'page:load'で発火の両方をカバーするという意味。 Turbolinksをサポートしていないブラウザでも'ready'が発火するので安心。 jquery-turbolinks gem 'ready'triggerにpage:loadを追加してくれる機能を提供。 Trigger tips 通常、page:changeでaddEventListenerしてはいけない。 fetchHistoryの際に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails Progress Indicator for Turbolinks Using Nprogress | Brandon Hilkert
Partial replacement of new pages · Issue #448 · turbolinks/turbolinks-classic
Seriously: numbers: use them!
GitHub - kossnocorp/jquery.turbolinks: 💀 Deprecated ⚠️ jQuery plugin for drop-in fix binded events problem caused by Turbolinks
Rails + Angular.jsでTurbolinksを有効なままAngular.jsを動かす - Qiita
GitHub - turbolinks/turbolinks-classic: Classic version of Turbolinks. Now deprecated in favor of Turbolinks 5.