javascript取得したDOM要素の使い方、HTMLCollectionとNodeList【脱jQuery】

2018年の夏、連日の猛暑日、40度を超えるような地域もあるようです。
熱中症にはお気をつけください。
皆さんこんにちは。
脱jQueryの第三弾!
今回は、第一弾の
ネイティブjavasc ...
javascriptでclassを操作するclassListの使い方【脱jQuery】

皆さんこんにちは、最近サバゲーを始めたフロントエンドエンジニアのアツシです。
さて、今回は脱jQueryの第二弾
classを操作するclassListの使い方について解説していこうと思います。
脱jQue ...
${} が超便利!JavaScriptのテンプレートリテラルを使う

「${}ってなんだろう」って方こんにちわ。
「知ってるよ。」って方には基本的な内容かもしれませんがお付き合いください。
${}を知ってしまったらもう使いたくてしょうがなくなること請け合いです。
iPhoneでも背景のスクロールを固定したモーダル(ドロワー)

モーダルやドロワーを表示した際に背景部分のスクロールはできれば固定したい!
モーダル内にinput要素を作ったけどiPhoneでフォーカスがずれる!
などなどをサクッと解決したのが今回の方法です。
See ...
CSS Variables(カスタムプロパティ)が超便利!

簡単に言うと変数が使えるようになる機能です
あらかじめよく使う値を変数に入れておけば、CSS内で自由に呼び出して使うことができます。
ブラウザの対応状況はCan I use
残念ながらIE11が非対応(20 ...
コピペで簡単!CSSとjQueryでラジオボタンを装飾する

デフォルトのラジオボタンは見栄えが…
ってときには装飾してしまえばいいのだ
ってことでCSSとjQueryで装飾してみる。
jQueryで「Hello World!」初めての方向けjQueryの始め方

ホームページの内容を動的に変更したり、表示を動かしたりが手軽にできる「jQuery」の始め方
javascriptはハードルが高いと感じた方や、Web初心者の方でも簡単に始められる!
...
jQueryにおけるセレクタとは、トラバースとは

jQueryでDOM要素(divやpなどのタグ)を指定する際に使用する
「セレクタ」と「トラバース」について
次のようにタグやクラス、IDや属性を直接指定する
jQuery$('.class& ...jQueryでDOM要素をセレクタ+で指定する方法

$('.foo .bar')というように
セレクターで対象を絞り込んでいくことも出来ますが、
セレクターを指定してそこから対象を探すほうが処理が早いので
それらの代表的な方法を記載します。 ...
変数が存在するか(定義されているか)どうかを調べる方法

変数を「false」とか「0」とか「null」でも定義してたら
「true」が欲しいってことで作ってみた
function exists(value){
if(value === ...