Javascript Javascript for文
Javascript for文Javascript for文は繰り返し処理を行うための基本的な構文です。for (初期化; 条件式; 更新式) { // 繰り返し実行したいコード}for (let i = 0; i < 10; i++) {...
Javascript Javascript Javascript && ||
Javascript &&, ||論理演算子&&について説明します。&&はアンド演算子と言ってAかつBを満たす条件という意味になります。英語の試験で、writingが５０点より上かつ, speakingが５０点より上かつ、,listenin...
Javascript Javascript if
Javascript if文javascriptのif文について説明します。以下は具体的な例です。let age = 25;let drinking = true;if( age >= 20 && drinking){ console.lo...
Javascript Javascript 基礎②
Javascript基礎constとletの違いを説明します。constは再代入が不可能です。const name = "トム";name = "ボブ";//エラーletは再代入が可能です。let name = "トム";name = "ボ...
Javascript Javascript 基礎①
Javascript 基礎 JavaScriptは、Webブラウザで動作するプログラミング言語として広く使用されています。実際にコードを書いてみましょう。window.alert('Hello World!!');このように表示されます。上...
HTML CSS CSS lh
CSS lhとは？lhは比較的新しいCSS単位で、要素の行の高さ（line-height）を基準にした相対的な長さを指定するために使用されます。lhは現在の要素の計算された行の高さに等しくなります。フォントサイズや行の高さが変わっても、それ...
HTML CSS CSS 変数
CSS 変数CSS変数（カスタムプロパティ）とはCSS変数は、値を1か所で定義し、それを複数の場所で再利用できる便利な機能です。 <div class="container"> <div class="card"> <h2 class="c...
HTML CSS CSS ネスト
CSS ネスト 入れ子CSSのネストは、CSSプリプロセッサ（Sass、Less）で一般的でしたが、最近のCSSでネイティブにサポートされるようになりました。これにより、セレクタを入れ子にして、より読みやすく、構造的なCSSを書くことができ...
HTML CSS CSS コンテナクエリ@container
CSS コンテナクエリコンテナクエリとは従来のメディアクエリーとは異なり、ビューポートではなく、特定のコンテナ要素のサイズに基づいてスタイルを変更できます。以下はコンテナクエリの具体例です。 <div class="card-contain...
HTML CSS CSS :has()セレクター
CSS :has():has()の主な特徴とは？子要素や子孫要素の存在に基づいて親要素をスタイリングできる複数の条件を組み合わせることが可能否定セレクター:notと組み合わせることもできるレスポンシブデザインでの条件分岐にも活用できる以下は...