C#
C# | 2週間で身につくアプリを作りながら学ぶC#の基本 － 12日目
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 | 基礎構文：スコープ・実行コンテキスト － レキシカルスコープ
レキシカルスコープって何者？レキシカルスコープは、「変数がどこから見えるかは、“コードが書かれている場所”で決まる」というルールのことです。もう少し砕くと、「どの変数が使えるか」は「どこでその関数を“...