HP制作
【JavaScript】ボタンクリックで別の要素にclassが追加・削除されるサンプルコード
ボタンを偶数回（奇数回）クリックすると、別の要素にclassが追加・削除されるサンプルコードを紹介します。 jQueryなどのライブラリなどは使わず、JavaS…
HP制作
WEBサイトを構築する際、基本となるフォルダ(ディレクトリ) 構成
今回はWEBサイトを構築する時のフォルダ構造（ディレクトリ構造）のお話。 設計の段階でファイルの置き場所を意識しておかないと、ファイルを全て同じ階層に入れてしま…
HP制作
jQueryでナビゲーションの状態をCookieで保持する方法を徹底解説
WEBサイトのナビゲーションやアコーディオンメニューの開閉状態を維持したい場合、Cookieを使って制御する方法があります。Cookieは、訪問者がWEBサイト…
HP制作
Dreamweaverの正規表現で複数行を効率的に置換する方法
Dreamweaverは、ウェブ開発者にとって非常に強力なツールです。特に、サイト内のテキストを一括で置換する際には、Dreamweaverの正規表現機能が大き…
HP制作
スマホ表示でbrタグを無効化！CSSとJavaScriptでbrを消す方法
レスポンシブデザインが当たり前になった現代、スマホ表示の際にbrタグを非表示にしたいと考えたことはありませんか？ 例えば、PC表示では改行を入れたいけれど、スマ…
HP制作
CSSでposition:relativeを使った右寄せの方法と応用
久しぶりの更新となりますが、今回はウェブ制作に役立つCSSのテクニックをシェアしたいと思います。 日々のコーディングで意外と忘れがちな、[position]を使…
Wordpress
WordPressでビジュアルからテキストに切り替えると表示が崩れる問題
WordPressで投稿ページや固定ページを編集しているとき、「ビジュアルモードでは問題なかったのに、テキストモードに切り替えたらレイアウトが崩れた」という経験…
HP制作
Photoshopで書き出したSVGファイルがブラウザで表示できない原因と対処法
Adobe Photoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。 SVGファイルは、ベクター形式の画像として非常に軽…
HP制作
CSSで使える正規表現風セレクタの活用法！コードを効率化するテクニック
CSSのソースは少ないコードでシンプルにできると、管理が楽になるだけでなく、サイトの読み込み速度も向上し、容量も軽くなります。いわば「スマートなコーディング」が…
HP制作
Google アナリティクスのアカウント作成時「アナリティクス 4(GA4)」ではなく旧バージョンで設定する方法
2020年10月14日（米国時間）、Googleの「アプリ + ウェブ プロパティ」はベータ版から正式版「Google アナリティクス 4 プロパティ」にアップ…