BEMとは？ Block(かたまり) Element(要素) Modifier(修飾) この頭文字をとったCSS設計の一つ Block ヘッダー、メイン、フッターなどのかたまりをBlockといい、BlockはBlockを含めることができる 例えばコメントブロックがあったとして、BEMで定義するとこの…

詳細度(高い順) !important インライン記法(style属性) IDセレクタ クラスセレクタ・属性セレクタ・擬似クラス 要素セレクタ・擬似要素 ユニバーサルセレクタ !importantの使い方 プロパティの値の後ろに半角スペースを空けて!importantと記述する .title { …

continueを使うとその条件に当てはまる時は処理がスキップされる。 for(let i = 1; i <= 10; i++){ if(i % 3 === 0) { continue; } console.log(i); } breakを使うと条件に当てはまると処理が実行されず、その後の処理も実行されない。 for(let i = 1; i <= …

コマンド 意味 例 SELECT どのカラムのデータを取得するかを選ぶ(複数データを取得したい場合はカンマで区切る) SELECT name,age(全てが対象の場合は*) FROM どのテーブルのカラムかを選ぶ FROM users; WHERE どこのレコード（横の行）を取得するか WHERE na…

Qiitaの記事もご覧いただけたら嬉しいです qiita.com サービス概要 LINE botを使ったサービスなので、スマホからご確認ください！ love-dateme.com ちょっとマンネリしてきた夫婦・カップルに久しぶりのドキドキを提供してくれる、デートサポートサービスで…

capistranoを使ってAWSへのデプロイをしようと$ bundle exec cap production deploy を実行したところ、以下のエラーと遭遇しました。 cc1plus: out of memory allocating 1085312 bytes after a total of 18100224 bytes make: *** [parser.o] エラー 1 mak…

登録フォームで日時を登録してもらう箇所があり、datetime_fieldでフォームを作っていました。 = form_with(model: @schedule, id: 'form', local: false) do |f| = f.label :start_planned_day_at, :開始時間, class: 'control-label' = f.datetime_field :…

class Schedule< ApplicationRecord belongs_to :user end belongs_toを使うことでuser_idが外部キーとなり、nilだとバリデーションで弾かれるようになります。 schedulesテーブルのuser_idの値をnilでも許容したい場合は、以下のように記述します。 class S…

fetch JavaScriptの機能の一つ。ajax、axiosはscriptタグなどでライブラリを読み込む必要がありますが、fetchはその必要がありません。 // 使用例 let body =`idToken=${idToken}` let request = new Request('/schedules', { headers: { 'Content-Type': 'a…

fetch HTTP通信を可能にする。fetch APIというらしいです。 fetchを使ってサーバーにリクエストを投げ、レスポンスからデータを取得したりするときに使う。 let request = new Request('/users', { headers: { 'Content-Type': 'application/x-www-form-urle…

コールバックとは？ ある特定の瞬間に呼び出されるメソッドのこと。 例えば、「ユーザー登録する際、createする前にこの処理を実行したい」などという時にコールバックが使われます。 コールバック一覧 オブジェクトの作成 概要 before_validation バリデー…