JavaScript
JavaScript | Web API：グラフィック・メディア － Canvas API
入門
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 | 基礎構文：スコープ・実行コンテキスト － レキシカルスコープ
レキシカルスコープって何者？レキシカルスコープは、「変数がどこから見えるかは、“コードが書かれている場所”で決まる」というルールのことです。もう少し砕くと、「どの変数が使えるか」は「どこでその関数を“...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － ブロックスコープ
ブロックスコープって何者？ブロックスコープは、「{}（ブロック）の中だけで有効な“ミニスコープ”」 のことです。if、for、while、単なる {} など、波カッコで囲まれた範囲ごとに「その中だけで...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － ローカルスコープ
ローカルスコープって何者？ローカルスコープは、「その中だけで有効な“自分だけの部屋”みたいな領域」 です。グローバルスコープが「家全体」だとしたら、ローカルスコープは「自分の部屋」。部屋の中のもの（変...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － グローバルスコープ
スコープってそもそも何？その中の「グローバルスコープ」とはまず前提として、スコープとは「変数や関数が“どこから見えるか（使えるか）”の範囲 のことです。その中で「グローバルスコープ」は、「プログラム全...
Python Python | ファイル・OS 操作：プロット種類（折れ線・棒）
概要（折れ線・棒の基本と使い分けの軸）折れ線は「連続した推移」を、棒は「カテゴリ間の比較」を見せるのに向いています。まず「横軸は時間かカテゴリか」を決め、折れ線なら値の変化の形、棒なら差の大きさが即読...
Python Python | ファイル・OS 操作：図保存
概要（図保存は「伝える場面に合わせた形式と解像度」を選ぶのが核心）Matplotlibの図保存は、plt.savefig または fig.savefig を使って画像ファイルへ出力します。重要なのは「...
Python Python | ファイル・OS 操作：グリッド線
概要（グリッド線は「値の位置と比較」を一瞬でわかるようにする補助線）グリッド線（grid）は、目盛りに沿った薄い罫線で、値の位置を正確に読み取りやすくし、系列どうしの比較を助けます。Matplotli...
Python Python | ファイル・OS 操作：軸ラベル
概要（軸ラベルは「数値の意味」を伝える最短の一言）軸ラベルは、横軸・縦軸が何を表すのか、単位は何かを一瞬で伝えるための要です。設定はシンプルですが、位置・余白・フォント・単位・目盛りとの整合を丁寧に整...
Python Python | ファイル・OS 操作：グラフタイトル
概要（グラフタイトルは「何を見せるか」を一瞬で伝える最短手段）タイトルは、グラフの意味や対象範囲を明確にし、見る人の理解負担を下げます。Matplotlibでは「図全体のタイトル（suptitle）」...
Python Python | ファイル・OS 操作：Matplotlib 基本
概要（Matplotlibは「データを見える化」するための定番）MatplotlibはPythonでグラフを描く基本ライブラリです。折れ線・棒・散布・ヒストグラムなどを素早く作れ、細かい見た目の調整も...
Python Python | ファイル・OS 操作：NumPy の条件抽出
概要（NumPyの条件抽出は「ブール配列で一発フィルタ」する最短ルート）NumPyの条件抽出（Boolean indexing）は、配列に対する比較結果（True/Falseの配列）をそのままインデッ...
Python Python | ファイル・OS 操作：NumPy の sum / mean
概要（sum / mean は「配列を一発で集計」するための核機能）NumPy の np.sum と np.mean は、配列全体や行・列ごとに合計と平均を高速に計算する基本関数です。重要なのは「ax...
Python Python | ファイル・OS 操作：NumPy のブロードキャスト
概要（ブロードキャストは「形が違っても自然に計算させる」仕組み）NumPy のブロードキャストは、形状（shape）が違う配列どうしの演算を可能にする仕組みです。ポイントは「末尾の次元から見て、同じ長...
Python Python | ファイル・OS 操作：NumPy の reshape
概要（reshapeは「要素数はそのまま、形だけ変える」ための基本テク）NumPy の reshape は、配列の総要素数を変えずに「形（次元・行数・列数）」だけを変える関数です。処理の型は「配列を作...
Python Python | ファイル・OS 操作：NumPy array
概要（NumPy 配列は「速く・簡潔に・大量データ」を扱うための土台）NumPy 配列（ndarray）は、同じ型の要素を連続メモリに格納する「数値計算専用の配列」です。Pythonのリストより圧倒的...
Python Python | ファイル・OS 操作：pandas の欠損値処理
概要（pandas の欠損値処理は「検出→方針決定→削除/補完→型整備」の順で進める）欠損値は NaN（Not a Number）や None で表現されます。集計・可視化・機械学習で誤差やエラーの原...
Python Python | ファイル・OS 操作：pandas.plot
概要（pandas.plotは「DataFrameを即グラフ化」する最短ルート）pandasのplotは、DataFrameやSeriesから折れ線・棒・散布図などを1行で描ける可視化機能です。内部で...
Python Python | ファイル・OS 操作：pandas.groupby
概要（groupbyは「カテゴリごとにまとめて計算」するための核機能）pandas.groupbyは、列（カテゴリ）でデータをグループ化して、合計・平均・件数などの集計を一気に行う仕組みです。SQLの...
Python Python | ファイル・OS 操作：pandas の列操作
概要（pandas の列操作は「列名で考える」が合言葉）pandas の列操作は「列名を軸」に発想すると迷いません。列の選択・追加・更新・削除・並べ替え・型変換・文字列処理・条件列の作成まで、ほぼ1〜...
Python Python | ファイル・OS 操作：pandas.DataFrame.to_excel
概要（to_excelは「DataFrameをExcelに保存」する最短ルート）pandas.DataFrame.to_excelは、表（DataFrame）を.xlsxへ書き出す標準メソッドです。基...
Python Python | ファイル・OS 操作：pandas.DataFrame の基本
概要（DataFrameは「行と列の表」をコードで扱うための基本型）pandas.DataFrameは、Excelのような表（行・列）をPythonで扱うための中心データ構造です。列名（カラム）と行ラ...
Python Python | ファイル・OS 操作：pandas.read_csv
概要（pandas.read_csvは「CSVをDataFrameに変換」する最短ルート）pandas.read_csvは、CSV（テキスト表）を一発でDataFrameへ読み込む関数です。初心者がま...
Python Python | ファイル・OS 操作：Excel 書き込み（openpyxl）
概要（openpyxlで「Excelを書き出す」基本と落ちない勘所）openpyxlは.xlsxのExcelをPythonから生成・追記・整形できるライブラリです。初心者がまず掴むべき流れは「Work...
Python Python | ファイル・OS 操作：Excel 読み込み（openpyxl）
概要（openpyxlで「Excelを安全に読み取る」基本と勘所）openpyxlは.xlsx形式のExcelをPythonで読み書きできる定番ライブラリです。読み込みでは「どのシートを読むか」「セル...
Python Python | ファイル・OS 操作：JSON の ensure_ascii
概要（ensure_ascii は「ASCIIだけにするか、日本語をそのまま出すか」を決めるスイッチ）json.dumps／json.dump の ensure_ascii は、非ASCII文字（日本...
Python Python | ファイル・OS 操作：CSV DictWriter
概要（DictWriterは「列名で書ける」CSV出力の定番）csv.DictWriterは、辞書（dict）をそのままCSVの行として書き込める標準機能です。列順やヘッダーを明示できるため、インデッ...
Python Python | ファイル・OS 操作：CSV DictReader
概要（DictReaderは「列名でアクセスできる」CSV読み込みの定番）csv.DictReaderは、CSVの各行を「ヘッダーをキーにした辞書」として読み込める標準機能です。列名で参照できるので、...
Python Python | ファイル・OS 操作：tarfile
概要（tarfile は「フォルダを丸ごと束ねて圧縮・展開」できる標準機能）tarfile は .tar、.tar.gz、.tar.bz2、.tar.xz などのアーカイブを作成・追記・一覧・解凍でき...
Python Python | ファイル・OS 操作：ZIP 圧縮 zipfile
概要（zipfile は「作る・入れる・取り出す」をひとまとめにする標準機能）zipfile は ZIP アーカイブの作成・追加・一覧取得・解凍を行う標準ライブラリです。外部インストール不要で、ファイ...
Python Python | ファイル・OS 操作：shutil.rmtree
概要（shutil.rmtree は「ディレクトリ丸ごと削除」を一発で行う強力な関数）shutil.rmtree は、ディレクトリとその中身（ファイル・サブディレクトリ）を再帰的にすべて削除します。空...
Python Python | ファイル・OS 操作：shutil.move
概要（shutil.move は「移動・リネーム」を1行で安全にやる標準関数）shutil.move は、ファイル／ディレクトリを別の場所へ移動したり、名前を変更（リネーム）するための標準ライブラリの...
Python Python | ファイル・OS 操作：glob
概要（glob は「パターンに合うファイルを一気に列挙」する標準手段）glob は、ワイルドカードを使って「条件に合うファイルやフォルダ」をまとめて取得する仕組みです。拡張子が .csv のファイルだ...
Python Python | ファイル・OS 操作：mkdir(parents=True)
概要（mkdir(parents=True) は「途中の親も含めて安全に作る」ための一手）pathlib の Path.mkdir はディレクトリを作るメソッドです。parents=True を付ける...
Python Python | ファイル・OS 操作：pathlib の結合
概要（pathlib の結合は「/ 演算子」で直感的に安全に書く）pathlib はファイルパスをオブジェクトとして扱う標準ライブラリです。結合は os.path.join を忘れて「/ 演算子」か ...
Python Python | データ構造強化：速度計測（timeit）
概要（timeit は「公平に何度も走らせて平均速度を測る」ための標準ツール）timeit は、コードの実行時間を正確に測るための標準モジュールです。1回だけの計測はノイズに弱いので「複数回・同じ条件...
Python Python | データ構造強化：不変性とバグ
概要（不変性は「勝手に変わらない」ことでバグの連鎖を止める安全装置）不変性（immutable）は「作った後に中身が変わらない」性質です。勝手に変わらないという保証は、参照共有や関数の副作用でデータが...
Python Python | データ構造強化：mutable / immutable
概要（mutable と immutable は「変更できるかどうか」を決める重要な性質）Python のオブジェクトは、作成後に中身を変更できるもの（mutable）と、変更できないもの（immut...
Python Python | データ構造強化：データ構造の選択基準
概要（「何をしたいか」から逆算してデータ構造を選ぶ）データ構造は「どんな操作を、どれくらいの規模で、どんな制約の下で行うか」で選びます。最重要ポイントは、必要な操作（検索・追加・削除・並べ替え・集計）...
Python Python | データ構造強化：any / all 条件判定
概要（any / all は「ひとつでも満たす」「全部満たす」を一瞬で判定する心臓部）any と all は、並んだ条件の集合から「ひとつでも満たすか（any）」「全部満たすか（all）」を短く判定す...
Python Python | データ構造強化：内包表記で条件付き
概要（内包表記の「条件付き」は“選ぶ・変換する”を1行で完結させる技）内包表記に条件を組み込むと、要素を選び（フィルタ）ながら、必要に応じて変換（if-else）までを1行で書けます。for＋appe...
Python Python | データ構造強化：スタック
概要（スタックは「最後に入れたものが最初に出る」LIFOの基本構造）スタックは LIFO（Last-In, First-Out）で要素を管理するデータ構造です。直前の操作を元に戻す「Undo」、括弧の...
Python Python | データ構造強化：キュー
概要（キューは「先に入れたものが先に出る」安全な順序制御の基本構造）キューは、FIFO（First-In, First-Out）で要素を管理するデータ構造です。タスクの順序制御、イベントの順序処理、ス...
Python Python | データ構造強化：辞書内のリスト操作
概要（辞書の値にリストを持たせて「グループ化・順次追加」を安全に扱う）辞書の中にリストを入れると、「キーごとに複数の要素」を自然に管理できます。たとえばカテゴリごとの商品一覧、ユーザーごとの履歴、タグ...
Python Python | データ構造強化：タプルのアンパック
概要（タプルのアンパックは「並んだ値を並んだ変数へ一度に割り当てる」）タプルのアンパックは、複数の値を一度に複数の変数へ代入する文法です。インデックスを使わず「意味のある名前」に直で割り当てられるので...
Python Python | データ構造強化：二次元リストのループ
概要（二次元リストのループは「外側＝行、内側＝列」を丁寧にまわすのが基本）二次元リストは「リストの中にリスト」を持つ入れ子構造です。ループは外側で行（row）を、内側で列（value）を走査するのが基...
Python Python | データ構造強化：リストの二次元構造
概要（二次元リストは「表形式（行×列）」を素直に表す入れ子構造）二次元リストは「リストの中にリスト」を入れる構造で、表や行列のようなデータを自然に扱えます。行は外側リストの要素、列は内側リストの要素と...