スポンサーリンク
JavaScript

JavaScript | VSCode のデバッガコンソールで式を評価して調べる方法

ここでは VSCode のデバッガコンソールを使って、デバッグ中に式や変数を確認・評価する方法 を初心者向けに丁寧に解説します。デバッグを「止まって眺めるだけ」から「動かしながら調べる」に進化させるテ...
2025.11.08
JavaScript
JavaScript

JavaScript | 非同期処理（Promise / async）のステップ実行を例で体験

では、非同期処理（Promise / async/await）のステップ実行を、VSCodeデバッガで体験する例を、初心者向けに手順付きで進めていきます。1. サンプルコードを作るまず小さな非同期処理...
2025.11.08
JavaScript
JavaScript

JavaScript | Node.js 環境での「–inspect」デバッグ手順（VSCode でのステップ実行）

ここでは、Node.js の --inspect モードを使って VSCode でステップ実行（デバッグ）する方法を、プログラミング初心者向けに 手順通りに進められるチュートリアル形式で解説します。目...
2025.11.08
JavaScript
JavaScript

JavaScript | 非同期エラー（Promiseやasync/await）のスタックトレース

「ブラウザ開発ツール（DevTools） を使ったデバッグ」は、初心者から“実務で通用する人”へ進むための大きな一歩です。ここでは、Chrome / Edge / Firefox に共通する操作を中心...
2025.11.08
JavaScript
JavaScript

JavaScript | 非同期エラー（Promiseやasync/await）のスタックトレース

非同期エラーのスタックトレースは「同期コードのそれ」とは挙動が違う部分が多く、つまずきやすいポイントです。以下は 初心者が実務で遭遇するパターン を中心に、具体的なコード例と「何を見ればいいか」「どう...
2025.11.08
JavaScript
Python

Python | ネストを平坦化する練習問題セット

では、「ネストを平坦化する練習問題セット（10問）」を紹介します。すべて ifの入れ子構造 → 平坦化（リファクタ） の練習形式です。Q1：単純な2段ネストif x > 0: if x < 10: p...
2025.11.07
Python
Python

Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例

ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「月ごと × 商品ごと」にクロス集計する実践例を紹介します。想定データ（...
2025.11.07
Python
Python

Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例

いいですね！ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例を紹介します...
2025.11.07
Python
Python

Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVファイルを「日付ごとに集計」する実践例

ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVファイルを「日付ごとに集計」する実践例を紹介します。想定データ（sales...
2025.11.07
Python
Python

Python | 標準ライブラリ（pathlib + csv + collections）だけ を使って「複数のCSVを結合して集計」する実践例

ここでは 標準ライブラリ（pathlib + csv + collections）だけ を使って「複数のCSVを結合して集計」する実践例を紹介します。想定するデータ例えば、sales_jan.csv ...
2025.11.06
Python
Python

Python | 標準ライブラリ（csv + pathlib + collections）だけ を使って、CSVファイルを「職業ごとの人数カウント」する実践例

ここでは 標準ライブラリ（csv + pathlib + collections）だけ を使って、CSVファイルを「職業ごとの人数カウント」する実践例を紹介します。サンプルデータ（people.csv...
2025.11.05
Python
Python

Python | レベル別練習問題：コメント

では、「Pythonコメントの書き方・docstring・TODO活用」をテーマにした全50問の練習問題集（自動採点用コード付き） を作ります。構成レベル1（基礎）：Q1〜Q15 — コメント文の書き...
2025.11.04
Python
Python

Python | 標準ライブラリ（csv + pathlib）だけ を使って、CSVファイルを「フィルタリング」や「並べ替え」する実践例

ここでは 標準ライブラリ（csv + pathlib）だけ を使って、CSVファイルを「フィルタリング」や「並べ替え」する実践例を紹介します。応用例1: 条件でフィルタリング例えば people.cs...
2025.11.04
Python
Python

Python | pathlib を使ってCSVファイルを扱う実践例

ここでは pathlib を使ってCSVファイルを扱う実践例 を、初心者向けに分かりやすく紹介します。pathlib はファイルパス操作をシンプルにしてくれるので、CSVの読み書きと組み合わせるととて...
2025.11.04
Python
Python

Python | EXIFのカメラ機種・レンズ別に画像をまとめてHTMLギャラリーを作る

ここでは EXIFのカメラ機種・レンズ別に画像をまとめてHTMLギャラリーを作る 実践例を紹介します。これを使えば「Canonで撮った写真」「iPhoneで撮った写真」「50mmレンズで撮った写真」な...
2025.11.04
Python
JavaScript

JavaScript | 月別アルバムページ × タグフィルタ × 地図表示

ここまでの要素を全部組み合わせて、「月別アルバムページ」＋「タグフィルタ」＋「地図表示」 を統合したギャラリーの仕組みを整理してみましょう。1. 処理の流れ画像を読み込みPillowでサムネイル生成E...
2025.11.04
JavaScript
Python

Python | 月別まとめ＋位置情報マップ付きギャラリー

ここでは、これまでの「サムネイル化＋EXIF日付別アルバム生成」に加えて、月別まとめページ（例: 2025-01, 2025-02 …）EXIFの位置情報（GPS）を読み出して地図表示までを組み込んだ...
2025.11.04
Python
Python

Python | EXIF日付別アルバム＋タグフィルタ付きHTMLギャラリー

いいですね！ここまでの要素を全部組み合わせて、「フォルダ内の画像をサムネイル化 → EXIF日付ごとにアルバム分け → HTMLギャラリー生成 → タグでフィルタ表示」 する実践例をまとめます。概要P...
2025.11.04
Python
Python

Python | フォルダ内の画像をサムネイル化し、EXIF日付別アルバムでHTMLギャラリー生成

写真を日付ごと（撮影日）に自動分類し、サムネイル付きHTMLギャラリーを作る実践例です。pathlibでパス管理、Pillowでサムネイル生成とEXIF読み取り、HTMLはテンプレート文字列で生成しま...
2025.11.04
Python
Python

Python | フォルダ内の画像を一括でサムネイル化し、HTMLギャラリーを生成

短時間で「画像一覧ページ」を作りたいときの実用例です。pathlibでパス管理、Pillowでサムネイル生成、最後にHTMLを書き出します。Windows/macOS/Linux共通で動きます。前提準...
2025.11.04
Python
Python

Python | 「pathlib + Pillow」で画像を一括形式変換＋リサイズ する実践例

では 「pathlib + Pillow」で画像を一括形式変換＋リサイズ する実践例を紹介します。これを使えば「PNGを全部JPEGに変換しつつ、Web用にサイズを小さくする」といった処理が一気にでき...
2025.11.03
Python
Python

Python | 「pathlib + Pillow」で画像を一括形式変換する実践例

では 「pathlib + Pillow」で画像を一括形式変換する実践例 を紹介します。例えば「PNGを全部JPGに変換したい」といったときに役立ちます。必要な準備Pillow をインストール pip...
2025.11.03
Python
Python

Python | 「pathlib + Pillow」でフォルダ内の画像を一括リサイズする実践例

では 「pathlib + Pillow」でフォルダ内の画像を一括リサイズする実践例 を紹介しますね。これを使えば、例えば「大きな写真を全部まとめてサムネイル化する」といった処理が一気にできます。必要...
2025.11.03
Python
Python

Python | pathlib を使って画像ファイルを扱う実践例

では pathlib を使って画像ファイルを扱う実践例 を、初心者向けに分かりやすく紹介します。ここでは「画像ファイルの存在確認」「コピー」「フォルダ内の画像一覧取得」など、よくある操作を例題にします...
2025.11.03
Python
Python

Python | f文字列で書いたテンプレートを Jinja2 に書き換える練習問題

では、f文字列 → Jinja2 への変換を理解するための練習問題を、「ステップ付き（少しずつ変えて理解）」で作ります。練習問題：f文字列を Jinja2 テンプレートに書き換えよう前提Python ...
2025.11.03
Python
Python

Python | Jinja2 と f文字列 比較した実務上の使い分け

「f文字列」 vs 「Jinja2」 は、どちらも「テンプレートに値を埋め込む」仕組みですが、目的・スコープ・安全性が全く異なります。以下では、実務（Pythonスクリプト〜Webアプリ）でどう使い分...
2025.11.03
Python
Python

Python | f文字列でのローカライズ（通貨記号や桁区切りのロケール対応）

基本の考え方f文字列は「式を埋め込む」仕組みで、書式指定子を使って数値を整形できます。ただし「ロケール依存の桁区切りや通貨記号」を完全に扱うには locale モジュールや Babel などのライブラ...
2025.11.03
Python
JavaScript

JavaScript | フォームバリデーション（入力チェック）

特徴リアルタイム判定入力するたびにOK/NGを表示。NG時に修正候補をボタンで自動適用メール → 「@example.com」を補完電話 → 桁数を補正してハイフン整形URL → https:// を...
2025.11.02
JavaScript
JavaScript

JavaScript | 再帰とループの性能比較

「再帰」と「ループ」は同じ処理を実現できることが多いですが、性能面では違いがあります。初心者向けに整理してみます。性能比較のポイント1. 関数呼び出しのコスト再帰関数を呼ぶたびに「呼び出しスタック」に...
2025.11.01
JavaScript
JavaScript

JavaScript | レベル別練習問題：エレメント（HTML要素・DOM要素操作）

「エレメント」をテーマに、基礎／中級／上級（応用）の3レベル、各5問ずつ、合計15問のオリジナル練習問題を作成し、解答と解説付きでまとめます。ここでいう「エレメント」は HTML要素・DOM要素操作 ...
2025.10.31
JavaScript
スポンサーリンク
Next