javascriptで要素(DOM)の変更を監視する【脱jQuery】

外は連日、猛暑日室内はエアコン効きすぎで凍える今日この頃、
いかがお過ごしでしょうか。
皆さんこんにちわ。
今回は、指定したコールバック関数をDOMの変更時に実行する、
「MutationObserve ...
javascript取得したDOM要素の使い方、HTMLCollectionとNodeList【脱jQuery】

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

皆さんこんにちは、最近サバゲーを始めたフロントエンドエンジニアのアツシです。
さて、今回は脱jQueryの第二弾
classを操作するclassListの使い方について解説していこうと思います。
脱jQue ...
ネイティブjavascriptでHTMLの要素を取得する!脱jQueryはじめの一歩

ネイティブなjavascriptを使いたい方こんにちわ。
jQueryで要素を取得する時に使う「$()」は、すごい便利です
では、javascriptでHTMLの要素を取得するにはどうしたらいいのか
ざっと分け ...
HTMLマークアップに使用される記号を文字参照変換する、コードを貼り付けて変換ボタンを押すだけ

HTMLに使用される文字
「&」「<」「>」「"」「'」を文字参照変換します。
参照文字に変換する.flx {display: flex;flex-w ...
${} が超便利!JavaScriptのテンプレートリテラルを使う

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

モーダルやドロワーを表示した際に背景部分のスクロールはできれば固定したい!
モーダル内にinput要素を作ったけどiPhoneでフォーカスがずれる!
などなどをサクッと解決したのが今回の方法です。
See ...
jQueryで「Hello World!」初めての方向けjQueryの始め方

ホームページの内容を動的に変更したり、表示を動かしたりが手軽にできる「jQuery」の始め方
javascriptはハードルが高いと感じた方や、Web初心者の方でも簡単に始められる!
...
変数が存在するか(定義されているか)どうかを調べる方法

変数を「false」とか「0」とか「null」でも定義してたら
「true」が欲しいってことで作ってみた
function exists(value){
if(value === ...
カスタムデータ属性「data-*」を使って要素の表示非表示を制御する

色々な要素を表示、非表示する関数を作ったので公開
CSSfunction hideAndShow(op){var target= 'target',//対象のグループ名
show= 'sho ...