RailsアプリケーションでAjaxを実装する際にかなり躓いたので手順のメモ。 巷では、formでremote: trueをするだけの簡単なお仕事だと言われているけど、流れが分かっていないと存外難しいように思う。 実際問題、大体の仕組みさえわかれば、jQueryでajax要求出す必要もないし、とても簡便にajaxが実装出来るようになっていると思う。 というわけで早速復習。 環境 Ruby 2.1.1 Rails 4.0.3 サンプルの制作 今回はとりあえずメッセージの投稿だけを行う簡易アプリを作り、Ajax化する。 scaffoldは便利だけど、この程度の規模の場合は使わないほうが明解だと思うので、一つ一つ手作りしていく。 何はともあれ新規プロジェクトを作成し、モデルおよびコントローラの作成。 rails new Bwitter cd Bwitter rails g model bweet
今回はRecipeとIngredientというモデルがあり、その中間テーブルとしてRecipeItemというモデルがあります。 RecipeItemにはamountという属性があり、Recipeのフォーム画面において、関連するIngredientをセレクトボックスから選び、その量(amount)も登録できるようにします。 動的に関連する要素(今回はIngredient)を追加していけるフォームを作成したいので、cocoonというgemを導入することにします。 まず画像から Install cocoon Recipe RecipeItem Ingredient レシピのform作成 パーシャル作成 その他参考記事 Rails version 4.2.4 Ruby version 2.2.1-p85 (x86_64-linux) RubyGems version 2.4.6 まず画像から レシ
<!-- Import in your HTML <head> --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css"> Copy to clipboard /* Import in your CSS */ @import url("https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css"); Copy to clipboard resets the font sizesso that using semantic markup doesn't affect the styling resets the block marginsso tha
Using npm effectively can be difficult. There are a ton of features built-in, and it can be a daunting task to try to approach learning them. Personally, even learning and using just one of these tricks (npm prune, which is #4) saved me from getting rid of unused modules manually by deleting node_modules and re-installing everything with npm install. As you can probably imagine, that was insanely
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く