JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（LibreTranslate APIで翻訳アプリ）
2025-11
Java Java | 例外と早期returnの組み合わせテンプレート
「例外と早期 return の組み合わせテンプレート（業務クラス構造つき）」は、実務で“安全で読みやすくメンテしやすい”コードを書くための基本骨格です。ここでは、3層構造（Controller／Ser...
Java Java | 三次元版ライフゲーム（セルオートマトン）
三次元版ライフゲーム（セルオートマトン）の例題「ライフゲーム」は二次元の格子でよく知られていますが、三次元に拡張すると「立方体の中で細胞が生きたり死んだりする」シミュレーションになります。初心者向けに...
Java Java | 早期 return のベストパターン集
「早期 return のベストパターン集（実務例5選）」は、**「ネストを浅くして読みやすく、安全にする」**ための超重要テクニックです。初心者でも実務で即使えるように、👀 図解（ASCII）＋ 💻 ...
Java Java | 安全設計ベストプラクティス：returnで抜ける vs 例外を投げる
実務では「return で抜けるべきか」「throw（例外）で止めるべきか」は非常に重要な設計判断ポイントです。ここでは、安全設計ベストプラクティスとして、初心者でも理解できるように図＋コード＋判断基...
Java Java | 実務対応版：「安全なリトライ処理テンプレート集（ログ＋例外対応）」
これは「break を使ったループ制御＋安全設計」を実務テンプレート化したものです。Java＋SLF4J／Spring Boot想定で、そのまま業務コードに組み込みやすい形にしてあります。すべて 例外...
Java Java | 実務でよく使う for → Stream 書き換え10パターン
ここでは、実務でよく使う「for文 → Stream API」書き換え10パターンを、初心者でも理解できるように、「for文（Before） → Stream（After）」形式でコード付きにまとめま...
Java Java | 「Stream構文早見表（map/filter/groupingBy/sorted）」図解版
ここでは、Stream API の主要構文（map / filter / sorted / groupingBy など）を図解で理解できる早見表を作ります。「操作の意味」「処理の流れ」「例」を視覚的に...
Java Java | Stream API 安全設計ベストプラクティス（例外・ログ対応）
ここでは、実務で使う Stream API の安全設計ベストプラクティスをまとめます。特に、例外処理・ログ出力・副作用回避・大規模データ対応にフォーカスしています。1️⃣ 基本ルール：副作用は極力避け...
Java Java | for文 vs Stream API + 実務パターン集（図解ビジュアル版）
「for文フロー + Streamフロー + 実務パターン集」を 矢印・アイコン・カラー付きで一目で理解できる形 にします。┌───────────────┐│ データ入力 ││ List<Emplo...
Java Java | 拡張 for 文 vs Stream API の処理フロー横並び比較図
では、「拡張 for 文 vs Stream API の処理フロー横並び比較図」 を作ります。これで どの処理がどこで行われているかを一目で理解できる教材 にします。例題：社員リストから「年齢 ≥ 2...
Java Java | Stream API パイプライン図解
では、「filter → map → sorted → groupingBy」の一連パイプラインを図解で直感理解」できる教材を作ります。例題：社員リストを加工して部署ごとに名前を並び替え集計する入力デ...
Java Java | 同じ処理を拡張 for 文と Stream API 両方で比較する図解
ここでは 「拡張 for 文」と 「Stream API」 で同じ処理を行った場合の流れを図解で比較します。初心者でも「どっちが何をしているか」を直感的に理解できるようにしました。例題：社員リストから...
Java Java | for文 vs Stream API の比較＋よく使うパターン集
では、これまで作った for文 vs Stream API の比較フロー と 実務でよく使う Stream API パターン集 を統合して、「現場でよくある処理例をすべて1枚で見れる初心者向け教材」 ...
Java Java | 実務でよく使う Stream API パターン（filter/map/sorted/groupingBy）
では、実務でよく使う Stream API のパターン（filter / map / sorted / groupingBy / collect など）をまとめた1枚図 を作ります。初心者でも現場コー...
Java Java | 「map/filter/sorted/groupingBy」だけを図解で理解する教材
では、「map / filter / sorted / groupingBy」を図解で直感的に理解する教材を作ります。文章だけでなく、処理の流れを矢印で表す図解スタイルで解説します。1. filter...
Java Java | 「for-each＋例外処理＋ログ」のテンプレートをクラス構造で整理（実務クラス設計例）
ここでは「拡張for文（for-each）＋例外処理＋ログ出力」を組み合わせた、実務的なクラス構造テンプレートを示します。実際のプロジェクトでよく使う「データ処理＋エラー対応＋ログ管理」の構成をベース...
Python Python | 月ごとに売上推移グラフを描く
標準ライブラリで月ごとの売上を集計し、グラフ描画には matplotlib を使うのが定番です。CSVから「日付」と「金額」を読み込み、月単位に合計して折れ線グラフにすれば、売上推移を直感的に確認でき...
Python Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「商品ごとに売上トップの月を抽出」する実践例
ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「月ごとに売上ランキング」を出す実践例を紹介します。想定データ（sales.cs...
Python Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「商品ごとに売上トップの月を抽出」する実践例
ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、「商品ごとに売上トップの月を抽出」する実践例を紹介します。想定データ（sales...
JavaScript JavaScript | 「ソースマップ」付きで TypeScript や Babel コードをデバッグする方法
ここでは、「ソースマップ付きで TypeScript や Babel 変換後のコードをブラウザでデバッグする方法」を、🔰 初心者向けにステップごとで分かりやすく解説します。そもそも「ソースマップ」って...
JavaScript JavaScript | VSCode のデバッガコンソールで式を評価して調べる方法
ここでは VSCode のデバッガコンソールを使って、デバッグ中に式や変数を確認・評価する方法 を初心者向けに丁寧に解説します。デバッグを「止まって眺めるだけ」から「動かしながら調べる」に進化させるテ...
JavaScript JavaScript | 非同期処理（Promise / async）のステップ実行を例で体験
では、非同期処理（Promise / async/await）のステップ実行を、VSCodeデバッガで体験する例を、初心者向けに手順付きで進めていきます。1. サンプルコードを作るまず小さな非同期処理...
JavaScript JavaScript | Node.js 環境での「–inspect」デバッグ手順（VSCode でのステップ実行）
ここでは、Node.js の --inspect モードを使って VSCode でステップ実行（デバッグ）する方法を、プログラミング初心者向けに 手順通りに進められるチュートリアル形式で解説します。目...
JavaScript JavaScript | 非同期エラー（Promiseやasync/await）のスタックトレース
「ブラウザ開発ツール（DevTools） を使ったデバッグ」は、初心者から“実務で通用する人”へ進むための大きな一歩です。ここでは、Chrome / Edge / Firefox に共通する操作を中心...
JavaScript JavaScript | 非同期エラー（Promiseやasync/await）のスタックトレース
非同期エラーのスタックトレースは「同期コードのそれ」とは挙動が違う部分が多く、つまずきやすいポイントです。以下は 初心者が実務で遭遇するパターン を中心に、具体的なコード例と「何を見ればいいか」「どう...
Python Python | ネストを平坦化する練習問題セット
では、「ネストを平坦化する練習問題セット（10問）」を紹介します。すべて ifの入れ子構造 → 平坦化（リファクタ） の練習形式です。Q1：単純な2段ネストif x > 0: if x < 10: p...
Python Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例
ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「月ごと × 商品ごと」にクロス集計する実践例を紹介します。想定データ（...
Python Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例
いいですね！ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVを「商品ごと × 日付ごと」にクロス集計する実践例を紹介します...
Python Python | 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVファイルを「日付ごとに集計」する実践例
ここでは 標準ライブラリ（csv + pathlib + collections + datetime）だけ を使って、CSVファイルを「日付ごとに集計」する実践例を紹介します。想定データ（sales...
Python Python | 標準ライブラリ（pathlib + csv + collections）だけ を使って「複数のCSVを結合して集計」する実践例
ここでは 標準ライブラリ（pathlib + csv + collections）だけ を使って「複数のCSVを結合して集計」する実践例を紹介します。想定するデータ例えば、sales_jan.csv ...
Python Python | 標準ライブラリ（csv + pathlib + collections）だけ を使って、CSVファイルを「職業ごとの人数カウント」する実践例
ここでは 標準ライブラリ（csv + pathlib + collections）だけ を使って、CSVファイルを「職業ごとの人数カウント」する実践例を紹介します。サンプルデータ（people.csv...
Python Python | レベル別練習問題：コメント
では、「Pythonコメントの書き方・docstring・TODO活用」をテーマにした全50問の練習問題集（自動採点用コード付き） を作ります。構成レベル1（基礎）：Q1〜Q15 — コメント文の書き...
Python Python | 標準ライブラリ（csv + pathlib）だけ を使って、CSVファイルを「フィルタリング」や「並べ替え」する実践例
ここでは 標準ライブラリ（csv + pathlib）だけ を使って、CSVファイルを「フィルタリング」や「並べ替え」する実践例を紹介します。応用例1: 条件でフィルタリング例えば people.cs...
Python Python | pathlib を使ってCSVファイルを扱う実践例
ここでは pathlib を使ってCSVファイルを扱う実践例 を、初心者向けに分かりやすく紹介します。pathlib はファイルパス操作をシンプルにしてくれるので、CSVの読み書きと組み合わせるととて...
Python Python | EXIFのカメラ機種・レンズ別に画像をまとめてHTMLギャラリーを作る
ここでは EXIFのカメラ機種・レンズ別に画像をまとめてHTMLギャラリーを作る 実践例を紹介します。これを使えば「Canonで撮った写真」「iPhoneで撮った写真」「50mmレンズで撮った写真」な...
JavaScript JavaScript | 月別アルバムページ × タグフィルタ × 地図表示
ここまでの要素を全部組み合わせて、「月別アルバムページ」＋「タグフィルタ」＋「地図表示」 を統合したギャラリーの仕組みを整理してみましょう。1. 処理の流れ画像を読み込みPillowでサムネイル生成E...
Python Python | 月別まとめ＋位置情報マップ付きギャラリー
ここでは、これまでの「サムネイル化＋EXIF日付別アルバム生成」に加えて、月別まとめページ（例: 2025-01, 2025-02 …）EXIFの位置情報（GPS）を読み出して地図表示までを組み込んだ...
Python Python | EXIF日付別アルバム＋タグフィルタ付きHTMLギャラリー
いいですね！ここまでの要素を全部組み合わせて、「フォルダ内の画像をサムネイル化 → EXIF日付ごとにアルバム分け → HTMLギャラリー生成 → タグでフィルタ表示」 する実践例をまとめます。概要P...
Python Python | フォルダ内の画像をサムネイル化し、EXIF日付別アルバムでHTMLギャラリー生成
写真を日付ごと（撮影日）に自動分類し、サムネイル付きHTMLギャラリーを作る実践例です。pathlibでパス管理、Pillowでサムネイル生成とEXIF読み取り、HTMLはテンプレート文字列で生成しま...
Python Python | フォルダ内の画像を一括でサムネイル化し、HTMLギャラリーを生成
短時間で「画像一覧ページ」を作りたいときの実用例です。pathlibでパス管理、Pillowでサムネイル生成、最後にHTMLを書き出します。Windows/macOS/Linux共通で動きます。前提準...
Python Python | 「pathlib + Pillow」で画像を一括形式変換＋リサイズ する実践例
では 「pathlib + Pillow」で画像を一括形式変換＋リサイズ する実践例を紹介します。これを使えば「PNGを全部JPEGに変換しつつ、Web用にサイズを小さくする」といった処理が一気にでき...
Python Python | 「pathlib + Pillow」で画像を一括形式変換する実践例
では 「pathlib + Pillow」で画像を一括形式変換する実践例 を紹介します。例えば「PNGを全部JPGに変換したい」といったときに役立ちます。必要な準備Pillow をインストール pip...
Python Python | 「pathlib + Pillow」でフォルダ内の画像を一括リサイズする実践例
では 「pathlib + Pillow」でフォルダ内の画像を一括リサイズする実践例 を紹介しますね。これを使えば、例えば「大きな写真を全部まとめてサムネイル化する」といった処理が一気にできます。必要...
Python Python | pathlib を使って画像ファイルを扱う実践例
では pathlib を使って画像ファイルを扱う実践例 を、初心者向けに分かりやすく紹介します。ここでは「画像ファイルの存在確認」「コピー」「フォルダ内の画像一覧取得」など、よくある操作を例題にします...
Python Python | f文字列で書いたテンプレートを Jinja2 に書き換える練習問題
では、f文字列 → Jinja2 への変換を理解するための練習問題を、「ステップ付き（少しずつ変えて理解）」で作ります。練習問題：f文字列を Jinja2 テンプレートに書き換えよう前提Python ...
Python Python | Jinja2 と f文字列 比較した実務上の使い分け
「f文字列」 vs 「Jinja2」 は、どちらも「テンプレートに値を埋め込む」仕組みですが、目的・スコープ・安全性が全く異なります。以下では、実務（Pythonスクリプト〜Webアプリ）でどう使い分...
Python Python | f文字列でのローカライズ（通貨記号や桁区切りのロケール対応）
基本の考え方f文字列は「式を埋め込む」仕組みで、書式指定子を使って数値を整形できます。ただし「ロケール依存の桁区切りや通貨記号」を完全に扱うには locale モジュールや Babel などのライブラ...
JavaScript JavaScript | フォームバリデーション（入力チェック）
特徴リアルタイム判定入力するたびにOK/NGを表示。NG時に修正候補をボタンで自動適用メール → 「@example.com」を補完電話 → 桁数を補正してハイフン整形URL → https:// を...
JavaScript JavaScript | 再帰とループの性能比較
「再帰」と「ループ」は同じ処理を実現できることが多いですが、性能面では違いがあります。初心者向けに整理してみます。性能比較のポイント1. 関数呼び出しのコスト再帰関数を呼ぶたびに「呼び出しスタック」に...