2024-03

改行を含む文字列を挿入をしたい時や、非表示のテキストは省いて取得したい時は innerText プロパティが使用できます。それぞれのプロパティをどう使い分けるべきか、さまざまケースで検証してみます。

使えるならgetElementById。使えないならquerySelector, querySelectorAll が便利で万能。だが、実行速度はgetElementsBy* が早い。

「エンゲージメントセッション」、「平均エンゲージメント時間」の意味は分かりますか？GA4のレポート「エンゲージメント」と「集客」で現れる用語の解説をしました。「アクティブユーザー」など理解が難しいと思われる用語に絞って取り上げています。

画像圧縮、カラーコードの確認、HTMLコードのチェックなど自分で行うのが難しいことはツールに任せましょう。ツールに頼ればヒューマンエラーが減り、作業の質も量も増やすことができます。今回は筆者が愛用しているツールを厳選して紹介します。

「position: absolute は使える」。モーダルウィンドウ、ツールチップ、画像キャプションはCSSのposition: absolute で実現できます。この記事でposition: absoluteの威力を感じてください。

マウスホバー時のボタンの色の変化、画像のズーム、フィルターボタンの実装を解説します。使用するのはHTMLとCSSとJavaScriptのみ。JQueryは使用しません。CSSのtransitionプロパティを使います。

自作JavaScriptやCSSファイルを使用したい人向けの解説です。「反映させたいのはテーマ全体ではなく、数ページだけ」という時はカスタムフィールドで解決できます。これで１ページずつカスタムJavaScript欄に書く手間が省けます。

無料のAI画像生成ツールの利用制限をまとめました。「無料＝使い放題」とは限りません。生成できる画像の枚数などに制限がある場合がほとんどです。「あなたのニーズは無料での使用でも満たせるのか」に回答していきます。