Tableauにはデータソースフィルターやディメンションフィルターなど複数のフィルターがある。 その中でコンテキストフィルターを知った時に私は下記のような疑問を持った。 「コンテキストフィルターって何？」 「他のフィルター（ディメンション・メジャーフィルター）との違いは？」 「どういう時にコンテキストフィルターを使うと...

Tableauを使い始めた人が最初に混乱するであろうディメンションとメジャーの違いについて解説していきたいと思う。 私自身、仕事において強制的にTableauを使わないといけなくなった時に、 「ディメンション？メジャー？日本語で表記してくれ」と嘆いていた（笑） 混乱しやすい気持ちはすごくわかる。 ディメンションとは？ ...

displayプロパティにおいて「block」と「inline」については大きな違いがあるから区分けがしやすかった。 それに対して、display:blockとdisplay:inline-blockについては 「block とinline-blockは何が違うの？？」 という疑問があったので、この機会に整理してみた。...

会社のHPのCSSのコードを見ていて transition-duration: 6s; って表記があったのだが、 「transition-duration、、、いったいこれは何なんだ？」 と単語の意味から理解できていなかったので調べてみた。 transition-durationは変化させる時間を指定する transi...

「どんなサイトでも必ず使われている！」 と言っても過言ではない枠線を設定するborder！ このborderだけど、初心者の頃は指定の仕方が曖昧で 「あれ？どうやって色を指定すればいいんだっけ？」 「まとめて設定する時ってカンマで区切るんだっけ？」 とつい混乱しがちだ（少なくとも僕の場合はそうだった(笑)） そこで今回...

自分の会社のHPコードを修正していて <dl> <dt>料金</dt> <dd>3,000円</dd> </dl> というコードを見た。 リストのようにも表のようにも使われている dt要素 dl要素 dd要素 とはいったいなんだ？ 「どういう意味で...

今回はmarginを上下左右まとめて指定する方法について！ 枠線(border）の外側の余白を作る margin は内側の余白を作る padding と合わせてめちゃくちゃよく使う。 僕にとってはmarginとpaddingの違いを理解し、Google Chromeの検証ツールでmarginとpaddingが実際のサイ...

表やHTMLメール（画像を組み込んだページ）でよく使われている thead要素 tbody要素 tfoot要素 について 「それぞれどういう意味があるのか？」 「利用するメリットは何か？」 を整理したいと思う。 thead要素とは？ thead要素は「table head」の略で、表の見出しをグループ化する機能がある。...

今回はpaddingを上下左右まとめて指定する方法について整理する！ 内側の余白を作るpaddingはCSSでもうめちゃくちゃたくさん使う。 paddingをpadding-topなど個別で指定するのはわかりやすい。 でも、上下左右をまとめて指定したい場合の書き方は順番を覚えていないと混乱しがちだ。 【CSS】 pad...

CSSの基本である セレクタ プロパティ バリュー の意味とそれぞれの違いについては早めに整理しておいた方が勉強効率が上がる。 なぜなら、ほとんどのCSS本やネット記事でも 「セレクタを～」 「プロパティが～」 「バリューに～」 というように3つの用語がバリバリ出てくるからだ。 だから、3つの用語の意味がわかっていない...