Web制作
CSS calc()の使い方と実務例！よくあるレイアウトパターンも紹介
CSSでレイアウトを組んでいると、「あと少しだけ調整したいのにうまくいかない」と感じた経験はありませんか。 例えば、横幅を50%にするとちょうどいいはずなのに、…
HTML
HTMLの基本構造やタグの使い方、SEOを意識したマークアップ方法を解説。Webページ制作で役立つ実践的な書き方や注意点をまとめています。
Web制作
VS Codeのsettings.json完全ガイド｜Web制作を快適にする設定
Web制作の作業効率は、エディタの設定で大きく変わります。 同じVisual Studio Code（VS Code）を使っていても、設定が最適化されている人と…
Web制作
VS CodeとDreamweaverを徹底比較！Web制作で選ばれる理由とは
Web制作を続けていると、使うツールは少しずつ変わっていきます。新しい技術が増えたり、作業効率を求められたりする中で、「今の環境が本当に最適なのか」と考える瞬間…
Web制作
CSSでフォントサイズの最大値・最小値を指定する方法｜clamp(), min(), max()完全解説
ウェブデザインにおいて、文字の読みやすさはユーザー体験（UX）に直結します。どれだけ美しいデザインでも、文字が小さすぎたり大きすぎたりすると、ユーザーはすぐにペ…
Web制作
キャメルケース・スネークケース・ケバブケースの違いと使い分けを解説
プログラミングにおいて、変数や関数、ファイル名を命名する際には、統一された規則に従って名前を付けることが重要です。命名規則にはいくつかの種類があり、コードの可読…
Web制作
【JavaScript】ボタンクリックで別の要素にclassが追加・削除されるサンプルコード
ボタンを偶数回（奇数回）クリックすると、別の要素にclassが追加・削除されるサンプルコードを紹介します。 jQueryなどのライブラリなどは使わず、JavaS…
Web制作
WEBサイトを構築する際、基本となるフォルダ(ディレクトリ) 構成
今回はWEBサイトを構築する時のフォルダ構造（ディレクトリ構造）のお話。 設計の段階でファイルの置き場所を意識しておかないと、ファイルを全て同じ階層に入れてしま…
Web制作
jQueryでナビゲーションの状態をCookieで保持する方法を徹底解説
WEBサイトのナビゲーションやアコーディオンメニューの開閉状態を維持したい場合、Cookieを使って制御する方法があります。Cookieは、訪問者がWEBサイト…
Web制作
Dreamweaverの正規表現で複数行を効率的に置換する方法
Dreamweaverは、ウェブ開発者にとって非常に強力なツールです。特に、サイト内のテキストを一括で置換する際には、Dreamweaverの正規表現機能が大き…
Web制作
スマホ表示でbrタグを無効化！CSSとJavaScriptでbrを消す方法
レスポンシブデザインが当たり前になった現代、スマホ表示の際にbrタグを非表示にしたいと考えたことはありませんか？ 例えば、PC表示では改行を入れたいけれど、スマ…