Google Tag Manager（GTM）とは？ Google Tag Managerとは、UA（ユニバーサル アナリティクス）に変わるアナリティクス（分析）ツールで、「サイトへのアクセス状態」がわかるもの。 Google Tag Manager Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い。 企業...
Google Tag Managerの設置場所は一体どこにすれば良いの？
Memos
slickの使い方。jQueryスライダーのシンプルなサンプル例。コピペも可。
slickの、シンプルなサンプル。 headタグ内に記述。 slickの使い方は一般的なスライダーと同様。 まずはjQuery本体とslickのJSと、slickのCSSを読み込む。 HTML <script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity=&qu...
detailsとsummaryの使い方。HTML&CSS or jQueryアコーディオン。
detailsタグとsummaryタグ。HTMLだけでアコーディオンメニュー。 JavaScriptを使わなくても、HTMLだけで折り畳められたコンテンツ領域の開閉（アコーディオンメニュー）ができようになった。 情報量が多い箇所など、覚えておくと何かと便利そうなHTML5の新しい要素。基本的な使い方はとにかくシンプル。 コピペで使い回しも可能。 de...
Chromeデベロッパーツールでスマホ表示チェックする際の注意点。
デベロッパーツールのショートカット。 デベロッパーツールは右クリックからも開けるが、よく使う機能なのでショートカットで覚えておくと作業がはかどる。 ショートカット Mac： 「Command」 + 「Option」 + 「i」（FirefoxやSafariでも同じ。） Win： 「Ctrl」 + Shift「」 + 「i」 （「F12」でも可。） で開いた...
CSSとJSのマーカー。コピペで使えるグラデーション・アニメーション。
CSS & JSによるマーカー。 サイトにちょっとしたアクセントが欲しいとき、使い回しが効くマーカーがあると便利だ。 汎用性があるのでスニペットとして使える。 グラデーション付きの、動きのあるマーカー。 ざっくりと、３ステップでOK。 CSSで、マーカーの見た目と動きを作成。（class名「highlight」） JavaScriptで、スクロー...