Monthly Archives: March 2017

Knowledge, MySQL

[MySQL] インデックス制御方法

Leave a comment

解説

MySQLでインデックスを制御するための方法を記載する。
正しくインデックスを作成することで、アクセスが高速になる。
但し、テーブルによってはインデックス・データがリソースを圧迫する可能性があるため、正しく計算をしておかないといけない。
更新日：2017年3月17日
Continue reading [MySQL] インデックス制御方法 →
CSS, Knowledge, Sass Code, Snippet

[SASS] 画像データURIスキーム変換関数

Leave a comment

解説

画像データURIスキームに変換する（Inline Data Helpers）。
指定された画像をデータURIスキームに変換し、普遍的にCSS内に保存する。
この関数が有効なのは、画像の変更頻度は低く、小さなものに限る。
メリットは、リクエスト数が減り、高速化される。
サーバからの送出時にgzip圧縮するのであれば、サイズはバイナリとほぼ変わらないサイズになる。
更新日：2017年3月26日
Continue reading [SASS] 画像データURIスキーム変換関数 →
CSS, Knowledge, Sass Code, Snippet

[SASS] リセット補助関数

Leave a comment

解説

ボックスサイズの算出方法を「border-box」にすることで、padding, marginのサイズに関係なく、全てのwidth, heightで指定した値をボックスのサイズとさせる関数。
この関数を最初に読み込ませることで、ボックス配置時のサイズ調整を簡単にする。
更新日：2018年6月21日
Continue reading [SASS] リセット補助関数 →
CSS, Knowledge, Sass Code, Snippet

[SASS] BOX中央配置関数

Leave a comment

解説

指定されたボックスを親ボックスの中央（上下左右）配置させるための関数。
要素を親要素topから50%に配置、すると子要素のtopが親要素の中央位置にくるので、
子要素を自身の高さの半分マイナス上にずらす（transform: translateY(-50%))と、縦のセンタリングができる。
更新日：2017年3月26日
Continue reading [SASS] BOX中央配置関数 →