2018-08-01から1ヶ月間の記事一覧

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

名称 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…