【前提】 rails', ' 5.0.7.2' carrierwaveで画像をアップロード jQueryで非同期通信の実装中 【手順①】画像の情報をpropで取得 var file = $('#message_image').prop('files')[0]; var file = $('画像アップロードのオブジェクト').prop('files')[0]; file …

よく使うマッチャ 単体テストでのマッチャ フィーチャスペック（統合テスト）でのマッチャ よく使われるFactoryBotのメソッド よく使うFaker deviseをテストでも 画像アップロード CarrierWaveを使った場合の、modelのRSpec よく使うマッチャ 単体テストでの…

■進捗 ■reference型とは？ ■form_for ■form_forとは ■form_forを何故使う？ ■ヘルパーメソッドをどう使い分ける？ ■form_forの使い方 ■引数の定義は忘れない ■form_forで投稿フォームを作成する際に必要となるHTMLタグ ■選択肢にチェックを入れる フォームを…

問題1の解答と解説 問題1：userモデルを作成しましょう 模範解答 ターミナル 1 2 $ rails g devise:install $ rails g devise user マイグレーションファイル 1 2 3 4 5 6 7 8 9 class DeviseCreateUsers < ActiveRecord::Migration[5.0] def change create_…

■プルリクエストでのフィードバック①mailerは使わないので削除 ■プルリクエストでのフィードバック②ハッシュロケットを修正 ■devise導入⑤ビュー画面を作成 ■rake routes実行後の画面 ■プルリクエストでのフィードバック①mailerは使わないので削除 ※今回はメ…

■mixin を活用してdisplay:flexを効率的に設定 ■そもそもベンダープレフィックスとは何ぞ？ ■display:flex をはじめとする並列表記 ■box-sizingプロパティ ■devise とは？？ ■手順 devise導入①deviseのインストール devise導入②deviseに必要な設定ファイルを…

検証ツールを見つつ、sampleサイトの構造を理解して なるほど！こういうことだったのか！と写経してやってみると 意図していない謎のエラーが？？？？ Turbolinks ？？ 帰りの電車の中で原因を調べます 参考記事：https://www.ryotaku.com/entry/2019/01/15/…

■進捗 ■反省 ■次回HTMLの大枠を作るときに活かす反省点 ◾︎エラー① 並列では宣言できません？ ◾︎エラー② エンドポイントありませんよ？ ■進捗 ・左上の歯車アイコン・挿入完了 アイコンが親要素に重ならない…！ というトラブルもあったものの position: absol…