TypeScript
TypeScript | 基礎文法：配列・タプル – reduceの型指定
2025-12-16
Python Python | OOP：setter
概要（setterは「値の更新に検証を挟む安全な入口」）setterは、オブジェクトの属性を更新するときにルール（検証・整合性維持）を必ず通過させるための仕組みです。Pythonでは@property...
Python Python | OOP：プロパティ（@property）
概要（@propertyは「属性のように使える安全な窓口」）@propertyは、見た目は属性アクセスなのに、裏側で関数（メソッド）が実行される仕組みです。値の取得（getter）、設定（setter...
Python Python | OOP：private 的記述
概要（Pythonの“private”的記述は「強制」ではなく“合図”と“窓口設計”）PythonにはJavaのprivateのような強制的なアクセス修飾子はありません。代わりに「内部用」を示す命名規...
Python Python | OOP：カプセル化
概要（カプセル化は「中身を守り、外からは使いやすい窓口だけ見せる」設計）カプセル化は、オブジェクトの内部状態（属性）と内部処理（ヘルパーメソッド）を隠し、外部には安全な操作方法だけを提供する考え方です...
Python Python | OOP：オーバーライド
概要（オーバーライドは「親の振る舞いを、子で意図通りに差し替える」技術）オーバーライドは、継承した親クラスのメソッドを子クラスで同じ名前で再定義して、振る舞いを変更・拡張する仕組みです。共通部分は親に...
Python Python | OOP：super()
概要（superは「親の処理を安全に呼び継ぐためのバトン」）super()は、継承チェーンの中で「次に呼ぶべきクラス」のメソッドへバトンを渡す仕組みです。単なる“親クラス呼び出し”ではなく、Pytho...
Python Python | OOP：継承
概要（継承は「既存の設計を引き継ぎ、拡張・差し替えする」ための仕組み）継承は、親クラス（基底クラス）の属性・メソッドを子クラス（派生クラス）が受け継ぎ、必要な部分だけ追加や上書き（オーバーライド）する...
Python Python | OOP：インスタンス変数
概要（インスタンス変数は「各オブジェクト固有の状態」）インスタンス変数は、クラスから作られた各インスタンスが個別に持つデータです。同じクラスでも、インスタンスごとに値が違ってよい（むしろ違うのが普通）...
Python Python | OOP：クラス変数
概要（クラス変数は「全インスタンスで共有する設定・定数」）クラス変数は、クラスに属する値で、作られたすべてのインスタンスから共有されます。対してインスタンス変数は各個体専用。初心者がまず押さえるべきは...
Python Python | OOP：属性
概要（属性は「オブジェクトが持つデータ」。設計と使い分けが要）属性はクラスやインスタンスが持つデータで、振る舞い（メソッド）と対になる要素です。まず理解すべきは、インスタンス属性とクラス属性の違い、可...
Python Python | OOP：メソッド
概要（メソッドは「そのオブジェクトができること」を表す操作）メソッドは、クラスに属する関数で「オブジェクトの振る舞い」を定義します。インスタンスの状態（属性）を読み書きしたり、外部と連携したり、目的に...
Python Python | OOP：init
概要（initは「生まれた直後の初期設定」を行う特別なメソッド）initは、インスタンス生成時に自動で呼ばれる“コンストラクタ”で、属性の初期化や前提チェックを行います。Pythonではメソッドの第1...
Python Python | OOP：class 定義
概要（classは「データ＋振る舞い」をひとまとめにする設計図）クラスは、関連するデータ（属性）と処理（メソッド）をまとめる「設計図」です。設計図から作る具体物がインスタンス。初心者がまず身につけるべ...
Python Python | Web / API：GitHub でコード管理基礎
概要（GitHubは「変更履歴を安全に共有・同期する場所」、Gitはそのエンジン）Gitはローカルでコードの変更履歴を管理するツール、GitHubはその履歴をクラウドで共有・レビュー・公開する場です。...
Python Python | Web / API：API キーの扱い
概要（APIキーは「本人確認の鍵」。扱いは最小露出・安全保管・適切送信）APIキーはサービスを利用するための秘密の識別子です。コードに直書きせず、環境変数やシークレット管理で安全に保管し、HTTPヘッ...
Python Python | Web / API：エラーの再スロー
概要（エラーの再スローは「原因を記録して、正しい層へ渡す」ための技術）再スロー（re-raise）は、捕まえた例外を処理（ログや補足）したうえで、呼び出し元へ再び投げ直して「適切な場所で判断」させるた...
Python Python | Web / API：assert
概要（assertは「前提が破れたら即座に止める」ための開発時チェック）assertは「この時点では必ず条件が成り立つはず」という前提をコードに埋め込み、破れたら AssertionError を投げ...
Python Python | Web / API：print デバッグ
概要（printデバッグは「流れと値」をその場で可視化する最短手段）printデバッグは、疑わしい箇所にprintを挿入して「いつ、どの分岐で、どんな値になっているか」を直接出力し、原因に近づく方法で...
Python Python | Web / API：デバッグ基礎
概要（デバッグは「原因を特定して直すための再現と観察」）デバッグの核心は、問題を確実に再現し、プログラムの状態を正しく観察して、原因に最短で辿り着くことです。初心者は「再現条件を固定する」「トレースバ...
Python Python | Web / API：PEP8 の基礎
概要（PEP8は「読みやすさと一貫性」をコードに宿すための基本ルール）PEP8はPythonの公式スタイルガイドで、見た目の揃え方や命名、インデント、改行など「どう書くと読みやすいか」を定めています。...
Python Python | Web / API：ライブラリのドキュメント参照
概要（「正しいドキュメントを、正しいバージョンで読む」ことが9割）ライブラリのドキュメントは「使い方の唯一の正解」に近い情報源です。まず意識すべきは、あなたが使っているライブラリのバージョンに対応する...
Python Python | Web / API：モジュールの分割
概要（モジュールの分割は「責務で切り分けて再利用性と保守性を上げる」技術）モジュール分割は、1つの長いスクリプトを機能ごとにファイルへ分け、明確な境界でインポートし合う設計です。初心者がまず押さえるの...
Python Python | Web / API：Python のパッケージ構造
概要（Pythonのパッケージ構造は「関連機能を階層で整理する入れ物」）Pythonのパッケージは、関連する複数のモジュール（.pyファイル）をディレクトリ階層でまとめ、再利用性と保守性を高める仕組み...
Python Python | Web / API：pip freeze
概要（pip freezeは「今の環境を丸ごと再現するためのスナップショット」）pip freezeは、現在のPython環境に入っているライブラリをname==version形式で完全に列挙します。...
Python Python | Web / API：pip list
概要（pip listは「今の環境に入っているライブラリを一望する鏡」）pip listは、現在のPython（できれば仮想環境）にインストールされているパッケージとバージョンを一覧表示します。環境の...
Python Python | Web / API：pip install
概要（pip installは「必要なライブラリを安全に取り込む」ための入口）pipはPythonのパッケージ管理ツール。pip installで外部ライブラリを追加し、アップグレードやアンインストー...
Python Python | Web / API：requirements.txt
概要（requirements.txtは「同じ環境を誰でも瞬時に再現するための依存リスト」）requirements.txtは、そのプロジェクトで使う外部ライブラリ名とバージョンを列挙したテキストファ...
Python Python | Web / API：仮想環境 venv
概要（venvは「プロジェクトごとに独立したPython環境」を作る標準機能）venvはPython標準の仮想環境機能で、各プロジェクトが別々のライブラリやバージョンを使えるように分離します。これによ...
Python Python | Web / API：dotenv
概要（dotenvは「設定と秘密をコードから切り離す」開発の定番）dotenvは、.envファイルに書いた設定値（APIキーやDB接続文字列など）をPython実行時に環境変数へ読み込むための軽量ライ...
Python Python | Web / API：環境変数
概要（環境変数は「設定や秘密をコード外で持つための保管場所」）環境変数は、OSが管理する名前つきの設定値です。Pythonでは os.environ や os.getenv を使って取り出し、APIキ...
Python Python | Web / API：logging のレベル
概要（loggingのレベルは「重要度のフィルタ」で情報量を制御する仕組み）Pythonのloggingには重要度を表す5段階のレベル（DEBUG/INFO/WARNING/ERROR/CRITICA...
Python Python | Web / API：logging のフォーマット
概要（loggingのフォーマットは「いつ・どこで・何が起きたか」を一行に凝縮する設計）ログの価値は、後から原因に直行できること。フォーマットはそのための骨組みです。日付・レベル・発生箇所・メッセージ...
Python Python | Web / API：ログ出力 logging
概要（loggingは「あとから原因を特定できる記録」を残すための標準手法）printは一瞬の確認、loggingは運用と原因追跡のための記録です。ログレベルで重要度を切り替え、フォーマットで「いつ・...
Python Python | Web / API：ファイル添付メール
概要（ファイル添付は「正しいMIMEと暗号化」で確実に届ける）Python標準のsmtplibとemail.message.EmailMessageを使えば、PDFや画像、Excelなどを安全に添付し...
Python Python | Web / API：IMAP 読み取り
概要（IMAPは「受信箱から安全に読み取る」ための標準プロトコル）IMAPは、メールサーバ上の受信箱（INBOX）からメールを検索・取得・既読化・移動・削除するためのしくみです。Python標準のim...
Python Python | Web / API：SMTP の基本
概要（SMTPは「メールをサーバ経由で届ける」ための標準プロトコル）SMTPは、メールを送信側から受信側へ「サーバを介して転送する」ための仕組みです。Pythonでは標準ライブラリのsmtplibを使...
Python Python | Web / API：Python でメール送信
概要（Pythonでメール送信は「smtplib＋EmailMessage」が基本の型）Python標準のsmtplibとemailパッケージを使えば、テキストメール、HTMLメール、添付ファイル、複...
Python Python | Web / API：WebDriverWait
概要（WebDriverWaitは「準備が整ってから動く」ための安定化の核）WebDriverWaitは、Seleniumで「要素が見える」「クリック可能」「URLが変わる」などの状態になるまで待って...
Python Python | Web / API：自動入力
概要（自動入力は「正しく見つけ、待って、確実に送る」型づくり）Seleniumでの自動入力は、フォームや検索欄、ログイン画面などへ文字を入れる操作をコード化することです。重要なのは、要素の特定（ロケー...
Python Python | Web / API：自動クリック
概要（自動クリックは「見えてから、正しく、確実に押す」の型づくり）Seleniumでの自動クリックは、ボタンやリンクをプログラムから押す操作です。重要なのは、要素の特定（ロケータ）、明示的待機（表示・...
Python Python | Web / API：ChromeDriver
概要（ChromeDriverは「SeleniumがChromeを動かすための運転手」）ChromeDriverは、SeleniumがChromeブラウザをプログラムから操作するための仲介役です。要点...
Python Python | Web / API：セッション管理
概要（セッション管理は「同じ条件を保ったまま、速く安定して通信する」ための基礎）Pythonのrequestsでセッション管理をすると、接続の再利用（Keep-Alive）、クッキーやヘッダーの持続、...
Python Python | Web / API：CSS セレクタ
概要（CSS セレクタは「構造を短く正確に指定する」最強の抽出術）BeautifulSoupのCSSセレクタ（select / select_one）は、タグ名・class・id・親子関係をひとつの文...
Python Python | Web / API：HTML の構造
概要（HTML の「骨組み」を理解すると、スクレイピングが一気に楽になる）HTML はタグで構造化されたテキストです。ページは head（設定やメタ情報）と body（画面に見える内容）に分かれ、要素...
Python Python | Web / API：find / find_all
概要（find / find_all は「欲しい要素を的確に拾う」基本手段）BeautifulSoup の find は「最初の1件」、find_all は「該当する全件」を返す検索メソッドです。タグ...
Python Python | Web / API：スクレイピング基本（BeautifulSoup）
概要（BeautifulSoupは「HTMLから欲しい所だけ抜く」ための定番）BeautifulSoupは、取得したHTMLを“読みやすい木構造”にして、タグ名・クラス名・CSSセレクタで必要部分だけ...
Python Python | Web / API：レスポンスコード
概要（レスポンスコードは「今どういう状態か」を示す信号）HTTPのレスポンスコードは、APIから返ってくる「成功か失敗か、次に何をすべきか」を表す番号です。200番台は成功、300番台はリダイレクト、...
Python Python | Web / API：API エラー処理
概要（APIエラー処理は「失敗を見落とさない・止めない・壊さない」ための型づくり）APIは必ず失敗します。通信が詰まる、サーバが落ちる、仕様が変わる、レート制限に当たる。だから「すべて成功前提」で書く...
Python Python | Web / API：JSON API
概要（JSON APIは「辞書のやり取り」で短く、安全に）JSON APIは、サーバとクライアントがJSON（辞書・配列ベースのテキスト）を送受信する仕組みです。Pythonでは標準のjsonモジュー...
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 と...