CSS値の「initial」「inherit」「unset」「revert」の違い
一言で言うとプロパティの初期化になるのですが、 それぞれが異なる動きをします。 自分のまとめも兼ねて投稿します。 これは何？ CSSの値のキーワード プロパティに対して、初期値・継承値をセットし...
98
71
Comment2
26 search resultsShowing 1~20 results
Stocked
You need to log-in
document.formsが便利だった
はじめに 久しぶりにフレームワークを使わずにJavaScriptを扱いました。 その際、formの内容を操作をするのにdocument.formsを利用しました。 忘れない内にまとめておきます。...
9
3
Comment0
HTMLの「style」プロパティにJavaScriptでstyleを設定する
はじめに この1つ前に投稿した複数の背景画像をCSSで設置すると少し関係します。 背景画像を分割したいという相談を受けました。かつ、JavaScriptで実装する必要があるとの事でした。 そんな...
0
1
Comment0
複数の背景画像をCSSで設置する
はじめに こんな相談を受けました canvasの背景に設置した画像が重すぎて困っている. バックエンド側で軽量化したり画像形式を変えてみたが一長一短. 分割したらどうかとおもうが、可能？ bac...
0
1
Comment0
HTMLとCSSだけで連番を追加するには？
初めに 何かしらのウェブページをコーディングしている時、連番が必要な場合があると思います。 手動でつけたり、JavaScriptやバックエンド側で生成する方法も回答ですが、 HTML又はCSSだ...
8
8
Comment0
object-fitとは
object-fitとは img要素やvideo要素などの中身を、コンテナーにどのように表示するかを設定するプロパティです。 よく「画像をトリミングする方法」などとして紹介されています。 対応状...
1
0
Comment0
computedによるclass変更
はじめに 公式にある基礎なのですが、最近Vueを仕事で使っていなくて忘れてしまうので、ちょっと書いておきます。 何かしらのアクションで、styleを変更する事はよくあります。 例えば、click...
0
3
Comment1
BootstrapVueで、さらっと表を作る
はじめに Vue.jsというと、RouterやVuexを併用してSPAを作るものと思う方もいるかもしれませんが、 PHPなどでの同期処理やちょっとした非同期通信だけでも、いろいろな事ができます。...
11
21
Comment0
CSSでマウスポインタ（カーソル）の形を変えてみる
はじめに Webアプリケーションでは、clickなどのユーザーのアクションを要求する事が多くなります。 その際に時々見かけるのが、どこをclickすれば良いのか分からない画面です。 考えられる対...
0
0
Comment0
Vue.jsでのdeep selectorの書き方
久しぶりの投稿です。 備忘を兼ねて簡単に書きます。 deep selector？ Vue.js でscoped付でstyle を書いている場合に、そのコンポーネントの子コンポーネントにもstyl...
60
38
Comment0
WAI-ARIAを使ってコーディングする
WAI-ARIAとは？ webページ上のコンテンツに対して、アクセシビリティを補完する為の属性を定義した仕様です。 なぜ必要？ アクセシビリティの為。 今のウェブサービスの場合、汎用要素でコンテ...
4
3
Comment0
CSS グリッドレイアウトについて個人的まとめ（用語まとめ）
自分用にまとめたものです。 主に、MDNなどを読むときの用語まとめになりました。 Gridレイアウトとは Flexとの違い flexは1次元。基本、1列 or 1行。 それに対して、gridは二...
0
1
Comment0
FlexBoxの個人的まとめ
FlexBoxとは 1次元のレイアウトモデルです。 -> ポイントは、行か列（縦か横）のどちらかしかレイアウトを選べない事です。 FlexBoxの構成 「Flexコンテナー」と「Flexア...
0
1
Comment0
CSSの詳細度とコーディングについて
内容 CSSの詳細度と、コーディングで注意したい事をまとめてみました。 詳細度（specificity）とは 記述したCSSのプロパティが適用される際の優先度です。 詳細度が高いもののプロパティ...
1
2
Comment0
vue-chartjsで凡例をカスタマイズ
はじめに 凡例は文字の太さや位置はオプションで対応可能ですが、レイアウトなどになるとそのままでは対応出来ませんでした。 調べたところ、大本のchart.jsでは、凡例部分のHTMLを出力させてs...
0
2
Comment0
vue-chartjsで、ツールチップをカスタマイズ
始めに 仕事で「vue-chartjs」を使用したのですが、グラフで表示するツールチップのカスタマイズ依頼がありました。 次のやり方で対応したので、備忘かねて投稿します。 コード例（抜粋） th...
1
2
Comment0
olとULを使い分けましょう
始めに なぜ書こうと思ったのか。 それは、デザイナーさんやバックエンドチームのHTMLコード見たら、この要素の使い分けしていなかったというのがきっかけです。 この2つの要素は意味も異なります。 ...
9
5
Comment0
JavaScriptで「条件のどれかに一致」を（少しでも）簡単に書きたい
始めに 分岐の条件がいつの間にか増えていき、最終的に書いた本人がしんどくなる事がありました。 そういうコードは、コメントを残してもつらいです。 また保守もしんどくなります。 今回直したのはこんな...
28
17
Comment0
NodeListとは？
同僚がはまっていました。 私も早合点してはまった事があるので書いておこうと思います。 これは何？ Nodeの集合です。 lengthなどがあるので配列と早合点しそうになりますが（恥ずかしながらし...
9
8
Comment0
JavaScriptのスプレッド構文で、ArrayやObjectをマージ
こちらの投稿のコメントで、スプレッド構文(...)もつかえるとアドバイスを頂きましたのでまとめてみました。 スプレッド構文とは Array や String などの iterable オブジェク...
1
1
Comment0
26 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles