スポンサーリンク
Python

Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「商品ごとに売上トップの月を抽出」する実践例

ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「商品ごとに売上トップの月を抽出」する実践例を紹介します。想定データ（sales.csv）日付,商品,数量,金額2025...
2025.11.08
Python
JavaScript

JavaScript | 「ソースマップ」付きで TypeScript や Babel コードをデバッグする方法

ここでは、「ソースマップ付きで TypeScript や Babel 変換後のコードをブラウザでデバッグする方法」を、🔰 初心者向けにステップごとで分かりやすく解説します。そもそも「ソースマップ」って何？TypeScript や Babel...
2025.11.08
JavaScriptTypeScript
JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ここでは 標準ライブラリ（csv + pathlib）だけ を使って、CSVファイルを「フィルタリング」や「並べ替え」する実践例を紹介します。応用例1: 条件でフィルタリング例えば people.csv が以下のような内容だとします：名前,...
2025.11.04
Python
Python

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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