2020-04-01から1ヶ月間の記事一覧

ハンバーガーメニュー

ここがとてもわかり易かった https://www.kopjapan.com/blog/web/%E3%80%90%E5%88%9D%E5%BF%83%E8%80%85%E5%90%91%E3%81%91%E3%80%91%E3%83%8F%E3%83%B3%E3%83%90%E3%83%BC%E3%82%AC%E3%83%BC%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E4%BD%9C%E3%82%…

絞り込み検索 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…