[Rails] Twitterのように時刻を○○前と表示する方法(time_ago_in_time) 2014.06.10 21:56 Twitterをよく見ると、ツイートした時間の表示は○○前とか約○○時間前のように、アバウトな時間表示になっています。 Ruby on Railsではtime_ago_in_wordsメソッドを使うことで簡単に実装することができます。ここではこのtime_ago_in_wordsの使い方についてご紹介します。
ここ数年、会社を辞めて自分のペースで仕事を請け負うフリーランスという形態で仕事をする人が増えています。フリーランスには様々な職業があり、代表的なものでは翻訳業やイラストレーター、YouTuberもフリーランスに分類されます。そして代表的なフリーランスの職業がもう一つあります。それはプログラマー/エンジニアです。そのプログラミングの大部分を占める工程がコーディングであり、知識と技術を身につければ、憧れのフリーランスに鞍替えすることも夢ではありません。 それではコーディングの知識と技術を取得するにはどのようなルートがあるのでしょうか?現実として学校に通うか、プログラミングを請け負う会社に入社するか、あるいは独学で取得するかのいずれかを選択することになります。そこで今回は最も費用の少ない独学でコーディングを学ぶ方法を紹介したいと思います。 独学でコーディングの知識と技術を身につけるには まずはプ
Railsの部分テンプレートからインスタンス変数を参照するのはやめて、locals経由で渡された変数を参照しましょう、というお話。 前提
単一画面で作成していた機能を、タブ表示に統合していたとき、リクエストが2回よばれるページがあることに気づいた。 ダイアログ:「削除してもよろしいですか?」 おれ:「はい」 ダイアログ:「削除してもよろしいですか?」 おれ:「はい・・・」 的な感じ。 どうもおかしいので、ぐぐってみると、 RailsでAjaxリクエストが2回行ってしまうときにチェックすべき3つの事 というようなことがあるらしい。 これの、【jQueryを2回読み込んでないか?】 というのに該当していた。 別画面構成の時の既存のlayoutをまとめた画面分、複数呼んでいたので、その都度jQueryを呼ぶつくりのままになっていた。 計3回も呼んでいた・・・w ということで、これを取り除いて解決した! 簡単に解決してよかった。
1. jQueryを2回読み込んでいないか確認する Rails3.1からAsset Pipelineが導入されたため、誤ってjQueryを2回読み込んでしまっている、なんて事故が起こりがちなようです。 まず、application.jsでrequire_treeしているときに、assets/javascript直下にjquery.jsを配置していないか確認する。 上記を確認しても解消しない場合は、rake assets:precompileしたデータがpublic/assets以下にないか確認する。2回jQueryを読み込んでしまっていたスクリプトがそのまま残っているかも知れません。あったら削除してしまいましょう。 再発防止のためにconfig/environments/development.rbに以下のコードを追加しても良いでしょう。
Ruby on Rails v3.2.11 jquery-rails v2.0.1 フォームからajax送信する際に、送信ボタンを2回押しているわけではないのですが、なぜか毎回2回リクエストが送信されてしまいます。ajax送信は以下のような感じ(一部抜粋)でやっています。 <%= form_tag(:action => :scan, :data-remote => true, :data-type => :html, :id => "my_form") do %> <%= text_field_tag 'name' %> <%= submit_tag "submit" %> <%- end -%> def scan render :layout => false end $(function(){ $("my_form").on('ajax:success', function(data,
ページ (例) 【グループ一覧】 <div id=”reload”> <%= render :partial => “make” %> </div> <%= periodically_call_remote(:url => {:action => ‘rewrite’}, :frequency => 5) %> 部分テンプレート make <% @groups.each do |g| %> ・<%=h “#{g.name}” %><br> <% end %> となっているとき、データベースのgroupテーブルの変更が自動的にページに反映されるように部分テンプレートのだけを再読み込みしたい。 def rewrite @groups = Group.find(:all) code = “render :partial=>’make’” render :update do |page| page.
2012年04月16日19:16 Ruby JavaScript Rails3で特定のid要素の中身をAjaxで書き換える Railsで特定のid要素(今回の例だと price_div )の中身をAjaxで書き換えたいとき、Rails2ではこのように処理していました。 # view <div id="price_div">値段:100円</div> <% remote_form_for :article, :url => {:action => "update_price"} do |f| -%> <%= f.submit 'submit' %> <% end -%> # controller render :update do |page| page.replace_html "price_div", :partial => "price", :locals => {:product =
twitter風のデータロード画面を作成したのでメモ。 環境はruby-1.9.3-p0, rails3.2.2, postgresです。 難易度★★★☆☆ twitterのように画面をスクロールしてデータをローディングする仕組みを作りました。 結論を言うと、Rails3の場合はjquery.pagelessを使うと簡単に作ることができます。 しかし、ネットで検索するとrails castのEndless PageやEndless Page Scrolling with Rails 3 and jQueryばかりがHITすると思います。 しかし、これらを使うのは避けてください。 まず、rails castのEndless Pageの記事内容はrails3のjqueryには対応していません。rails2.xならこちらで良いでしょう。 Endless Page Scrolling with R
2013-03-16 rails3.2.12でjQueryでajax訓練(js.erb使う) RailsのAjax訓練1 Railsに関するある程度の基礎知識が固まった今、 より今風なウェブサイトの動きにできるようajaxを使って色々実装して行きたいのですが、まだまだRailsでAjaxを使う知識が足りていないので、勉強がてらまとめていこうと思います。 参考文献 Ruby on Rails 3 の Ajax いろいろ Ajax 処理で .js.erb を使う書き方/使わない書き方 #136 jQuery & Ajax(revised) RailsでのAjax 既に様々な方が調べて色々書かれていると思いますが、RailsでAjaxをつかって実装するには、大まかにわけて、js.erbのテンプレートファイルを利用する方法、それを使わないで実装する方法があるそうです。今回は、Railsによるアジャ
やっぱAjaxを使えなきゃエンジニアとは言えないでしょ。 とふと思ったのでやってみることにした。 Ruby on RailsでjQueryを使うためにはjRailsっていうプラグインが必要らしいのでインストール。 ruby script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails すると + ./CHANGELOG + ./README + ./init.rb + ./install.rb + ./javascripts/jquery-ui.js + ./javascripts/jquery.js + ./javascripts/jrails.js + ./javascripts/sources/jrails.js + ./lib/jrails.rb + ./tasks/jrails.rake
Google+ボタン はてなブックマークボタン 更新日時: 2013年04月03日(水) 作成日時: 2013年02月17日(日) 前の記事 / 次の記事 目次 調べた時のRailsのバージョン: 3.2.11 pjaxとは何か 何がいいのか Railsで動かすには? やったこと 追記:2013/02/26 追記:2013/04/03 参考ページ 1.pjaxとは何か jQueryプラグインの名前。 pjaxが便利過ぎて鼻血出そうになった(railsのサンプル付き)が分かりやすかった。 何が出来るのかというと、ajaxのようにページ全体のリロードをすることなく、 部分的にビューを差し替えることが出来る。 ajaxに名前がクリソツだけどajax同列の何かではなくて あくまでプラグインの名前っていうのが混乱の元な気がした。 2.何がいいのか じゃあajaxでいいじゃん!! って話になっちゃうの
Ajax を使ってウェブサイトの一部分のみを更新する方法です。Ajaxを使うことにより、ページ遷移をなしで、DBと通信しながらページコンテンツの一部を変更することができます。今回は、<select>の<option>が変更されるたびにページの一部を変更するという機能を実装してみます。実装方法は違うかもしれませんが、http://www.assist.org/web-assist/welcome.html と同じような処理です。 htmlページの準備 まずは、DBとの通信のトリガーになる<select>をページに追加します。ユーザーがページの<select>を変更すると、<select>のonchange()が起動します。onchange()からのちほど作成するカスタム関数を呼び出し、その関数からDBとの通信を発動します。そして、ページのコンテンツを変更します。 # test.html.er
こんにちは、鈴木です。 先日、「ActiveSupport::Concern でハッピーなモジュールライフを送る」で ActiveSupport::Concern をご紹介しましたが、きっと裏側では色々なテクニックが使われているのではないでしょうか。 ということで ActiveSupport::Concern が裏側でどのような処理を行なっているのか、ActiveSupport::Concern のコードを読んでみます! ActiveSupport::Concern のコードを読む ソースコードはこのようになっていました。 module ActiveSupport ... module Concern def self.extended(base) base.instance_variable_set("@_dependencies", []) end def append_feature
2019-03-28 Python/インスタンス生成 2018-01-02 Python/クロージャ Pythonを読む 2018-01-01 Python/メソッド呼び出し 2017-12-31 Python/build_class後編 2017-12-30 Python/読解対象とするPythonコードと解析方法 2017-12-24 Python/build_class前編(というよりPyTypeObject) 2017-12-07 Python/ビルトインがビルトインされるまで 2017-12-03 Python/C関数実行とPyObject 2017-10-22 Django/テンプレートシステムを読む(レンダリング) Djangoを読む 2017-10-21 Django/テンプレートシステムを読む(テンプレートのパース) 2017-09-24 Django/テンプレートシステ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く