RailsでAngularJSを使ってTodoアプリを作成 - 1. AngularJSのインストール方法 - Rails Webook
「RailsでAngularJSを使ってTodoアプリを作成」する連載記事を書いてみました。 「RailsでAngularJSを使ってTodoアプリを作成」の連載１回目です。 まずは、Getting Startedとして、RailsプロジェクトにAngularJSを導入する方法を説明します。 連載記事一覧 Demo - Todoアプリケーション 1. AngularJSのインストール方法 2. UI Bootstrapのインストール方法 3. AngularJSのコントローラーの作成 4. ngResource + RailsでAPI作成 5. ngRouteでシングルページにする 6. AngularJS + Ransackで検索機能を実装する 7. AngularJS + Kaminariでページネーション機能を実装する 8. AngularJSで編集可能(Editable)なフィール
link_to, link_to_function での「戻る」リンク - わからん
「戻る」リンクは、link_to ヘルパーで次のように作ることができます。 link_to "戻る", :back これは、@controller.request.env["HTTP_REFERER"] || 'javascript:history.back()' です。複数画面の共通部でこれを使っていると、どんどん戻るのではなく、行ったり来たりすることになります。request.env["HTTP_REFERER"] を意図していないなら、link_to_function で次のように書けます。 link_to_function "戻る", "history.back()" ただし、たいていの場合、戻り先の *_path をアクションでインスタンス変数に格納しておくなどして、それを使う方がよいと思います。
俺の最近のRailsのJS開発環境を教えてやる - Qiita
こうやってるだけでも出力されたhtmlにはscriptタグが30個ぐらいならんでて、ページの読み込みに10sec以上かかる。 だけど、単にapp/assets/javascriptsをgulp watchとかはしたくない。 なぜならビルドはブラウザのリロード時に変更がある場合だけして欲しかった。 あとwindow.AppNamespace以下にモジュール追加していくのも辛い。 モジュール同士の依存関係もよくわかんないし、何よりwindow.AppNamespace.Modules.UserList.ItemViewとか長すぎ！ browserify-railsってやつ使ってみた browserifyがrailsの仕組みの中で動くようになる。 browserify-rails/browserify-rails https://github.com/browserify-rails/brows
Ruby + Heroku + Highchartsで食べたリンゴを月別にグラフ化してみた - メモ的な思考的な
以前、リンゴ全体の食べた割合をグラフ化してみました。 Ruby + Heroku + Highchartsで食べたリンゴの割合をグラフ化してみた - メモ的な思考的な ただ、これではどの時期に何のリンゴを食べたのか、つまり旬のリンゴは何なのかが分かりづらい状態でした。 そのため、今回は月別のグラフを追加してみることにしました*1。 ■デモ りんごたべた～ ■ソースコード thinkAmi/ringo-tabetter · GitHub ■2013/3/31時点 シナノゴールドばかり食べていたせいで、旬のリンゴがよく分かりません... 8月あたりからツガルが始まり、9月と10月頃はトキや秋映を食べていたような気がします。 Twitter始めたのが遅かったので、トキ・秋映が反映されていないのが悲しいなぁ。一ヶ月間くらい、それらを食べていた記憶がある。 2013-03-06 06:58:50 v
RailsでのjavaScriptについて | Rails日本語ドキュメント | Ruby STUDIO
このガイドでは、簡単にリッチなAjaxアプリケーションの構築を可能にする、 Rails組み込みのAjax/JavaScriptの機能について説明します。 このガイドを読むことで、次の事が学べるはずです。 Ajaxの基本 控えめなJavaScript Railsの組み込みヘルパーはどのように手助けしてくれるのか。 サーバーサイド上でのAjaxの扱い方について ターボリンクス(Turbolinks)Gemについて 1. Ajax入門 2. 控えめなJavaScript 3. 組み込みヘルパー 4. サーバーサイドに関する事について 5. Turbolinks 6. その他のリソースについて 1. Ajax入門 Ajaxを理解するには、始めにWebブラウザが通常何を行っているのかを知らなければいけません。 http://localhost:3000と、ブラウザのアドレスバーに打ち込んでEnter
Rails3.1でAjaxを使う - ひげろぐ
よく理解できていなかったのでチュートリアル的に整理した。 まずはチュートリアル用のアプリを新規作成して、コントローラーを一つ作る。 rails new ajax_tutorial cd ajax_tutorial rails g controller sandbox index update_time Ajaxなフォームやリンクを作成する form_forやlink_toといったヘルパーのオプションに:remote => trueを加えるとボタンを押した時やリンクをクリックした時のリクエストが非同期リクエストになる。 app/views/sandbox/index.html.erb <h1>Sandbox#index</h1> <%= link_to('update time', {:action => 'update_time'}, :id => 'update-time-link',
Ruby on RailsのAjax処理のおさらい - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 何気に、アプリケーションで取り扱うデータ量が増えた場合や、大容量データをデータベースとやり取りする時なんかは、Ajaxを使ってデータ通信をバックエンド側に押しやることで、WEBフロント側のUXからパフォーマンスの悪さを改善できたりする。また、ネットワーク経路的にproxyサーバとかを中継するような環境間でデータのやり取りをする場合などに、proxy側で接続時間にリミットがかけてあったりすると、通常アクセスではデータ通信時間がリミットに達して503エラーとかになってしまうような処理でもAjaxで通信をバックエンド化することで、回避できたり
ラジオボタンをクリックするとアクションを呼ぶようにする | 超ド素人のRuby on Rails挑戦日記
一定期間更新がないため広告を表示しています
uu59のメモ | RailsとJS(vue.js)の連携
前書き Railsを使いつつJSもそこそこ書きたい、という条件であればまず前提としてjQuery脳を捨てましょう。jQueryスタイルで考えるかぎり何をどうやっても破綻するのでJSを諦めるか保守性を諦めるかして覚悟を決めましょう。 捨てるのは「jQuery」ではなく「jQuery脳」です。jQueryでグローバルな領域に進出してメソッドチェインで狼藉を働いたり、いま現在目の前にあるHTMLだけを考えてDOM操作をしたり、$.onと$.triggerを使ったクロージャ内部へのGOTOなどを記憶から消しましょう。 可能な限りスコープを小さく保つのはプログラミングの基本原則といえます。その原則を思い出し、JSを軽く扱わず、一般的なプログラミングと同様に閉じられた関心事にのみ注力するようにしましょう。 RailsとJSと役割分担 Railsもviewとしてテンプレートエンジンの処理を持っていますが
Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き) - Qiita
はじめに データの並び順を自由自在に入れ替えたい、という要求があったとき、ドラッグアンドドロップで順番が変えられるとなかなか便利です。 そこで本記事ではドラッグアンドドロップによる表示順変更機能をRails 4で実装する手順を説明します。 補足資料 理解しやすくするための補足資料をいろいろ用意してみました。 デモサイト Herokuにデモサイトを作ってみました。 元々のサンプルアプリケーションはCRUDができるようになっていますが、このデモサイトではデータの更新はできません。(変更できるのは順番のみ) ドラッグアンドドロップするとどうなるか、実際に動かしてみてください。 スクリーンキャスト サンプルアプリケーションを作る過程を録画してみました。 フルスクラッチでrails newするところから始めています。 http://www.youtube.com/watch?v=YQ-6HkBhVy
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails4 でページ遷移したら JavaScript が読み込まれてないとなった時 - Qiita