絞り込み検索 ransackその2 完全に日記

前回ransackに初めて触れた時にしてためちゃダサい部分の修正 homeにそのまま@result出しても良いけどsearchアクション動いた後だからsearch.html.hamlに結果表示するのが妥当だろう。 前回は学習中だったので検索ページを2つ作る見たいな無駄なことをして…

レスポンシブデザイン

ここが分かり易い https://www.kagoya.jp/howto/webhomepage/responsive/ ざっくりポイントだけ抑えると head部分に <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> 書いとく css側では画面サイズによって分岐させる箇所で @media screen and (min-width: 481px) { } @media screen and (max-width: 480px</meta>…

雑記

1promptはビュー側で書く コントローラーでオプションにする配列にプロンプト的な意味で"---"を最初に入れといて初期値にするみたいなのがあったけど、ransack使ってるとそれが選ばれてると勘違いするのでよろしくない。普通にオプションでプロンプト渡せば…

検索結果の絞りこみ かなり拙い理解 ransackその1(その2あり)

要点が絞れているか、理解しているのかよくわからないので追記・修正予定で書く 最初に複数条件での検索が出来た時のformは = form_tag(detailsearch_path,:method => 'get') do = search_form_for @search do |f| .form-group = f.label :name_cont, "キー…

検索フォームの作成 その1

参考記事 シンプルで分かり易い https://qiita.com/yusuko/items/cff4e46aeafbc3beecf2 ポイントとしては searchアクションは普通にどっかに定義する text_field_tagを使う。キーは:searchとかにしとく (なんかtext_fieldではだめだよ、って記事見たことあ…

jqueryで作成したhtml

jqueryで作成したhtmlのクラス名にjqueryが反応しないのは仕様なんだろうか? ページ読み込み時になかった物には反応しないのかな。 なんかturbolinksが悪さしてそうな気がしなくもないんだが・・・ turbolinksは何かと不具合起こすイメージあるから嫌いだな…

カテゴリのリンクリスト作ってる時の一人言

1ajaxのルーティング ajaxのルーティングは普通にそれを発火させたいページを見て それがlocalhost3000みたいなルートページだったら普通通りに get 'url', to : controller#action もっとajaxっぽく言うなら get 'ajaxのアクション名', to:controller名#aj…

ベーシック認証

usernameやpasswordには環境変数を使う。本番環境での設定が大事。下の記事参考。 参考記事 https://qiita.com/MitsuguSueyoshi/items/7bc73547ee7b6193f35d なんか意味ないベーシック認証を最近見た気がする・・・

デプロイするアプリに必須。 gitignore忘れないように

参考記事 https://qiita.com/NaokiIshimura/items/2a179f2ab910992c4d39

chmodコマンド 権限系コマンド

参考記事 https://eng-entrance.com/linux-command-chmod

ssh通信

参考記事 https://qiita.com/naoki_mochizuki/items/aea14a65a4a513e4816f http://nigohiroki.hatenablog.com/entry/2013/08/18/221434 https://kasei-san.hatenadiary.org/entry/20120329/p1

雑多なメモ

function(e){} これが分かり易い https://www.youtube.com/watch?v=OiWLIe_Cz6E

画像の更新

fields_forはnewとeditでは若干記述が異なるので注意 https://qiita.com/kouuuki/items/5daf2b5f34273d8457f7 その他参考記事 https://qiita.com/gakinchoy7/items/ac1d8e64e33c3ddd377b https://qiita.com/shota0701nemoto/items/2d4889a59b50a608255f

編集ページの多階層カテゴリフォーム

結論から言うと普通にjsのメソッド使いまわせた。自分がajaxにまだ不慣れなので、商品編集のページであるからid入りなのでルーティングにmember使うこととか、newアクション内に書いてたjson用のメソッドを、使いまわすのであればeditアクションに記述する必…

フォーム整え中

参考記事 https://qiita.com/mylevel/items/bae2204f8a40ff1d2d37

filelds_forの中のlabel

まぁlabelに限ったことではないんだろうけど、filelds_forの中ではf.ではなくてfilelds_forでdo |hoge|としたhoge.になることに注意。 これだけだと後で何のことか忘れそうだから itemのform_forの中で = f.fields_for :images do |image| .js-file_group{"d…

余計なテーブルを減らしてactive-hashで管理する。

使い方とかはネットに出てるので、個人的に理解のために足りなかった情報とかまとめておく。 インストールとかは置いといて 一応実装のポイントとして、ネットとかにもあるように、大事な方(実際にテーブルがある方)のモデルは普通にrails g modelで作って…

多階層セレクトボックス作ってた時の独り言

ajax通信でコントローラーに飛ぶ時にbeforeアクションでexceptに入れてないとそいつにも値をセットしようとするけどそんなんないって言われることある。 あとancestryのフォーム作る時みんなカラム名どうしてんだろ? 自分は孫までのセレクトボックスが次々…

苦手なajaxちょい復習。

ajaxの要点。つめてはないので、若干不正確かもしれないが、流れを思い出すためにメモ。 アクション名.json.jbuilderは コントローラー側の値をhtml側が要求したjson形式に整える場所。 右側を左側に突っ込む感じ json.text @post.text json.date @post.crea…

fontawesomeの使い方

ちょっとカリキュラムで使ったくらいで、個人的にfontawesome使ってなかったな、と思ったので一回まとめた方がいいだろう。ちなみにfontawesomeまとめようと思ったきっかけはある記事読んでて%i.fas.fa-chevron-downって何やねんって思ったから。 iはiconでf…

ancestry その2

追記予定 参考記事 https://qiita.com/kenzoukenzou104809/items/07f6b5f7fdcf2761ac8f この記事参考に現在作成中 https://qiita.com/ATORA1992/items/bd824f5097caeee09678 https://umakki.com/archives/36

フォームを追加していくjs

※注意。ハムルだけどインデントおかしいのでそこは注意。多分はてなブログ自体がhtml編集できるからスペースが無視されるんだろう。エスケープするか自分で作ったアプリでも見とけ。 先にaccepts_nested_attributes_for_テーブル名でメモ書いといたけどその…

ancestry その1

子要素孫要素の作り方は結構記事あったので下の参考記事でも読めばいい。 DBにどんな風にancestryが入るかを説明する。(自分がネットから拾って来て使ってるseedファイルを例にしてるから変な入れ方すると変わるかもしれんけど、要は祖先のidがancestryカラ…

fields_forとaccepts_nested_attributes_for 重要

form_forで@itemとか渡してフォーム作ってる時に、アソシエーションやらの関係で別のモデルへの登録も同時にしたいということはよくあると思う。 itemに複数枚画像を関連づけることができるような場合、Itemモデルはhas_many :imagesでImageモデルはbelongs_…

ビューによってページにあてるscss(とかjs)を変える

マニフェストファイルのrequire treeを削除して config/initializers/assetsに Rails.application.config.assets.precompile += %w( hoge.scss ) とか書いてプリコンパイル追加して(jsでも大体同じ手順) ビューファイルの方で = stylesheet_link_tag 'hoge' …

アプリで使う画像の読み込み、部分テンプレート読み込み

link_to image_tag("logo.png"), root_pathみたいにimagesの画像をリンクにしたい時にimages以下のlogoフォルダに入れてた場合は link_to image_tag("logo/logo.png"), root_pathみたいに書くよ。 画像名だけとかapp/assets/images/logo/logo.pngはエラーに…

なんかまとまりないけどメモ用の記事

県名を整数型で登録するプルダウンメニュー作成に参考になりそうな記事 https://qiita.com/dawn_628/items/8c4293831bcccf332b9a プログレスバーを作るのに参考になりそうな記事 https://qiita.com/milneo/items/6d6a3116977b262a629d ただしレスポンシブで…

hamlの復習

色々新しいこと試す時にhamlだと省略されすぎてて若干わかりづらかったので、個人アプリ弄ってる時はerbで適当にsassあててたが、今後はチーム開発での記述になるので、チーム内での記述はもちろん個人でもhamlを使ってネスト構造のscssをBEMに則った命名で@…

テストコード書くか

とりあえずrspecでかなりハマったことメモ。 gemの中にchromedriver_helperというのが入ってて(多分最初から?)、それがio/likeってとこを読みに行ってたらしく、それのせいでrequire 'rails_helper'が正常に動いてなかった。下に挙げた記事はテストコード…

今さらなんだがvarchar等の型名とrailsのマイグレーションファイルでの定義の関係について

馬鹿みたいな話なんだが、 電話番号をもともとt.stringで作っといて、ネットで電話番号の型はvarcharが良いと見て、t.varcharでmigrateしようとしたらそんなもんねーよってなった話。 railsでstringで定義したらmysqlではvarcharになる。 t.string :string_l…