スポンサーリンク
Python

Python | Web / API:クエリパラメータ

概要(クエリパラメータは「URLに条件を添える」最短手段)クエリパラメータは、URLの末尾に ?key=value の形で付ける追加情報です。検索条件やページ番号、並び順などをサーバへ伝えるために使い...
Python

Python | Web / API:requests.post

概要(requests.postは「サーバへデータを送る」ための最短ルート)requests.postは、フォーム送信やJSONの投稿、ファイルアップロードなど「データをサーバへ渡す」場面で使います。...
Python

Python | Web / API:requests.get

概要requests.get は「URLへアクセスしてデータを取得する」ための最短ルートです。インストールは簡単で、使い方も直感的。重要なのは、ステータスコードの確認、タイムアウト設定、例外処理、レス...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – 静的 NodeList とライブ HTMLCollection の違い

静的 NodeList とライブ HTMLCollection とは何か静的 NodeList とライブ HTMLCollection は、DOM から複数ノードを集めた「コレクション」を表します。違...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – DOM API の基本概念

DOM API とは何かDOM API は、ブラウザが作る「HTML の木構造(DOM ツリー)」を JavaScript から読み書きするための関数やプロパティ群です。document を起点にノー...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – HTML と JavaScript の紐づけ

HTML と JavaScript の紐づけとは何かHTML は「見た目と構造」、JavaScript は「動きと振る舞い」を担当します。紐づけとは、HTML の要素を JavaScript から選び...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – DOM の読み込み順序

DOM の読み込み順序とは何かDOM の読み込み順序は、ブラウザが HTML を上から解析し、DOM ツリーを構築していく過程の時間軸です。重要なのは「ブラウザは文書を一気に読み終えてから作るのではな...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – window と document の違い

window と document の違いwindow は「ブラウザタブ(ウィンドウ)そのもの」を表す最上位のオブジェクトです。タイマー、画面サイズ、スクロール、イベント、ストレージ、ネットワークなど...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – DOMContentLoaded

DOMContentLoaded とは何かDOMContentLoaded は、「ブラウザが HTML の構文解析を終えて、DOM ツリーの構築が完了した瞬間」に発火するイベントです。ここが重要です:...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – 要素ノード / テキストノード

要素ノード / テキストノードとは何か要素ノードは HTML のタグそのもの(div, p, a など)を表し、属性(id, class, style など)や子ノードを持てます。テキストノードは、要...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – ドキュメントツリーの構造

ドキュメントツリーとは何かドキュメントツリーは、HTML文書を「ノード(要素・テキスト・コメント)」の入れ子で表した木構造です。最上位の document を根にして、html、head、body と...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – ノードとは何か

ノードとは何かDOMの「ノード」は、HTML文書を構成する最小パーツのことです。要素(div、p、aなど)、テキスト(文字列)、コメント、属性など、画面に関係するすべてがノードとして木構造に並びます。...
JavaScript

JavaScript | DOM 操作:DOM 基礎 – DOM とは何か

DOM とは何かDOM(Document Object Model)は、ブラウザが「HTML や XML の文書をプログラムから操作できるようにした、木構造のデータモデル」です。ページは「ノード(要素...
JavaScript

JavaScript | 基礎構文:オブジェクト - Object.keys / values / entries

Object.keys / Object.values / Object.entries は「オブジェクトを配列に変換する道具」オブジェクトは「名前付きの引き出しがたくさんあるタンス」でした。Obje...
JavaScript

JavaScript | 基礎構文:オブジェクト - in 演算子

in 演算子って何者?in 演算子は、「このオブジェクトに、このプロパティ名は“存在しているか?”」を調べるための道具です。ポイントは、「値が何か」ではなく「その名前のプロパティがあるかどうか」だけを...
JavaScript

JavaScript | 基礎構文:オブジェクト - Freeze(凍結)

Object.freeze は「オブジェクトを氷漬けにする魔法」Object.freeze は、「このオブジェクト、もう二度と書き換えられないようにしたい」というときに使う機能です。一言でいうと、その...
JavaScript

JavaScript | 基礎構文:オブジェクト - スプレッド構文による浅いコピー

スプレッド構文による「浅いコピー」って何者?スプレッド構文 { ...obj } は、「既存のオブジェクトの中身を“広げて”、新しいオブジェクトを作る書き方」 です。そしてここで超重要なのが、このコピ...
JavaScript

JavaScript | 基礎構文:オブジェクト - オブジェクトのコピー

オブジェクトのコピーって何者?「オブジェクトのコピー」は、「元のオブジェクトとは独立した“もう一つのオブジェクト”を作ること」 です。ここで一番ハマりやすい落とし穴が、const original =...
JavaScript

JavaScript | 基礎構文:オブジェクト - メソッド

メソッドって何者?メソッドは、「オブジェクトにくっついている関数」 です。オブジェクトが「データ(状態)」を持っているとしたら、メソッドはそのデータに対して「できること(振る舞い)」を表します。人で言...
JavaScript

JavaScript | 基礎構文:オブジェクト - プロパティアクセス(. と [])

「プロパティアクセス」は“タンスの引き出しを開ける”動作オブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティアクセスは、その引き出しを「開ける」「中身を入れる」ための書...
JavaScript

JavaScript | 基礎構文:オブジェクト - プロパティの削除(delete)

delete は「引き出しごと取り外す」イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。delete は、その引き出し(プロパティ)を“丸ごと取り外す”ための演算子 ...
JavaScript

JavaScript | 基礎構文:オブジェクト - プロパティの追加

「プロパティの追加」は“あとから引き出しを増やす”イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティの追加は、「そのタンスにあとから新しい引き出しを増やす」イ...
JavaScript

JavaScript | 基礎構文:オブジェクト - オブジェクトリテラル

オブジェクトリテラルって何者?オブジェクトリテラルは、「波カッコ {} を使って、その場で“まとまりのあるデータ”を作る書き方」 です。人間の世界でいうと、「名前・年齢・住所がセットになった“1人の人...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - 変数解決の仕組み(順序)

「変数解決の仕組み」って何を指しているかここでいう「変数解決の仕組み(順序)」は、「ある名前(変数名)を書いたときに、JavaScript が“どの値を使うか”をどう決めているかという話です。同じ名前...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - TDZ(Temporal Dead Zone)

TDZ(Temporal Dead Zone)って何者?TDZ は「変数が“まだ使えない時間帯”のことです。もっと砕くと、let / const で宣言された変数は、「スコープに入った瞬間から宣言行ま...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - this の基礎

this は「今、誰のことを指しているか」を表すキーワードthis は、「このコードを“実行している主体(オブジェクト)”は誰か?」を指す特別なキーワードです。よく「自分自身」と説明されますが、Jav...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - 関数スコープ

関数スコープって何者?関数スコープは、「その関数の中だけで有効な“専用の部屋”」 のことです。関数の中で宣言した変数や関数は、基本的にその関数の外からは見えません。「関数ごとに、自分だけの小さな世界を...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - 変数のシャドーイング

変数のシャドーイングって何者?変数のシャドーイングは、「内側のスコープで同じ名前の変数を宣言して、外側の変数を“影に隠してしまう”こと」 です。“shadow(影)”という名前の通り、外側にある同じ名...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - クロージャの基礎(応用はまだ不要)

クロージャって何者?クロージャは、「外側のスコープの変数を“覚えたまま”生きている関数」 です。もう少しだけ丁寧に言うと、ある関数の中で定義された関数が、その外側の変数にアクセスし続けられる仕組みこれ...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - レキシカルスコープ

レキシカルスコープって何者?レキシカルスコープは、「変数がどこから見えるかは、“コードが書かれている場所”で決まる」というルールのことです。もう少し砕くと、「どの変数が使えるか」は「どこでその関数を“...
スポンサーリンク