FIND_IN_SET()でカンマ区切りで登録されたカラムの中から特定の値を検索する

※過去ブログの転記 --- id 3,4,5 2,3 5 1,3,5 4 SELECT * FROM table WHERE FIND_IN_SET('5',id) ↓ カンマ区切りで登録された第二引数のカラムの中から第一引数に指定された値を探す id 3,4,5 5 1,3,5 注意点 文字列の登録など数値以外の登録がある場合は使…

SELECT文の基本構文と実行順序

※過去ブログの転記 構文記述例 構文記述順 実行順序 構文記述例 SELECT field1, field2 FROM tableA, tableB AS tblB LEFT JOIN tableC ON tableC.field3 = tblB.field2 WHERE field1 = 1 AND field2 = 2 AND field4 LIKE '%aaa%' GROUP BY field1, field2 A…

テーブルの結合について

※過去ブログの転記 今まで曖昧にしていた結合についてちゃんとまとめておく 内部結合INNER JOIN / 外部結合LEFT(RIGHT) OUTER JOIN 記述例 要点 LEFTとRIGHTの違い 補足 クロス結合CROSS JOIN 記述例 要点 補足 条件指定なし 条件指定あり 和結合UNION (DIST…

jQueryで入力された値からリアルタイムで消費税込み・抜きの計算をする

瞬時に計算できないアホなので完全に自分用のメモです ¥0 (税込み) ¥0 (税抜き) 一応コード $(function() { var input=$("#input"),tax=1.08,taxIncluded=$("#tax-included"),taxExcluded=$("#tax-excluded"); input.on("input",function(){ taxIncluded.tex…

クラス名とか関数で使う表記の言い方

名称 ex アッパーキャメルケースパスカルケース UpperCamelCasePascalCase ローワーキャメルケース lowerCamelCase スネークケース snake_case チェインケースケバブケース chain-casekebab-case

特定のカラムから合計を算出して算出した値をWHERE句で抽出したい

※過去ブログの転記 MySQLを使って表題の件をやりたかったけど1054 Unknown columnでうまく動かなかったので忘れないようにメモ ID user_id point 1 1 30 2 1 40 3 1 4 4 1 6 5 2 3 6 2 7 上記のようなテーブルを使用して以下結果のように合計を出してからWHE…

BEMを使用したCSSのclass名の命名規則

CSS

※過去ブログの転記 CSSでBEMというルールを使用して行う設計方法を初めて知りました。厳密にはBEMじゃなくてMindBEMding1についてのことをまとめています MindBEMding 単語 書き方 対象 イメージ Block block 構成の親となる要素 継承元クラス Element block…

以上以下とかの範囲がわからない

※過去ブログの転記 用語 範囲 不等号 読み方 例 以上 含む x ≧ 20 大なりイコール 20歳以上 → 20歳~ 以下 含む x ≦ 20 小なりイコール 20歳以下 → ~20歳 超え・より大きい 含まない x > 20 大なり 20歳超え → 21歳~ 未満・より小さい 含まない x < 20 小なり…

Markdown記法一覧

※過去ブログの転記 強調 斜体字 取り消し線 水平ライン 改行 引用 注釈 リンク 定義リンク アンカーリンク アンカーリンク先 画像 エスケープ インラインコード コードブロック コードブロック(シンタックスハイライト) テーブル リスト 番号付きリスト チェ…

.mdファイルをQuick Lookでプレビューしたい

※過去ブログの転記 Markdown ファイルを Mac のQuick Lookでプレビューしたかった。 Homebrewのインストール $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" インストールを確認する $ brew -v 公…

CSSの結合セレクタ

CSS

※過去ブログの転記 結合記号 セレクタ 対象 + E + F E直後の兄弟(隣接)要素Fに適用 ~ F ~ F E以降の兄弟となる要素F全てに適用 > E > F 親要素Eの子要素Fに適用 (space) E F 親要素Fの子要素Fと孫要素Fに適用 こういう時に使う仮の要素名ってElementのEを使…

form,inputで使えるtypeと属性

※過去ブログの転記 type text,hidden,password,emailとか個人的によく使うものは省略。 type view 対象 input type="url" URLの入力の妥当性チェックを行ってくれる input type="number" 数値の入力スマホの時にキーボードが数値入力になる input type="tel"…

属性セレクタの指定方法

CSS

※過去ブログの転記 普段は適当なclass名をつけて 親 子or孫 {...} 形式でばかり書いているので属性セレクタの種類についてまとめてみた セレクタ 対象 E[attr] 指定された属性を持つ要素 E[attr="val"] 属性の値が一致する要素 E[attr*="val"] 指定した値の…

CSSの擬似要素と擬似クラス

CSS

※過去ブログの転記 擬似要素 擬似クラス 補足 いつもどっちがどっちかわからなくなるし、いまいち把握できていないのでmemo擬似要素と擬似クラスの違いをまとめてみました 擬似要素 指定したセレクタの一部に対して適用 セレクタ 対象 ::before 要素の前 ::a…