Railsのfields_forを使ったnested attributesなデータの追加や削除をAngularJSでやっちゃおうという話 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年10月18日14:06 JavaScript Ruby Railsのfields_forを使ったnested attributesなデータの追加や削除をAngularJSでやっちゃおうという話 ユーザ登録時に併せて言語の習得レベルを設定する、みたいな場合を考えます。 = form_for :user do |f| ..(snip).. # ここから .form = f.fields_for :user_languages do |form| %p = form.label :language_id, '言語' = link_to 'Remove', 'javascript:void(0)' = form.collection_select :language_id, Language.all, :id, :name %p レベル - Level.all.each do |leve
Chartkick - Create beautiful JavaScript charts with one line of Ruby
<%= line_chart @goals.map { |goal| {name: goal.name, data: goal.feats.group_by_week(:created_at).count} } %> or <%= line_chart Feat.group(:goal_id).group_by_week(:created_at).count %> Say Goodbye To Timeouts Make your pages load super fast and stop worrying about timeouts. Give each chart its own endpoint. <%= line_chart completed_tasks_charts_path %> And in your controller, pass the data as JSON.
text.ssig33.com - Rails の Ajax は過渡的なもので注意が必要だ
Rails の Ajax は過渡的なもので注意が必要だ この記事は Ruby Advent Calendar 2011 の 11 日目の記事です。真面目な話を書く。 Ruby プログラマーの皆様にあっては Rails プログラマーの方が多くいらっしゃると思います。 Rails を用いて開発されるプログラムには悉く Ajax が使用されていることでしょう。 つまり Ruby プログラマの多くは JavaScript プログラマです。 ところで Ruby と JavaScript はその思想に多きな差異があります。 JavaScript はその隅々においてコールバック制御を用いたシングルスレッドのイベントドリブンなプログラミングを要求します。 実際こうしたイベントドリブンなプログラミングは大層難しく、 Rails ではそれを隠蔽する為の仕組みが提供されています。御存知 link_to や fo
Detect Mobile Browsers - Open source mobile phone detection
Detect Mobile Browsers | Open source mobile phone detection No mobile browser detected. HatenaBookmark/4.0 (Hatena::Bookmark; Analyzer) Download Scripts Apache ASP ASP.NET ColdFusion C# IIS JSP JavaScript jQuery Lasso nginx node.js PHP Perl Python Rails Mktg Dept • Donate • About Regex updated: 1 August 2014
capybara で確認ダイアログを含む js をテストする - おもしろwebサービス開発日記
capybara 経由で selenium を使ってテストする時に、確認ダイアログを含む js をテストする方法のまとめ。 昔のやり方 クリックする前に、confirm の内容を差し替える方法。 page.evaluate_script('window.confirm = function() { return true; }') page.click('Remove') 最近のやり方 最近の selenium-webdriver は確認ダイアログに対応したらしく、下記のように書けるようになったらしい。最近の主流はこっちみたい。 page.click('Remove') page.driver.browser.switch_to.alert.accept 参考 RubyBindings - selenium - Ruby bindings - Browser automation fram
Asset Pipelineを備えたRails 3.1のリリースに向けて、その根幹を担うSprocketsをちょっと触っておくことにした。 - Sooey
Asset Pipelineを備えたRails 3.1のリリースに向けて、その根幹を担うSprocketsをちょっと触っておくことにした。 JavaScript dependency management and concatenation: Sprockets SprocketsはRubyで書かれたJavaScriptプリプロセッサで、複数のJavaScriptソースファイルを1つにまとめるのが主な機能。それによって以下のようなメリットがある。 複数のサイトやアプリケーションで共通するコードを再利用可能な形で切り出した構成にできる JavaScriptプラグインという単位でCSSや画像もまとめることができる JavaScriptファイルを1つにまとめてブラウザに読ませることによる高速化 HTTPリクエストの回数を減らすことができる JavaScriptをコメント付きの複数のファイルおよび
MozRepl で画像のレンダリング位置を調べる - 最速チュパカブラ研究会
最近、Webページをクローリングして画像を引っこ抜いたりしているのですが、そこで困るのが、一見すると一枚だけど複数のファイルに分割されている画像。 ↓こういうやつ (http://www.jewelpet.jp/) 多くの人が遅いアナログ回線で Web を見ていた頃は、体感速度を上げる効果があった、らしい。しかし、機械的に画像を収集するような向きにはえらい迷惑です。 そこで、クローラがブラウザ上でのレンダリング結果を見て、これらの画像は隣接して表示されているぞ、といった判断をできないかなーとぴろたんに尋ねてみたところ piro_or> っ [MozRepl] と、5秒で答えが返ってきました。MozRepl というのを使うといいらしいです。というわけで、MozRepl を使って Ruby のプログラムから Firefox のレンダリング情報を取得してみました。 mala さんによる MozR
Big Sky :: javascriptで動くtwitter streamクライアントを作るならばmultipart/mixedを使うべき
twitter stream APIとは、twitterのステータス更新に対してキーワードでtrackしたり、あるグループ内に属するステータス更新をフィルタしたり出来るAPIなのだけど、実際にはchunkedなストリームが流れて来ているのであって、これを使ったWebアプリを作る際にはlong pollを使うのが良い。ただしクライアントサイドでjavascriptを処理する際に サーバサイドでステータス更新をFIFOに溜め込む クライアントからリクエストをブロック(long poll)しFIFOからステータスを送出する クライアントサイドでlong pollを行い画面を更新する 再度サーバへリクエストを投げる を繰り返すのであれば、せっかくストリームなのにアプリサーバとの接続を切ってしまう事になる。出来ればクライアントからWebアプリもストリーミングとしたい。しかしながらサーバからのステータ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RubyでSeleniumを使ってスクレイピング - Qiita
https://asciicasts.com/episodes/267-coffeescript-basics
http://taka.no32.tk/diary/20091130.html