HP制作
無料で快適！シンフリーサーバーの特徴とブログ運営のメリット
2025.01.152025.01.16
ブログ運営をしている中で、サーバー選びは重要なポイントです。 私は今までクイッカプラスというホスティングサービスを利用していましたが、前の記事にある通り、クイッ…
HP制作
ブログがGoogleにインデックスされない！原因はホスティングサービスだった
2024.12.242025.01.22
当ブログが12月5日頃よりGoogleにインデックスされない事態が発生しました。 Google Search Consoleで診断したところ「URLはGoogl…
HP制作
CSSでフォントサイズを動的に調整！max-font-size、min-font-sizeの設定方法
2024.12.052025.03.25
ウェブデザインでは、文字の読みやすさがユーザー体験を大きく左右します。特にレスポンシブデザインでは、デバイスの画面サイズに合わせてフォントサイズを柔軟に調整する…
HP制作
キャメルケース・スネークケース・ケバブケースの違いと使い分けを解説
2024.10.032024.10.21
プログラミングにおいて、変数や関数、ファイル名を命名する際には、統一された規則に従って名前を付けることが重要です。命名規則にはいくつかの種類があり、コードの可読…
HP制作
Googleアナリティクス4(GA4)で押さえておきたい基本用語解説
2023.09.062023.09.06
2023年7月、UA（ユニバーサルアナリティクス）のサポートは終了して、GA4（Google アナリティクス 4プロパティ）に移行がされました。 GA4はユーザ…
HP制作
【JavaScript】ボタンクリックで別の要素にclassが追加・削除されるサンプルコード
2023.06.072023.06.07
ボタンを偶数回（奇数回）クリックすると、別の要素にclassが追加・削除されるサンプルコードを紹介します。 jQueryなどのライブラリなどは使わず、JavaS…
HP制作
WEBサイトを構築する際、基本となるフォルダ(ディレクトリ) 構成
2023.05.312023.08.03
今回はWEBサイトを構築する時のフォルダ構造（ディレクトリ構造）のお話。 設計の段階でファイルの置き場所を意識しておかないと、ファイルを全て同じ階層に入れてしま…
HP制作
jQueryでナビゲーションの状態をCookieで保持する方法を徹底解説
2023.03.082024.09.10
WEBサイトのナビゲーションやアコーディオンメニューの開閉状態を維持したい場合、Cookieを使って制御する方法があります。Cookieは、訪問者がWEBサイト…
HP制作
Dreamweaverの正規表現で複数行を効率的に置換する方法
2023.01.272024.09.05
Dreamweaverは、ウェブ開発者にとって非常に強力なツールです。特に、サイト内のテキストを一括で置換する際には、Dreamweaverの正規表現機能が大き…
HP制作
スマホ表示でbrタグを無効化！CSSとJavaScriptでbrを消す方法
2022.06.032025.04.25
レスポンシブデザインが当たり前になった現代、スマホ表示の際にbrタグを非表示にしたいと考えたことはありませんか？ 例えば、PC表示では改行を入れたいけれど、スマ…