入門

スポンサーリンク
Python

Python | Web / API:IMAP 読み取り

概要(IMAPは「受信箱から安全に読み取る」ための標準プロトコル)IMAPは、メールサーバ上の受信箱(INBOX)からメールを検索・取得・既読化・移動・削除するためのしくみです。Python標準のimaplibとemailモジュールを組み合...
Python

Python | Web / API:SMTP の基本

概要(SMTPは「メールをサーバ経由で届ける」ための標準プロトコル)SMTPは、メールを送信側から受信側へ「サーバを介して転送する」ための仕組みです。Pythonでは標準ライブラリのsmtplibを使い、SMTPサーバへ接続・暗号化・認証・...
Python

Python | Web / API:Python でメール送信

概要(Pythonでメール送信は「smtplib+EmailMessage」が基本の型)Python標準のsmtplibとemailパッケージを使えば、テキストメール、HTMLメール、添付ファイル、複数宛先、CC/BCCまで短いコードで送れ...
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ブラウザをプログラムから操作するための仲介役です。要点は「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番台はリダイレクト、400番台はクライアント側の誤り、500...
Python

Python | Web / API:API エラー処理

概要(APIエラー処理は「失敗を見落とさない・止めない・壊さない」ための型づくり)APIは必ず失敗します。通信が詰まる、サーバが落ちる、仕様が変わる、レート制限に当たる。だから「すべて成功前提」で書くのではなく、「失敗を検知して止めずに安全...
Python

Python | Web / API:JSON API

概要(JSON APIは「辞書のやり取り」で短く、安全に)JSON APIは、サーバとクライアントがJSON(辞書・配列ベースのテキスト)を送受信する仕組みです。Pythonでは標準のjsonモジュールとrequestsを使えば、辞書のまま...
Python

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

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

Python | Web / API:requests.post

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

Python | Web / API:requests.get

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

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

静的 NodeList とライブ HTMLCollection とは何か静的 NodeList とライブ HTMLCollection は、DOM から複数ノードを集めた「コレクション」を表します。違いは「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 ツリーを構築していく過程の時間軸です。重要なのは「ブラウザは文書を一気に読み終えてから作るのではなく、上から順に解析しながら DOM を増...
JavaScript

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

window と document の違いwindow は「ブラウザタブ(ウィンドウ)そのもの」を表す最上位のオブジェクトです。タイマー、画面サイズ、スクロール、イベント、ストレージ、ネットワークなど“環境”全体を扱います。document...
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など)、テキスト(文字列)、コメント、属性など、画面に関係するすべてがノードとして木構造に並びます。ここが重要です:DOMは「要素だけの集ま...
JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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 は、「このコードを“実行している主体(オブジェクト)”は誰か?」を指す特別なキーワードです。よく「自分自身」と説明されますが、JavaScript では 「どう呼ばれたか」...
JavaScript

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

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

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

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

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

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

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

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

JavaScript | 基礎構文:スコープ・実行コンテキスト - ブロックスコープ

ブロックスコープって何者?ブロックスコープは、「{}(ブロック)の中だけで有効な“ミニスコープ”」 のことです。if、for、while、単なる {} など、波カッコで囲まれた範囲ごとに「その中だけで見える変数の部屋」ができます。そして、l...
JavaScript

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

ローカルスコープって何者?ローカルスコープは、「その中だけで有効な“自分だけの部屋”みたいな領域」 です。グローバルスコープが「家全体」だとしたら、ローカルスコープは「自分の部屋」。部屋の中のもの(変数)は、外からは直接触れません。この「外...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト - グローバルスコープ

スコープってそもそも何?その中の「グローバルスコープ」とはまず前提として、スコープとは「変数や関数が“どこから見えるか(使えるか)”の範囲 のことです。その中で「グローバルスコープ」は、「プログラム全体から見える、一番外側のスコープ」 です...
Python

Python | ファイル・OS 操作:プロット種類(折れ線・棒)

概要(折れ線・棒の基本と使い分けの軸)折れ線は「連続した推移」を、棒は「カテゴリ間の比較」を見せるのに向いています。まず「横軸は時間かカテゴリか」を決め、折れ線なら値の変化の形、棒なら差の大きさが即読できるように軸ラベル・グリッド・凡例を整...
Python

Python | ファイル・OS 操作:図保存

概要(図保存は「伝える場面に合わせた形式と解像度」を選ぶのが核心)Matplotlibの図保存は、plt.savefig または fig.savefig を使って画像ファイルへ出力します。重要なのは「形式(PNG/PDF/SVG)」「解像度...
Python

Python | ファイル・OS 操作:グリッド線

概要(グリッド線は「値の位置と比較」を一瞬でわかるようにする補助線)グリッド線(grid)は、目盛りに沿った薄い罫線で、値の位置を正確に読み取りやすくし、系列どうしの比較を助けます。Matplotlibでは1行で表示でき、表示軸の選択、主目...
Python

Python | ファイル・OS 操作:軸ラベル

概要(軸ラベルは「数値の意味」を伝える最短の一言)軸ラベルは、横軸・縦軸が何を表すのか、単位は何かを一瞬で伝えるための要です。設定はシンプルですが、位置・余白・フォント・単位・目盛りとの整合を丁寧に整えることで、グラフの可読性が劇的に上がり...
Python

Python | ファイル・OS 操作:グラフタイトル

概要(グラフタイトルは「何を見せるか」を一瞬で伝える最短手段)タイトルは、グラフの意味や対象範囲を明確にし、見る人の理解負担を下げます。Matplotlibでは「図全体のタイトル(suptitle)」と「各サブプロットのタイトル(set_t...
Python

Python | ファイル・OS 操作:Matplotlib 基本

概要(Matplotlibは「データを見える化」するための定番)MatplotlibはPythonでグラフを描く基本ライブラリです。折れ線・棒・散布・ヒストグラムなどを素早く作れ、細かい見た目の調整も可能です。初心者は「pyplotの最短ル...
Python

Python | ファイル・OS 操作:NumPy の条件抽出

概要(NumPyの条件抽出は「ブール配列で一発フィルタ」する最短ルート)NumPyの条件抽出(Boolean indexing)は、配列に対する比較結果(True/Falseの配列)をそのままインデックスとして使い、条件に合う要素だけを高速...
Python

Python | ファイル・OS 操作:NumPy の sum / mean

概要(sum / mean は「配列を一発で集計」するための核機能)NumPy の np.sum と np.mean は、配列全体や行・列ごとに合計と平均を高速に計算する基本関数です。重要なのは「axis(どの方向に畳み込むか)」「欠損値 ...
Python

Python | ファイル・OS 操作:NumPy のブロードキャスト

概要(ブロードキャストは「形が違っても自然に計算させる」仕組み)NumPy のブロードキャストは、形状(shape)が違う配列どうしの演算を可能にする仕組みです。ポイントは「末尾の次元から見て、同じ長さか長さ1なら合わせられる」「長さ1の次...
Python

Python | ファイル・OS 操作:NumPy の reshape

概要(reshapeは「要素数はそのまま、形だけ変える」ための基本テク)NumPy の reshape は、配列の総要素数を変えずに「形(次元・行数・列数)」だけを変える関数です。処理の型は「配列を作る→shapeを確認→reshapeで目...
Python

Python | ファイル・OS 操作:NumPy array

概要(NumPy 配列は「速く・簡潔に・大量データ」を扱うための土台)NumPy 配列(ndarray)は、同じ型の要素を連続メモリに格納する「数値計算専用の配列」です。Pythonのリストより圧倒的に速く、ベクトル演算(配列全体を一気に計...
Python

Python | ファイル・OS 操作:pandas の欠損値処理

概要(pandas の欠損値処理は「検出→方針決定→削除/補完→型整備」の順で進める)欠損値は NaN(Not a Number)や None で表現されます。集計・可視化・機械学習で誤差やエラーの原因になるため、「どこに、どれくらいあるか...
スポンサーリンク