基礎– category –

【図解あり】CSSのmargin相殺とは？仕組みと防ぐ方法を初心者にもわかりやすく解説 「marginを指定したのに余白が思った通りにならない…」そんな経験はありませんか？実はその原因、多くの場合はmarginの相殺（margin collapse）です。この仕組みを理解し...

【初心者向け】CSSのmarginとは？使い方・指定方法・paddingとの違いを徹底解説 CSSでレイアウトを整えるときに欠かせないのが「margin（マージン）」です。しかし、「paddingとの違いがよく分からない」「marginの値をうまく設定できない」と悩む初心者も...

「VS Codeのエクスプローラーが急に消えた…？」初心者の方なら、そんなトラブルに戸惑った経験があるかもしれません。実は、エクスプローラーが「消えた」のではなく、非表示になっているだけのことがほとんどです。この記事では、VS Codeのエクスプローラ...

【初心者向け】ハンバーガーメニューの「ボタンは動くのにメニューが表示されない」原因と対処法 スマホサイトやレスポンシブサイトでよく使うハンバーガーメニュー。「ボタンを押すと（アニメーションは動く）でもメニューリストが表示されない！」という...

プログラミング中に「スペルミスが原因でコードが動かない…」なんて経験、ありませんか？そんな悩みを解決してくれるのが、VS Codeの拡張機能 「Code Spell Checker」 です。このツールを使えば、英単語やコード内のつづりミスを自動で検出して...

Live Serverを起動したのにブラウザが開かない…そんな経験はありませんか？実は、ファイル単体で開いているだけではLive Serverは動作しないことが多いのです。この記事では、VS Code初心者がよくつまずく「Live Serverが表示されない」原因と、正しいフォ...

Visual Studio Code（VS Code）でコードを書いたあと、「ブラウザでどう表示されるか確認したい」と思ったことはありませんか？そんなときに便利なのが、拡張機能 「Live Server（ライブサーバー）」 です。 このツールを使えば、コードを保存す...

【CSS初心者向け】パララックス効果の作り方を丁寧に解説｜background-attachment・translateZで奥行きを演出 「スクロールすると背景がゆっくり動くおしゃれなサイトを作りたい」そんなときに使えるのが パララックス効果（Parallax Effect） です。 この...

パソコンを使い始めると、「フォルダ」と「ファイル」という言葉をよく耳にしますよね。でも、「何が違うの？」「どう使い分ければいいの？」と感じたことはありませんか？ この記事では、フォルダとファイルの違いを、初心者でもイメージしやすい「本棚と...

Visual Studio Code（以下、VS Code）は、世界中のプログラマーに愛されている無料のコードエディタです。しかし、初期設定では英語表示のため、初心者の方には少しハードルが高く感じられるかもしれません。 そこでおすすめなのが、「拡張機能（Extension...