Basics– category –
-
JavaScript の “this” について
初心者向けに徹底解説！JavaScriptのthisが指すものを理解する4つのルール2025 JavaScriptを学んでいると、多くの人がつまずくのが「this」です。「thisって一体何を指しているの？」「関数によって動きが違うのはなぜ？」と疑問に思ったことはありません... -
【HTML入門】!DOCTYPE htmlとは？初心者向けに最初の1行を超やさしく解説！
HTMLファイルを作るとき、最初の1行に書く「<!DOCTYPE html>」。この短いコードには、「これからHTML5の文書が始まりますよ！」という大切な役割があります。もし書き忘れてしまうと、ブラウザが誤って古い形式で表示してしまうことも。この記事では... -
【CSS初心者向け】transformの使い方を徹底解説｜画像や文字を動かす・回す・拡大する基本まとめ
【CSS初心者向け】transformの使い方を徹底解説｜画像や文字を動かす・回す・拡大する基本まとめ CSSのtransform（トランスフォーム）は、要素を動かしたり、回転させたり、拡大・縮小したりするためのプロパティです。アニメーションやデザイン演出でもよ... -
HTML CSS 【初心者向け】テキストとアイコンがズレる時の対処法
こんにちは！今回は「テキストとアイコンを横並びにしたらバランスがおかしくなってしまった！」という方のためのに対処法をお伝えしていきます。 まずはHTMLとCSSの中身を見ていきましょう。 親要素に display: flex; でテキストとアイコンを横並びにして... -
HTML CSS 【初心者向け】positionの使い方
こんにちは★初心者の私がコーディングする際に、画像の上に見出しを載せたい時や要素を重ねて表示したい時に使うプロパティ position について学習してみようと思います。 まずはHTMLに親要素と子要素を準備します。 CSSには親要素と子要素に分かりやす... -
HTML CSS 初心者向け max-widthの使い方
初心者の私がよくやってしまうミスを備忘録としてお届けしていきます^^ 参考にしたのはこちら 作って学ぶコーディング学習サイト とっても見やすく学習しやすいように初級、中級、上級編と分かれていて、完成イメージやヒント、デモ、ソースコード、画像... -
レスポンシブ 【初心者向け】display:none; が効かない時の対処法
初心者向け模写を最近やっています^^ そこで初心者の私がよくやってしまうミスをご紹介します！ 皆さんの参考になればなぁーと思いつつもほぼ私の備忘録でございます 参考にした模写はこちら 作って学ぶコーディング学習サイト https://code-jump.com/c... -
HTML CSS 【初心者向け】ナビゲーションバーの隙間対処法
初心者の私がよくやってしまうミスを備忘録としてお届けしていきます^^ 前回と同様、参考にしたのはこちら 作って学ぶコーディング学習サイト https://code-jump.com/coding-recommend/ 見た目がシンプルで綺麗めのデザインなので初心者にはコーディング... -
HTML CSS 【初心者向け】スクロールバーが表示されない時の対処法
初心者向け模写を最近やっています^^ そこで初心者の私がよくやってしまうミスをご紹介します！ 皆さんの参考になればなぁーと思いつつもほぼ私の備忘録でございます 今回参考にしたのはこちら 作って学ぶコーディング学習サイト https://code-jump.com...