HTML/CSS HTMLの親要素と子要素：リストと入れ子構造
HTMLの属性に続いて、「親要素と子要素」の関係を学びました。要素を入れ子にすることで、HTMLの構造を整理できます。リストを作る：<li>要素リスト（箇条書き）を作るには、<li> 要素を使います。<li>りんご</li><li>バナナ<...
Progate
HTML/CSS 
HTML/CSS HTMLの属性：タグに追加情報を与える
HTMLの基本タグに続いて、「属性」を学びました。属性を使うことで、タグに追加の情報を与えることができます。リンクを作成：<a>要素<a> 要素は、他のページへのリンクを作成するタグです。<a>クリックしてください</a>しかし、これだけで...
HTML/CSS HTMLとは：Webページの骨組みを作る言語
HTML/CSS学習の再スタートです。約3ヶ月ぶりの復習となりますが、改めて基礎から学び直していきます。まずは「HTML」とは何かを理解します。HTMLとは**HTML（HyperText Markup Language）**は、色んな要素...
JavaScript JavaScriptのコールバック関数：関数を引数として渡す
配列メソッド（forEach、filter、mapなど）を学んだ際に出てきた「関数を引数に渡す」という概念。これが「コールバック関数」です。コールバック関数とはコールバック関数は、引数に入っている関数のことです。const numbers ...
JavaScript JavaScriptのパッケージと配列メソッド：便利な機能を活用する
モジュールと相対パスを学んだ後、「パッケージ」と「配列メソッド」を学びました。これらを使うことで、プログラミングが劇的に効率化されます。パッケージとはパッケージは、便利なプログラムをまとめたものです。他の開発者が作った便利な機能を、自分のプ...
JavaScript JavaScriptの相対パス：ファイルの位置関係を示す
モジュールを学んだ際に出てきた "./ファイル名" という書き方。これは「相対パス」と呼ばれ、ファイルの位置関係を示しています。相対パスとは相対パスは、ファイルの位置関係を示す記述方法です。import User from "./User"...
JavaScript JavaScriptのモジュール：ファイル間でコードを共有する
クラスと継承を学んだ次は「モジュール」です。モジュールを使うことで、複数のファイルに分けたコードを相互に利用できるようになります。export：他のファイルへ渡す**export（エクスポート）**は、他のファイルへコードを渡すことです。構...
JavaScript JavaScriptのクラス継承：既存のクラスを元に新しいクラスを作る
クラスの基本を学んだ次は「継承」です。継承を使うことで、すでにあるクラスを元に、新たなクラスを効率よく作成できます。継承とは継承は、すでにあるクラスを元に新たなクラスを作成する方法です。構文: class 子クラス extends 親クラス...
JavaScript JavaScriptのクラス：オブジェクトの設計図を作る
JavaScriptの学習も終盤に入り、「クラス」を学びました。クラスは、Pythonでも学んだ概念ですが、JavaScriptでも同様に重要な役割を果たします。オブジェクトに関数を含めるこれまで学んだオブジェクトでは、値として文字列や数値...
JavaScript JavaScriptのスコープ：変数や定数が使える範囲
関数の引数と戻り値を学んだ後、「スコープ」を学びました。スコープは、定数や変数を使用できる範囲のことです。これを理解することで、予期しないバグを防げます。スコープとはスコープは、定数や変数を使用できる範囲のことです。どこで定義したかによって...