2018-01-01から1年間の記事一覧
scroll() list 余計な余白 var $scrollTarget = $("#scrollTarget"); var $scroll = $("#scroll"); var $scrollInt = $("#scroll").offset().top; $scrollTarget.hide(); $scroll.on("click",function(){ $scrollTarget.slideToggle("normal",function(){ if…
記号 意味 数字 権限 使用例 r read 4 読み出し 読むだけのHTML,CSS,画像ファイルなど w write 2 書き込み データの書き込みや書き換えが必要なファイル x exec 1 実行 サーバー上で実行が必要なファイル touch,rmなどはできない 記述例 数字 記号 意味 644 …
※過去ブログの転記 記号 意味 数字 権限 使用例 r read 4 読み出し 読むだけのHTML,CSS,画像ファイルなど w write 2 書き込み データの書き込みや書き換えが必要なファイル x exec 1 実行 サーバー上で実行が必要なファイル touch,rmなどはできない 記述例 …
個人的によく使うやつ またあれば追加して行く予定 操作 内容 :wq 保存して終了 :q! もしくは :q 保存せずに終了 :w 上書き保存 :w <file name> <file name>で保存 A 行の末尾で挿入モードへ a カーソル位置の次の文字からinsertモードになる I カーソル位置の行の先頭へ移動してか</file></file>…
/etcディレクトリにmotdファイルの作成 $ sudo touch /etc/motd 書き込む $ sudo vi /etc/motd 次回ログイン時に表示されるのを確認 表示されなければパーミッションを644にする 田原年彦は下記サイトで作成しました 他にもメッセージを動的にする方法とかも…
after - 指定した要素の後ろに引数で指定した要素を追加 insertAfter - 指定した内容を引数で指定した要素の後ろに追加 append - 指定した要素の中の後ろに引数で指定した要素を追加 appendTo - 指定した内容を引数で指定した要素の中の後ろに追加 before - …
fadeOut - 要素をフェードアウトして非表示 fadeIn - 要素をフェードインして表示 fadeToggle - fadeInとfadeOutの切り替え fadeTo - 指定したアニメーションでフェード処理 toggle - showとhideの切り替え slideDown - スライドで要素を表示 slideUp - スラ…
jQueryのDOM操作系のメソッドについてまとめておく 追加していく予定 .addClass - クラスを追加する .attr - 属性の取得 .hasClass - そのクラス名があるかどうか .prop - プロパティのチェック .removeAttr - 指定した属性の削除 .removeClass - 指定したク…
v.3の話 4のことはまだ導入してないから知らん クラス名 breakpoint 対象 col-xs-x ~767px スマホ col-sm-x 768~991px タブレット col-md-x 992~1199px デスクトップ col-lg-x 1200px~ デスクトップ visible-sm / hidden-sm で対象の時に表示・非表示を切り…
※過去ブログの転記 NULLを含むカラムでORDER BYする SELECT num FROM tbl ORDER BY num ASC ↓ num NULL NULL NULL 1 2 4 6 9 普通に昇順指定するとNULLが最初に来てしまうのて下記のように修正 SELECT num FROM tbl ORDER BY num IS NULL ASC , num ASC ↓ nu…
使用したことはないけどせっかく覚えたので、一応メモ SELECT (CASE flag WHEN 1 THEN "フラグ1" WHEN 2 THEN "フラグ2" ELSE "その他" END) AS flag FROM users 下記もOK SELECT (CASE WHEN flag = 1 THEN "フラグ1" ELSE "その他" END ) AS flag, (CASE WH…
主にFinderでの動作 またあれば追加していくかも ショートカット 動作 探したいファイル名をタイプする そのフォルダ内を検索する command + Shift + G ファイルのパス表示または移動 command + Shift + C ルートディレクトリへ移動 command + Shift + D デ…
※過去ブログの転記 評価順位 表記 名前 例 意味 高 && 論理積 $a && $b $aと$bがTRUEの時にTRUE || 論理和 $a || $b $aまたは$bがTRUEの時にTRUE = 代入演算子 $a = $b $aに$bを代入 and 論理積 $a and $b $aと$bがTRUEの時にTRUE xor 排他的論理和 $a xor $…
※過去ブログの転記 ※転記してて思ったが日付の穴埋めくらいアプリケーション側でやれ id create_time 1 2018-09-05 08:00:00 2 2018-09-05 12:35:00 3 2018-08-21 20:10:22 4 2018-09-02 11:10:48 5 2018-09-03 19:13:14 日付毎にユーザーの登録数を取得した…
.scroll-table { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } ※過去ブログの転記 create_date 2018-09-05 2018-09-05 2018-09-03 2018-09-02 2018-08-21 n日後などの日付を取得する SELECT create_date…
※過去ブログの転記 --- 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 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…
瞬時に計算できないアホなので完全に自分用のメモです ¥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
※過去ブログの転記 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…
※過去ブログの転記 CSSでBEMというルールを使用して行う設計方法を初めて知りました。厳密にはBEMじゃなくてMindBEMding1についてのことをまとめています MindBEMding 単語 書き方 対象 イメージ Block block 構成の親となる要素 継承元クラス Element block…
※過去ブログの転記 用語 範囲 不等号 読み方 例 以上 含む x ≧ 20 大なりイコール 20歳以上 → 20歳~ 以下 含む x ≦ 20 小なりイコール 20歳以下 → ~20歳 超え・より大きい 含まない x > 20 大なり 20歳超え → 21歳~ 未満・より小さい 含まない x < 20 小なり…
※過去ブログの転記 強調 斜体字 取り消し線 水平ライン 改行 引用 注釈 リンク 定義リンク アンカーリンク アンカーリンク先 画像 エスケープ インラインコード コードブロック コードブロック(シンタックスハイライト) テーブル リスト 番号付きリスト チェ…
※過去ブログの転記 Markdown ファイルを Mac のQuick Lookでプレビューしたかった。 Homebrewのインストール $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" インストールを確認する $ brew -v 公…
※過去ブログの転記 結合記号 セレクタ 対象 + E + F E直後の兄弟(隣接)要素Fに適用 ~ F ~ F E以降の兄弟となる要素F全てに適用 > E > F 親要素Eの子要素Fに適用 (space) E F 親要素Fの子要素Fと孫要素Fに適用 こういう時に使う仮の要素名ってElementのEを使…
※過去ブログの転記 type text,hidden,password,emailとか個人的によく使うものは省略。 type view 対象 input type="url" URLの入力の妥当性チェックを行ってくれる input type="number" 数値の入力スマホの時にキーボードが数値入力になる input type="tel"…
※過去ブログの転記 普段は適当なclass名をつけて 親 子or孫 {...} 形式でばかり書いているので属性セレクタの種類についてまとめてみた セレクタ 対象 E[attr] 指定された属性を持つ要素 E[attr="val"] 属性の値が一致する要素 E[attr*="val"] 指定した値の…
※過去ブログの転記 擬似要素 擬似クラス 補足 いつもどっちがどっちかわからなくなるし、いまいち把握できていないのでmemo擬似要素と擬似クラスの違いをまとめてみました 擬似要素 指定したセレクタの一部に対して適用 セレクタ 対象 ::before 要素の前 ::a…