スポンサーリンク
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 と...
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 / values / entries とは何かObject.keys / Object.values / Object.entries は、オブジェクトの「列挙可能な自分自身の...
JavaScript

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

in 演算子とは何かin 演算子は、あるキー(プロパティ名)がオブジェクトに「存在するか」を調べるための演算子です。結果は真偽値(true/false)。存在確認に特化していて、値が何であるか(und...
JavaScript

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

Freeze(凍結)とは何かObject.freeze(obj) は、オブジェクトを「変更できない状態」にする仕組みです。凍結すると、そのオブジェクトに対して新しいプロパティの追加、既存プロパティの削...
JavaScript

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

スプレッド構文とは何かスプレッド構文 { ...obj } は、既存のオブジェクトの「自分が持っている列挙可能なプロパティ」を表面だけコピーして新しいオブジェクトを作る書き方です。重要なのは「浅いコピ...
JavaScript

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

オブジェクトのコピーとは何か「コピー」は、元のオブジェクトから同じ内容を持つ“別のオブジェクト”を作ることです。ここが重要です:JavaScriptのオブジェクトは参照型なので、単なる代入は「同じもの...
JavaScript

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

メソッドとは何かメソッドは、オブジェクトのプロパティとして格納された「関数」です。オブジェクトのデータ(他のプロパティ)を使って処理を行う“振る舞い”を表し、「データ+振る舞い」をひとまとまりにするこ...
JavaScript

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

プロパティアクセスとは何かJavaScriptのオブジェクトは「キーと値のペア」を持ちます。プロパティアクセスは、そのキーを指定して値を読み書きする操作です。方法は2つあり、ドット記法(.)とブラケッ...
スポンサーリンク