Java
Java 逆引き集 | バージョン互換（Java のメジャーアップでの注意） — 移行計画
@lifehacker
C# C# Tips | セキュリティ：ランダムTokenを生成する
ランダムトークン生成は「安全な認証・セッション管理の土台」です読者のみなさんが業務システムを開発する際、 ランダムなトークン（Token）を安全に生成することは必須のセキュリティ要件です。トークンは次...
C# C# Tips | セキュリティ：パスワード強度を検証する
パスワード強度を検証することは「ユーザーの安全を守るための最初の防御線」です読者のみなさんが業務システムを開発する際、 パスワード強度チェックは必須のセキュリティ機能です。 どれだけ強力なハッシュ方式...
C# C# Tips | セキュリティ：Argon2を利用する
Argon2 を利用することは「現代の攻撃に最も強いパスワードハッシュを実務で安全に扱うための必須ユーティリティです」読者のみなさんが業務システムを開発する際、 パスワードを安全に保存することは最重要...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：エラーをサーバーへ送信する
エラーをサーバーへ送信することは「障害を確実に記録し、運用チームへ“見える化”するための必須技術」業務システムでは、エラーをサーバーへ送信する仕組みが必ず必要になります。 理由は明確で、次のような問題...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：開発者向けエラー情報を生成する
開発者向けエラー情報生成は「障害原因を最速で特定するための“深い技術情報”を整形して届ける技術」ユーザー向けエラーメッセージは「分かりやすさ」が目的ですが、 開発者向けエラー情報は “原因を特定するた...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：ユーザー向けエラーメッセージを生成する
ユーザー向けエラーメッセージ生成は「技術的なエラーを“人が理解できる言葉”に翻訳するための必須技術」業務システムでは、内部で発生したエラーをそのままユーザーに見せることはできません。 理由は明確で、技...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：エラーコードを管理する
エラーコード管理は「障害を分類し、原因特定を高速化し、運用を安定させるための必須技術」業務システムでは、エラーは必ず発生します。 しかし、初心者が陥りやすい問題があります。エラーメッセージがバラバラで...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：Promiseエラーを捕捉する
Promiseエラー捕捉は「非同期処理の落とし穴を確実に拾い上げるための必須テクニック」Promise は便利ですが、初心者が必ずつまずくポイントがあります。try/catch では Promise ...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：グローバルエラーを捕捉する
グローバルエラー捕捉は「予期しない例外を確実に記録し、システムの安全性を守るための最後の砦」try/catch は「自分で囲った範囲のエラー」しか捕捉できません。 しかし業務システムでは、次のような ...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：try/catchを共通化する
try/catch を共通化することは「エラー処理を一箇所に集約し、コードの安全性と保守性を最大化する技術」業務システムでは、あらゆる場所でエラーが発生します。 API 呼び出し、DB 操作、ファイル...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：ErrorをJSON化する
Error を JSON 化することは「エラー情報を安全・確実に構造化して扱うための基盤技術」Error オブジェクトは JavaScript の中でも特殊な存在です。 message や stack...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：エラーオブジェクトを整形する
エラーオブジェクト整形は「原因を最速で特定するための“読みやすい形”に変換する技術」エラーは業務システムの中で必ず発生します。 しかし、そのエラーをどうログに残すかで、障害調査のスピードが劇的に変わり...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：本番環境でログを抑制する
本番環境でログを抑制することは「安定運用のための必須テクニック」本番環境では、ログを大量に出すと次のような問題が発生します。ログファイルが肥大化してストレージを圧迫するパフォーマンスが低下する（ログ出...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：DEBUGログを制御する
DEBUGログは「開発中の挙動を可視化し、必要なときだけ出すための制御技術」DEBUGログは、業務システムの開発・テスト段階で最も役に立つログです。 しかし、本番環境で DEBUG を大量に出してしま...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：ERRORログを出力する
ERRORログは「異常が発生した瞬間を正確に記録するための最重要ログ」ERRORログは、業務システムにおいて 最も重要なログレベルです。 INFO や WARN が「正常系」「注意喚起」であるのに対し...
Python Python | 1 日 90 分 × 7 日アプリ学習：ファイル・Excel・CSV自動化 CSV顧客管理編
CSV顧客管理アプリ 1日目のゴール1日目のテーマは 「CSVファイルを使って顧客データを登録・保存・読み込みできる最小の顧客管理アプリを作りながら、CSVの基本操作を完全に理解すること」 です。CS...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 日報管理編
日報管理アプリ 1日目のゴール1日目のテーマは 「日報（業務日報）を“記録・保存”できる最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作・JSON の基礎を体験すること」 です。...
CSS CSS UI・Webデザイン集 | ヘッダー・ナビゲーション：シンプルヘッダー
シンプルヘッダーは「迷わせない・軽い・読みやすい」を満たす最も基本的なヘッダーですシンプルヘッダーは、ロゴと少数のメニューだけで構成される、最も軽量で使いやすいヘッダーです。 企業サイト・ブログ・ポー...
CSS CSS UI・Webデザイン集 | ヘッダー・ナビゲーション：グローバルヘッダー
グローバルヘッダーは「サイト全体の案内役」であり、ユーザー体験の質を決める最重要パーツですグローバルヘッダーは、どのページにも共通して表示される“サイトの顔”です。 ロゴ、主要ナビゲーション、検索、C...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：採用サイト
採用サイトは「会社の魅力を、求職者が理解しやすい順番で伝える」ことが最重要です採用サイトは、商品を売るサイトではなく “会社という組織の価値を伝えるサイト” です。 求職者は、会社の雰囲気・働く人・仕...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：オウンドメディア
ブログサイトは「読みやすさ・更新しやすさ・回遊性」を同時に満たす構成が重要ブログサイトは、オウンドメディアよりも“個人の発信”に寄った構成になります。 記事が主役であり、読者がストレスなく読み進められ...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：オウンドメディア
オウンドメディアは「読みやすさ・回遊性・信頼性」を同時に満たす構成が重要オウンドメディアは、企業が自社の情報を発信し、読者との関係を育てるための“情報発信基地”です。 ECサイトやプロダクトサイトと違...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：ECサイト
ECサイトは「商品を迷わず選べる導線」を作ることが最重要ECサイトは、ユーザーが商品を探し、比較し、購入するまでの流れをスムーズにするための構成が必要です。 プロダクトサイトより情報量が多く、UIの密...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：プロダクトサイト
プロダクトサイトは「製品の価値を最短で伝える」ための構成が命プロダクトサイトは、ユーザーが最初に訪れる“製品の顔”です。 そのため、構成はシンプルでありながら、製品の魅力・機能・信頼性を一気に伝える必...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 勤怠記録編
勤怠記録アプリ 1日目のゴール1日目のテーマは 「出勤時刻・退勤時刻を記録する最小の勤怠アプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作・datetime の基礎を体験すること」 です...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 在庫管理編
商品管理（在庫管理）アプリ 1日目のゴール1日目のテーマは 「商品を表す“データ構造”を作り、クラス・変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 です。商品管理（在庫管理）は、...
C# C# Tips | セキュリティ：BCryptを利用する
BCrypt を利用することは「パスワードを“攻撃者が高速に推測できない形”で保存するための強力なユーティリティです」業務システムでは、ユーザーのパスワードを安全に扱うことが必須です。 そのために使わ...
C# C# Tips | セキュリティ：PBKDF2を利用する
PBKDF2 を利用することは「パスワードを“絶対に戻せない形”で安全に保存するための最重要ユーティリティです」業務システムでは、ユーザーのパスワードを安全に扱うことが必須です。 しかし、初心者の方が...
C# C# Tips | セキュリティ：パスワードを安全にHashする
パスワードの安全なハッシュ化は「ユーザーの秘密を守るための最重要セキュリティ基盤です」パスワードを安全に扱うことは、業務システムにおけるセキュリティの最重要ポイントです。 初心者の方でも誤解しやすいの...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：サービスサイト
サービスサイトの基本構成とデザインの目的サービスサイトは、特定のプロダクトやサービス（SaaS、アプリケーション、専門的なビジネスなど）の魅力を深く伝え、ユーザーに「利用登録」や「資料請求」、「お問い...
CSS CSS UI・Webデザイン集 | Webサイト基本構成：コーポレートサイト
コーポレートサイトの基本構成とデザインの考え方コーポレートサイトは、企業の信頼性を高め、ユーザーに事業内容やビジョンを正しく伝えるための「会社の顔」となるWebサイトです。基本構成としては、ファースト...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 数当てゲーム編
1日目：while とイベントで「動く数当てゲーム」の基礎を作る数当てゲームは、JavaScript 初心者が最初に作るミニゲームとして非常に優れています。 理由はシンプルで、イベント（クリック） と...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 商品管理編
1日目：商品管理アプリの基礎を作りながら Python 文法を学ぶプログラミング初心者が最初につまずくポイントは、「文法の意味がわからない」「何をどう組み合わせればアプリになるのかイメージできない」と...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：WARNログを出力する
WARNログは「異常の一歩手前」を知らせるための重要なアラートログWARNログは、エラーほど深刻ではないものの、 「このまま進むと問題になるかもしれない」 という状況を知らせるためのログです。業務シス...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：INFOログを出力する
INFOログは「正常動作を記録するための最も基本で最も重要なログ」業務システムでは、エラーだけでなく 正常に動いていることを記録する INFOログ が非常に重要です。 なぜなら、障害調査やデバッグでは...
JavaScript JavaScript Tips | ログ・デバッグ・エラー処理：年末取得
共通 Logger は「全てのログを一つの入口で管理するための業務必須ユーティリティ」業務システムでは、ログはただの「console.log の出力」ではありません。 障害調査、デバッグ、監査、ユーザ...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 単位変換編
単位変換アプリ 1日目のゴール単位変換アプリ 1日目のテーマは 「数値を入力して“別の単位に変換する”最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 です...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 買い物リスト編
買い物リストアプリ 1日目のゴール買い物リストアプリ 1日目のテーマは 「買いたいものを入力してファイルに保存する“最小の買い物リストアプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作...
SQL Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 家計簿編
家計簿アプリ 1日目のゴール家計簿アプリ 1日目のテーマは 「支出を入力してファイルに保存する“最小の家計簿アプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 で...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：年末取得
年末取得は「1年の終わりを正確に定義するための重要ユーティリティ」年初取得と並んで 年末取得（その年の12月31日を求める処理）は、業務システムで非常に多く使われます。 決算処理、年間レポート、年間集...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：年初取得
年初取得は「1年のスタート地点を正確に取り出すための基盤ユーティリティ」年初取得（その年の1月1日を求める処理）は、月初・月末と同じく業務システムで非常に多く使われます。 決算処理、年間レポート、年間...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：月末取得
月末取得は「月の終わりを正確に求めるための必須ユーティリティ」月初取得と並んで 月末取得（月の最後の日付を求める処理）は、業務システムで非常に多く使われます。 請求書の締め処理、月次レポート、勤怠の集...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：月初取得
月初取得は「月のスタート地点を正確に取り出すための基盤ユーティリティ」日付・時間ユーティリティの中でも 月初取得（月の最初の日付を求める処理）は、業務システムで非常に多く使われます。 請求書の締め処理...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：日付差分
日付差分は「2つの日付の距離を正しく数値化する技術」日付・時間ユーティリティの中でも 日付差分（date difference）は、業務システムで非常に重要な処理です。 請求書の支払期限、予約の残り日...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 連絡先管理編
1日目のゴールと全体像連絡先管理アプリ 1日目のテーマは 「名前・メールアドレス・電話番号などの“連絡先情報”を入力し、ファイルに保存できる最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・フ...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 住所録編
1日目のゴールと全体像住所録アプリ 1日目のテーマは 「名前・住所・電話番号などの“連絡先データ”を入力し、ファイルに保存できる最小の住所録アプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 日記アプリ編
1日目のゴールと全体像日記アプリ 1日目のテーマは 「とてもシンプルな“テキスト日記アプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の入口を体験すること」 です。ここで作るのは、次の...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 じゃんけんゲーム編
1日目のゴールと全体像じゃんけんゲーム 1日目のテーマは 「HTMLで画面を作り、JavaScriptで“グー・チョキ・パーを選んで結果を表示する”という最小のじゃんけんゲームを作りながら、DOM操作...
Java Java Tips | I/O・ネットワーク：画像読込
画像読込ユーティリティが業務で必要になる理由業務システムでは、ユーザーがアップロードした画像を扱う場面が非常に多いです。 プロフィール画像、商品画像、レシート画像、書類の写真、QRコード、バーコードな...
Java Java Tips | I/O・ネットワーク：PDF読込
PDF読込ユーティリティが業務で必要になる理由PDFは「改ざんされにくい」「どの環境でも同じ見た目で表示できる」という特性から、請求書・契約書・レポート・帳票など、業務システムの“受け取る側”として非...
Java Java Tips | I/O・ネットワーク：PDF生成
PDF生成ユーティリティが業務で必要になる理由PDFは「改ざんされにくい」「どの環境でも同じ見た目で表示できる」「印刷に強い」という特性から、業務システムの出力フォーマットとして非常に多く使われます。...
Java Java Tips | I/O・ネットワーク：Excel書込
Excel書込ユーティリティが業務で重要になる理由Excel（.xlsx）は、業務システムの「データ出力フォーマット」として圧倒的に使われています。 レポート、集計結果、外部ベンダーへのデータ提供、管...
Java Java Tips | I/O・ネットワーク：Excel読込
Excel読込ユーティリティが業務で必須になる理由Excelは業務データの“標準フォーマット”と言っても過言ではありません。 顧客リスト、売上データ、設定情報、外部ベンダーからの提供ファイル、社内の管...
Web WordPress Tips | 投稿・固定ページ運用：カスタムテンプレートで記事タイプ別デザイン
記事タイプ別デザインという発想WordPressで投稿や固定ページを運用していると、「このタイプの記事だけレイアウトを変えたい」「レビュー記事はレビューらしい見た目にしたい」「ニュース記事は情報をコン...
Web WordPress Tips | 投稿・固定ページ運用：事前にテンプレートパーツを作成
テンプレートパーツという「事前に用意する部品」の考え方WordPressのブロックテーマを使っていると、投稿や固定ページを編集するときに、毎回同じヘッダーやフッター、サイドバーが表示されていることに気...
Web WordPress Tips | 投稿・固定ページ運用：Gutenberg ブロックの再利用ブロックを作る
Gutenbergブロック再利用の考え方Gutenberg（ブロックエディタ）で記事や固定ページを作っていると、「毎回同じパーツを手で作っているな」と感じる場面が必ず出てきます。例えば、記事の最後に入...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 サイコロ編
1日目のゴールと全体像サイコロアプリ 1日目のテーマは 「ボタンを押すと 1〜6 の数字がランダムに表示される“シンプルなサイコロ”を作りながら、JavaScriptの基本とDOM操作・イベント処理の...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 おみくじ編
1日目のゴールと全体像おみくじアプリ 1日目のテーマは 「ボタンを押したらランダムに結果が表示されるシンプルなおみくじを作りながら、HTMLとJavaScriptの連携・DOM操作・イベント処理・基本...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：日付比較
日付比較は「2つの日時の前後・一致を正しく判定する技術」日付・時間ユーティリティの中でも 日付比較（date comparison）は、業務システムで非常に重要な処理です。 予約システム、期限チェック...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：日付パース
日付パースは「文字列 → Date オブジェクト」への変換作業日付・時間ユーティリティの中でも 日付パース（date parsing）は、業務で非常に重要な処理です。 API から受け取った日付、ユー...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：yyyy/mm/dd
yyyy/mm/dd は「日本の業務システムで最も使われる日付フォーマット」日本の業務システムでは yyyy/mm/dd（2026/08/06 のような形式）が圧倒的に使われます。 帳票、レポート、請...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：yyyy-mm-dd
「yyyy-mm-dd」という日付フォーマットは“業務の標準語”日付・時間ユーティリティの中でも 「yyyy-mm-dd」形式の生成は、業務システムで最も頻繁に使われる基本機能です。 ログ、レポート、...
JavaScript JavaScript Tips | 日付・時間ユーティリティ：現在日時取得
テーマの整理：「現在日時取得」は日付・時間ユーティリティの出発点日付・時間ユーティリティの中でも、「現在日時取得」はもっとも基本的でありながら、業務・実務ではほぼ必ず登場する重要な機能です。ログの記録...
C# C# Tips | ログ・例外・診断：実行ログ自動化
実行ログ自動化は「人間が書くログを“仕組みで書かせる”ことで品質を安定させる技術です」業務システムでは、ログは“後から原因を追うための生命線”です。 しかし、ログを人間が手書きすると次のような問題が必...
C# C# Tips | ログ・例外・診断：管理者判定
管理者判定は「このアプリが“どこまで踏み込めるか”を事前に把握するための安全装置です」業務システムでは、アプリが管理者権限で動いているかどうかが、 ファイル操作・レジストリ操作・サービス制御・ネットワ...
C# C# Tips | ログ・例外・診断：権限チェック
権限チェックは「このアプリが“何を許されているか”を事前に把握するための技術です」業務システムでは、実行ユーザーが誰かだけでなく、 そのユーザーがどんな権限を持っているかが極めて重要になります。 権限...
C# C# Tips | ログ・例外・診断：実行パス取得
実行ユーザー取得は「このアプリを“誰が”動かしているか」を正しく知るための技術です業務システムでは、アプリがどのユーザー権限で動いているかが非常に重要になります。 例えば、Windows サービスなら...
C# C# Tips | ログ・例外・診断：実行パス取得
実行パス取得は「アプリがどこから動いているか」を正しく知るための技術業務・実務で C# を書いていると、「設定ファイルをどこから読むか」「ログファイルをどこに出すか」「一時ファイルをどこに置くか」とい...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 年齢計算機編
1日目のゴールと全体像年齢計算機アプリ 1日目のテーマは 「生年月日を入力すると“現在の年齢”を計算して表示する、最小の動くWebアプリを作ること」 です。この日はまだ複雑な機能は入れず、まずはHTM...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 BMI計算機編
1日目のゴールと全体像BMI計算機アプリ 1日目のテーマは 「JavaScriptでHTMLを動かし、ユーザー入力を使ってBMIを計算する“最小の動くアプリ”を作ること」 です。この日はまだ複雑な機能...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ メモ帳編
1日目のゴールと全体像メモ帳アプリ 1日目のテーマは 「Pythonの基本文法だけで“テキストメモを作って保存する”ところまでやること」 です。この日はまだ複雑な機能は入れず、まずは変数で「メモの内容...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ TODOリスト編
1日目のゴールと全体像TODOリストアプリ 1日目のテーマは 「Pythonの基本文法だけで“メモ程度のTODOリスト”を作ること」 です。この日はまだ複雑な機能は入れず、まずは変数で「やること」を覚...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ パスワード生成編
1日目のゴールと全体像パスワード生成アプリ 1日目のテーマは 「Pythonの基本文法だけで“ランダムなパスワードを1つ生成する”ところまで作ること」 です。この日はまだ複雑な設定やファイル保存は扱わ...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ じゃんけんゲーム編
1日目のゴールと全体像1日目のテーマは 「Pythonの超基本（変数・入力・条件分岐）だけで、1回勝負のじゃんけんゲームを動かしてみること」 です。この日はまだ「繰り返し」「ファイル操作」は軽く触れる...
C# C# | 1 日 60 分 × 7 日アプリ学習：C#基礎・オブジェクト指向 BMI計算機編
1日目のゴールと全体像年齢計算アプリ 1日目のテーマは 「DateTime を使って“生年月日から年齢を計算する”基本ロジックを理解し、シンプルなコンソールアプリとして形にすること」 です。この日は ...
C# C# | 1 日 60 分 × 7 日アプリ学習：C#基礎・オブジェクト指向 BMI計算機編
1日目のゴールと全体像BMI計算機 1日目のテーマは 「メソッドを使って“BMIを計算する処理”をきれいに分けたシンプルなコンソールアプリを作ること」 です。この日は C# の中でも特に重要な基本文法...
Java Java | 1 日 60 分 × 7 日アプリ学習：Java基礎・オブジェクト指向 じゃんけんゲーム編
1日目のゴールと全体像じゃんけんゲーム 1日目のテーマは 「if・switch を使って“じゃんけんの勝敗判定”を作ること」 です。この日は Java の基本文法の中でも特に重要なif（条件分岐）sw...
Java Java | 1 日 60 分 × 7 日アプリ学習：Java基礎・オブジェクト指向 年齢計算編
1日目のゴールと全体像年齢計算アプリの1日目は 「LocalDate を使って“生年月日から年齢を計算する”最小アプリを作ること」 がテーマです。ここで扱う内容は、Javaの実務でも頻繁に使われる重要...
Java Java | 1 日 60 分 × 7 日アプリ学習：Java基礎・オブジェクト指向 BMI計算機編
1日目のゴールと全体像1日目のテーマは 「Javaの“メソッド”を使って BMI を計算する最小アプリを作り、クラス・メソッド・基本文法の基礎をつかむこと」 です。まだオブジェクト指向やファイル操作、...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 電卓編
1日目のゴールと全体像1日目のテーマは 「数字ボタンをクリックして、画面に“入力した数字”が表示される電卓の土台を作ること」 です。いきなり「計算機能全部」を作るのではなく、まずは数字ボタンをクリック...
JavaScript JavaScript | 1 日 60 分 × 7 日アプリ学習：JavaScript基礎・DOM操作 カウンター編
1日目のゴールと全体像1日目のテーマは 「JavaScriptで、画面上の数字を“自分のクリックで動かす”体験をすること」 です。題材はシンプルな カウンターアプリ。 でも、この小さなアプリの中にHT...
Java Java | 1 日 60 分 × 7 日アプリ学習：Java基礎・オブジェクト指向 電卓編
1日目のゴールと全体像1日目のテーマは 「Javaで電卓アプリを作るための“土台となる考え方”をつかむこと」 です。この7日間で目指すのは、コンソールベースでも構わないので 「四則演算ができて、履歴も...
C# C# | 1 日 60 分 × 7 日アプリ学習：C#基礎・オブジェクト指向 電卓編
1日目のゴールと全体像1日目のテーマは 「C#で電卓アプリを作るための“土台となる考え方”をつかむこと」 です。この7日間で目指すのは、コンソールベースでも構いませんが、 「四則演算ができて、履歴も扱...
TypeScript TypeScript | 1 日 60 分 × 7 日アプリ学習：TypeScript基礎・DOM操作 電卓編
1日目のゴールと全体像1日目のテーマは 「TypeScriptで“電卓アプリ”を作るための基礎を、コードのイメージと一緒に掴むこと」 です。この7日間で目指すのは、ブラウザ上で動くシンプルな電卓—— ...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 数当てゲーム編
1日目のゴールと全体像この7日間の新しいテーマは「数当てゲーム」です。 コンピュータがこっそり決めた数字を、プレイヤーが何度かのチャレンジで当てていく——とてもシンプルで、でもプログラミングの基礎を学...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ タイマー編
1日目のゴールと全体像この7日間の新しいテーマは「タイマーアプリ」です。 ストップウォッチが「時間がどれだけ経ったか」を測るものだとしたら、 タイマーは「指定した時間までカウントダウンする」タイプの時...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ ストップウォッチ編
1日目のゴールと全体像この7日間の新しいテーマは「ストップウォッチアプリ」です。 時間を測る、誰もがイメージしやすい小さなアプリを題材にして、Pythonの文法をもう一度、別の角度から体に馴染ませてい...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 年齢計算編
1日目のゴールと全体像この7日間の新しいテーマは「年齢計算アプリ」です。 生年月日から現在の年齢を計算する、小さくて身近なアプリを題材にして、Python文法の基礎をもう一度、別の角度から体に馴染ませ...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ BMI計算編
1日目のゴールと全体像この7日間の学習では、Pythonで「BMI計算アプリ」を作りながら、文法の基礎を体に馴染ませていくことを目標にします。 1日目のテーマは、電卓のときと同じく、次の5つの柱です。...
Python Python | 1 日 60 分 × 7 日アプリ学習：Python文法を学ぶアプリ 電卓編
1日目のゴールと全体像この7日間の学習では、Pythonで「電卓アプリ」を作りながら、自然に文法を身につけていくことを目標にします。 1日目のテーマは、電卓アプリの“土台”になる5つの要素です。変数 ...
Java Java | 1 日 120 分 × 7 日アプリ学習 中級編：オブジェクト指向（OOP） － ポリモーフィズムアプリ
ポリモーフィズム1日目のゴールポリモーフィズム（多態性）1日目のテーマは 「同じ命令で違う動き」 を体で理解することです。継承アプリで学んだ「共通部分をまとめる」が、 “使う側のコードをシンプルにする...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day14：日時処理の練習問題
Day14 日時処理・練習問題と解答解説Day14 で学んだ DateTime と TimeSpan を確実に身につけるために、 初心者でも理解しやすい練習問題と丁寧な解答・解説をまとめています。 日...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day14：日時処理
Day14 前半のゴールDay14 前半では、プログラムで「日時を扱うための基礎」を身につけます。 日時処理は、年齢計算・締め切り管理・カウントダウン・ログ記録など、 あらゆるアプリケーションで必ず必...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day13：ファイル操作の練習問題
Day13 ファイル操作・練習問題と解答解説Day13 で学んだ File / StreamReader / StreamWriter を確実に身につけるために、 初心者でも理解しやすい練習問題と丁寧...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day13：ファイル操作
Day13 前半のゴールDay13 前半では、プログラムから「ファイルを読み書きする」ための基本機能を学びます。 テキストファイルにメモを保存したり、ログを残したりする処理は、実用的なアプリケーション...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day12：例外処理の練習問題
Day12 例外処理・練習問題と解答解説Day12 で学んだ try / catch / finally / throw を確実に身につけるために、 初心者でも理解しやすい練習問題と丁寧な解答・解説を...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day12：例外処理
Day12 前半のゴールDay12 前半では、プログラムの「異常な状態」を安全に処理するための 例外処理（Exception Handling） を学びます。 例外処理は、初心者が最初に戸惑うポイント...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day11：Dictionaryの練習問題
Day11 Dictionary 練習問題と解答解説Day11 で学んだ Dictionary<TKey, TValue> / Add / Remove / ContainsKey を確実に定着させる...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day11：Dictionary
Day11 前半のゴールDay11 前半では、キーと値をセットで管理できる Dictionary<TKey, TValue> を学びます。 Dictionary は「名前 → 電話番号」「学生ID →...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day10：Listの練習問題
Day10：List 練習問題と解答解説Day10 で学んだ List<T> / Add / Remove / Insert / Contains / Sort を確実に定着させるために、 初心者でも...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day10：List
Day10 前半のゴールDay10 前半では、List<T>（リスト） を使って「増える・減るデータ」を扱う方法を学びます。 配列は「サイズが固定」でしたが、リストは 自由に追加・削除できる柔軟なデー...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day9：文字列操作の練習問題
Day9 文字列操作・練習問題と解答解説Day9 で学んだ Length / Substring / Split / Replace / Trim / ToUpper / ToLower / Stri...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day9：文字列操作
Day8 前半のゴールDay8 前半では、文字列を自在に扱うための 文字列操作の基本機能 を身につけます。 文字列操作は、入力チェック・データ加工・ファイル処理・Web開発など、あらゆる場面で必須とな...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day8：メソッドの練習問題
Day8 メソッド・練習問題と解答解説Day8 で学んだ メソッド・引数・戻り値・オーバーロード をしっかり定着させるための練習問題と、 初心者でも理解しやすい丁寧な解答・解説をまとめています。 メソ...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基本機能を身に付ける － Day8：メソッド
Day8 前半のゴールDay8 前半では、C# の重要機能である メソッド（Method） を学びます。 メソッドは「処理をひとまとめにして再利用できる仕組み」であり、 プログラムを読みやすくし、複雑...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day7：総復習①
Day7 前半のゴールDay7 は 総復習① として、これまで学んだ C# の基礎文法を「実際のプログラム」にまとめていく日です。 前半では、次の 3 つのプログラムのうち、考え方と基本構造を中心に整...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day6：配列の練習問題
Day6 配列・練習問題と解答解説Day6 で学んだ 配列・添字・Length・多次元配列 をしっかり定着させるための練習問題と、 初心者でも理解しやすい丁寧な解答・解説をまとめています。 配列は「複...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day6：配列
Day6 前半のゴールDay6 前半では、配列（Array） を使って複数のデータをまとめて扱う方法を学びます。 配列は「同じ種類のデータをまとめて管理する箱」のような存在で、 合計・最大値・最小値・...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day5：繰り返し処理の練習問題
Day5 繰り返し処理・練習問題と解答解説Day5 で学んだ for / while / do-while / foreach / break / continue をしっかり定着させるための練習問題...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day5：繰り返し処理
Day5 前半のゴールDay5 前半では、プログラムに「繰り返す力」を与える ループ処理 を学びます。 繰り返し処理は、条件分岐と並んでプログラミングの基礎の中でも特に重要なテーマです。 ここで扱う構...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day4：条件分岐の練習問題
Day4 条件分岐・練習問題と解答解説Day4 で学んだ if / else / else if / switch をしっかり定着させるための練習問題と、 初心者でも理解しやすい丁寧な解答・解説をまと...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day4：条件分岐
Day4 前半のゴールDay4 前半では、C# に「状況に応じて処理を変える力」を与える 条件分岐 を学びます。 条件分岐は、プログラムに“判断力”を持たせるための最重要テーマです。 ここで扱う構文は...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day3：演算子の練習問題
Day3 練習問題セット（演算子）Day3 では 算術演算子・比較演算子・論理演算子・インクリメント／デクリメント を学びました。 ここでは、その内容をしっかり定着させるための練習問題と、ていねいな解...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day3：演算子
Day3 前半のゴールDay3 の前半では、C#で計算や比較、条件判断を行うための 「演算子」 を理解することを目標とする。 ここで扱うのは、次の4つです。算術演算子 比較演算子 論理演算子 インクリ...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day2：変数とデータ型も練習問題
Day2 練習問題セット（変数とデータ型）Day2 のテーマは 変数とデータ型を正しく使えるようになること。 ここでは、学習内容に完全に沿った練習問題と、初心者でも理解しやすい解答・解説をまとめている...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day2：変数とデータ型
Day2 前半のゴールDay2 の前半では、C# の学習で最も重要な基礎となる 「変数」と「データ型」 をしっかり理解することを目標にする。 プログラミングは「値を覚えておく」「計算する」「条件で分岐...
30日で身につけるC# C# | ゼロからはじめるプログラミング、30日で基礎を学ぶC#：基礎文法を学ぶ － Day1：C#とは・開発環境の準備
Day1のゴールと全体像このDay1では、C#でプログラミングを始めるための「土台」を作ることを目標とする。 扱うテーマは次のようなものだ。C#とは何か .NETとは何か 開発環境（Visual St...
SQL Java | 「赤黒木」と「AVL木」をもっと深く理解する
Javaで考える「赤黒木」と「AVL木」をもっと深く理解する（前半）赤黒木（Red-Black Tree）や AVL 木は、 「常にバランスを保つ二分探索木」というカテゴリの代表選手です。 これらを理...
Java Java | 「木構造の距離計算」をもっと深く理解する
Javaで考える「木構造の距離計算」をもっと深く理解する（前半）木構造の距離をきちんと理解できると、ツリー探索・木DP・グラフアルゴリズムが一気につながって見えるようになります。 距離は「ノード同士が...
Java Java | ツリー構造を「再帰」で処理する
Javaのツリー構造を「再帰」で処理するという発想（前半）ツリー構造を扱うとき、再帰はほとんど「チート級」に相性が良いテクニックです。 フォルダ階層、メニュー構造、組織図、DOMツリー、JSONのネス...
Java Java | Tree Dynamic Programming
Javaで学ぶ「木DP（Tree Dynamic Programming）」（前半）木DP（Tree DP）は、動的計画法（Dynamic Programming）と木構造（ツリー）が組み合わさったテ...
Java Java | グラフ探索アルゴリズム
Javaで学ぶ「グラフ探索アルゴリズム」（前半）グラフ探索アルゴリズムは、アルゴリズム学習の中でも「一段レベルが上がる」テーマです。 SNSの友達関係、道路の経路、依存関係、ネットワーク構造など、 現...
Java Java | アルゴリズムとデータ構造
Javaで学ぶ「アルゴリズムとデータ構造」（前半）アルゴリズムとデータ構造は、Javaに限らずすべてのプログラミング言語で「土台」になる考え方です。 文法を覚えるだけでは、コードは書けても「うまい設計...
Java Java | ソートアルゴリズムを体系的に学ぶ
Javaでソートアルゴリズムを体系的に学ぶ（前半）ソート（並べ替え）は、アルゴリズムの世界で最も基本的でありながら、 「きちんと体系的に理解しているか」がはっきり差になるテーマです。 配列やリストを昇...
Java Java | 再帰のセキュリティ上の注意点
Javaで考える「再帰のセキュリティ上の注意点」（前半）再帰は、アルゴリズムを美しく書ける強力なテクニックです。 ツリー探索、ファイル走査、数列計算、パーサ、バックトラッキングなど、 多くの場面で再帰...
Java Java | フィボナッチを高速化する方法
Javaで学ぶ「フィボナッチを高速化する方法」（前半）フィボナッチ数列は、アルゴリズム学習の定番テーマです。 しかし、素直な再帰で書いたフィボナッチは「とんでもなく遅い」コードになります。 前半では、...
Java Java | ツリー構造の実践的な操作
Javaで学ぶ「ツリー構造の実践的な操作」（前半）ツリー構造は、アルゴリズムの教科書だけの話ではなく、実務で頻繁に登場するデータ構造です。 フォルダ階層、メニュー構造、組織図、JSON、XML、DOM...
Java Java | 「二分探索木（BST）」をもっと深く理解する
Javaで学ぶ「二分探索木（BST）」をもっと深く理解する（前半）二分探索木（Binary Search Tree, BST）は、「探索を速くするための木構造」です。 配列やリストでの線形探索に比べて...
Java Java | 木構造の最短経路・距離計算
Javaで学ぶ「木構造の最短経路・距離計算」（前半）木構造の「距離」や「最短経路」は、アルゴリズムの世界でも実務でもよく登場するテーマです。 フォルダ間の距離、組織図での上下関係の距離、ネットワーク構...
Java Java | アルゴリズムの計算量
Javaで学ぶ「アルゴリズムの計算量」（前半）アルゴリズムの計算量は、「そのコードがどれくらい遅くなる可能性があるか」を見抜くためのものです。 小さい入力では気にならなくても、データ量が増えた瞬間に「...
Java Java | ツリー構造の探索アルゴリズム
Javaで学ぶ「ツリー構造の探索アルゴリズム」（前半）ツリー構造は、プログラミングの世界で非常に重要なデータ構造です。 フォルダ階層、組織図、JSON、DOM、抽象構文木など、現場で触れるものの多くが...
Java Java | 「動的計画法」を体系的に理解する
Javaで学ぶ「動的計画法」を体系的に理解する（前半）動的計画法（Dynamic Programming, DP）は、アルゴリズムの世界で非常に重要なテクニックです。 「難しそう」「数学っぽくて怖い」...
Java Java | 再帰とループの最適な使い分け
Javaで学ぶ「再帰とループの最適な使い分け」（前半）Javaを学び始めると、多くの読者が「再帰とループ、どっちを使えばいいのか？」という疑問にぶつかります。 どちらも「繰り返し」を表現する手段ですが...
Java Java | 再帰の高速化テクニック
Javaで学ぶ「再帰の高速化テクニック」（前半）再帰は美しく書ける反面、処理が遅くなりやすいという弱点があります。 特に Java の再帰は「関数呼び出しのコスト」や「スタックの深さ」に影響されるため...
Java Java | 再帰的なアルゴリズムの実例集
Javaで学ぶ再帰アルゴリズム（前半）Javaの再帰は、初心者にとって「少し難しそう」に見えるテーマですが、実は仕組みが分かればとてもシンプルです。 この前半では、再帰の基本構造、Javaでの書き方、...
JavaScript JavaScript | 再帰的なアルゴリズムの実例集
再帰アルゴリズムとは何か（やさしい入口）「再帰（さいき）」という言葉は少し難しく聞こえますが、アイデア自体はシンプルです。 再帰とは「関数が自分自身を呼び出すこと」です。JavaScriptでは、ある...
JavaScript JavaScript | HTML / CSS 連携：CSS基礎 － 子孫セレクタ
子孫セレクタは「この中にある“全部の○○”にスタイルを当てるための選び方」子孫セレクタは、 「ある要素の“内側にある”別の要素たちをまとめて選ぶためのセレクタ」です。書き方はとてもシンプルで、 セレク...
JavaScript JavaScript | HTML / CSS 連携：CSS基礎 － IDセレクタ
IDセレクタは「ページの中で“この1つだけ”を指さすための名前」IDセレクタは、 「このページの中で、たった1つの特別な要素にスタイルを当てるための“固有の名前”」を扱う仕組みです。CSS側では # ...
JavaScript JavaScript | HTML / CSS 連携：CSS基礎 － クラスセレクタ
クラスセレクタは「意味のグループに“共通の見た目”を当てるための仕組み」クラスセレクタは、 「このクラス名が付いている要素たちに、共通のスタイルを当てる」ためのCSSの“選び方”です。CSS側では ....
JavaScript JavaScript | HTML / CSS 連携：CSS基礎 － セレクタ
セレクタは「どのHTML要素に、このCSSルールを“当てるか”を決めるもの」CSSの役割は「見た目のルールを書くこと」ですが、 その前に必ずやることがあります。「このルールを、どの要素に適用するか？」...
JavaScript JavaScript | HTML / CSS 連携：CSS基礎 － CSSの役割
CSSの役割は「見た目のルールをHTMLから“切り離して”管理すること」まず一番大事なところからいきます。HTMLの役割：ページの“中身”と“構造”を書くもの CSSの役割：その中身の“見た目”と“装...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － autocomplete
autocomplete は「ブラウザに“ここには何の情報が入るか”を教えるための属性」autocomplete は、 「この入力欄には、ユーザーのどんな情報が入るのか」をブラウザに教えるための属性 ...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － pattern
pattern は「この入力欄の“合格パターン”を正規表現で決めるためのルール」pattern は、 「この入力欄には、こういう形の文字列だけを“正解”として受け付けてほしい」 とブラウザに伝えるため...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － required
required は「ここは“絶対に空で送らせない”ためのスイッチ」required は、 「この入力欄は必須です。空のままフォームを送信させないでください」 とブラウザに伝えるための属性です。ユーザ...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － placeholder
placeholder は「入力欄の中に表示する“ヒントテキスト”」placeholder は、 入力欄の中に薄い文字で表示される「ここには何を書けばいいか」のヒント です。ラベルが「名前」だけだと、...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － range入力
range入力は「スライダーで“数値の範囲”から直感的に選んでもらう入力欄」type="range" は、 ユーザーに「ある範囲の数値」を、スライダーを動かして選んでもらうための入力欄 です。テキスト...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － color入力
color入力は「カラーピッカーで“色そのもの”を選んでもらうための入力欄」type="color" は、 ユーザーに「色」を選んでもらうための専用入力欄 です。テキスト入力で #ff0000 みたい...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － date入力
date入力は「カレンダーUIで“正しい日付”を確実に受け取るための入力欄」type="date" は、 ユーザーに「日付」を入力してもらうための専用入力欄 です。テキスト入力と違い、 ブラウザが「カ...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － file入力
file入力は「ユーザーのPCやスマホから“ファイルそのもの”を受け取るための入り口」type="file" は、 ユーザーの端末（PC・スマホ）の中から、画像やPDFなどの「ファイルそのもの」を選ん...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － radioボタン
radioボタンは「グループの中から“必ず1つだけ”選んでもらうための入力欄」type="radio" は、 「いくつかの候補の中から、ユーザーに“1つだけ”選んでもらうための入力欄」 です。チェック...
JavaScript JavaScript | HTML / CSS 連携：フォーム応用 － checkbox
checkbox は「ON/OFF や“複数選択”を表現するためのスイッチ」type="checkbox" は、 「その項目を選ぶか選ばないか（ON/OFF）を表現するための入力欄」 です。「利用規約...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － button
button 要素は「ユーザーに“何かのきっかけ”を押してもらうためのスイッチ」<button> は、 「ユーザーにクリック（タップ）してもらうことで、何かの処理を始めるためのスイッチ」 です。フォー...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － option
option 要素は「select の中の“1つぶんの選択肢”」<option> は、 「select の中に並ぶ、1 つ 1 つの“選べる候補”」 を表すタグです。<select> が「選択メニュー...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － select
select は「候補の中から選んでもらうための“選択メニュー”」<select> は、 「あらかじめ用意した選択肢の中から、ユーザーに選んでもらうための入力欄」 です。テキストボックスや texta...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － textarea
textarea は「長文や複数行の文章を入れてもらうための入力欄」<textarea> は、 「ユーザーに“複数行の文章”や“長めのテキスト”を入力してもらうための専用の入力欄」 です。input ...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － number入力
number入力は「数値だけを入れてもらうための“賢い入力欄”」type="number" の入力欄は、 ユーザーに 「数字だけ」を入力してもらうための専用の入り口 です。年齢 個数 価格 点数 割合...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － email入力
email入力は「メールアドレス専用の“賢いテキスト入力欄”」type="email" の入力欄は、 「ユーザーにメールアドレスを入力してもらうための、ちょっと賢いテキスト入力」 です。見た目はほぼ ...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － password入力
password入力は「中身を隠しながら文字を受け取るための入力欄」type="password" の入力欄は、 「ユーザーに文字を入力してもらうけれど、画面上では中身を見えなくする」 ための特別なテ...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － text入力
text入力は「なんでも文字を入れてもらうための“1行の入力欄”」type="text" の入力欄は、 「ユーザーに自由な文字列を 1 行ぶん入力してもらうための入り口」 です。名前 タイトル ニック...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － inputタグ
input 要素は「ユーザーから“1つの値”を受け取るための入り口」<input> は、 ユーザーから たった 1 つの値を受け取るためのパーツ です。名前 メールアドレス パスワード チェックの O...
JavaScript JavaScript | HTML / CSS 連携：フォーム基礎 － formタグ
form 要素は「入力をひとまとめにして“送信するための枠”」<form> は、 「ユーザーの入力をひとまとまりにして、どこかへ送るための“フォーム全体の箱”」 です。テキストボックス チェックボック...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － ローディングスピナーCSSのみ
ローディングスピナーは「処理中だよ」とユーザーに安心感を伝える UIローディングスピナーは、 「今、裏側で処理しているから少し待ってね」 という状態を視覚的に伝えるための UI パーツです。CSSだけ...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － モーダルCSSのみ実装
モーダルは「画面の主役を一時的に切り替える」UIパーツモーダルは、ユーザーの視線と操作を一時的に“ひとつの領域”へ集中させるための UI です。 CSSだけで実装する場合は、 チェックボックス（または...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － ツールチップCSSのみ
ツールチップは「補足情報を、邪魔せず、そっと添える」UIパーツツールチップは、ボタンやアイコンの近くに ふわっと現れる説明文。 ユーザーの操作を邪魔せず、必要なときだけ情報を出すのが役割です。CSSだ...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － トグルスイッチCSSのみ
トグルスイッチは「ON/OFF を直感的に伝える」UIパーツチェックボックスやラジオボタンよりも、 トグルスイッチは “状態の変化が視覚的に分かりやすい” のが最大の強み。CSSだけで作る場合は、 非...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － ラジオボタンカスタム
ラジオボタンカスタムは「選択状態を“気持ちよく”伝える」UIテクニックラジオボタンは 「複数の中から1つだけ選ぶ」 という重要な役割を持つ UI パーツ。 だからこそ、選択状態がひと目で分かり、押しや...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － チェックボックスカスタム
チェックボックスカスタムは「見た目を変えても、意味はそのまま」にする UI テクニックチェックボックスはフォームの中でも“意味が強い”パーツなので、 見た目を変えても、チェックできる・外せる・状態が分...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － プレースホルダー装飾
プレースホルダー装飾は「入力前のガイド」を美しく・分かりやすくするテクニックプレースホルダー（placeholder）は、 「何を入力すればいいか」 を示す大事な UI の一部です。しかし、デフォルト...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － 入力フォームフォーカス装飾
入力フォームのフォーカス装飾は「入力しやすさ」と「安心感」を作る UI の要フォームはユーザーが“手を動かす場所”なので、 フォーカスした瞬間に 「ここに入力していいんだ」 と伝える視覚的サインが必要...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － 立体ボタン設計
立体ボタンは「影・光・奥行き」で“触れる質感”を作る UI テクニック平面的なボタンより、立体ボタンは 「押せそう」「触れそう」 という感覚を強く伝えます。 そのために必要なのは、 影（box-sha...
CSS CSS Tips | 超実務コアCSSテクニック：UIパーツ － ボタンホバーアニメ
ボタンホバーアニメは「クリック前のワクワク」をデザインするボタンって、ただ押せればいいパーツじゃなくて 「ここを押すと何かが始まる」という期待を伝える場所でもあります。ホバーアニメーションは、 その“...
JavaScript JavaScript Tips | 配列ユーティリティ：並び順復元
テーマの整理：「並び順復元」とは何か「並び順復元」は、以前保存しておいた“並び順情報”を使って、最新の配列を同じ順番に並べ直すユーティリティのことです。 直前の「並び順保存」が「順番を覚える」だとした...
JavaScript JavaScript Tips | 配列ユーティリティ：並び順保存
テーマの整理：「並び順保存」とは何か「並び順保存」は、ユーザーが並べ替えた配列の順番を、あとで再現できるように“記録しておく”ユーティリティのことです。 業務だと、次のような場面でよく出てきます。画面...
JavaScript JavaScript Tips | 配列ユーティリティ：UI 用整形
テーマの整理：「UI 用整形」とは何か「UI 用整形」は、配列データを「画面コンポーネントが扱いやすい形」に変換するユーティリティのことです。 API や DB から取ってきた“生データ”は、そのまま...
JavaScript JavaScript Tips | 配列ユーティリティ：API レスポンス整形
テーマの整理：「API レスポンス整形」とは何か「API レスポンス整形」は、外部 API から返ってきた“生のレスポンス”を、アプリ側で扱いやすい配列・オブジェクトの形に変換するユーティリティのこと...
JavaScript JavaScript Tips | 配列ユーティリティ：可視化用変換
テーマの整理：「可視化用変換」とは何か「可視化用変換」は、生の配列データを「グラフライブラリがそのまま読める形」に整えるユーティリティのことです。 業務だと、次のような場面でよく使います。売上データを...
JavaScript JavaScript Tips | 配列ユーティリティ：統計情報生成
テーマの整理：「統計情報生成」とは何かここでの「統計情報生成」は、配列に入っている数値データから、もう一歩踏み込んだ“統計的な指標”を計算するユーティリティのことです。 サマリー生成が「合計・平均・最...
JavaScript JavaScript Tips | 配列ユーティリティ：サマリー生成
テーマの整理：「サマリー生成」とは何かここでの「サマリー生成」は、配列に入っているたくさんのデータを「要約・集計」して、業務で使いやすい形にまとめるユーティリティのことです。 「生データの配列」から、...
JavaScript JavaScript Tips | 配列ユーティリティ：バリデーション
テーマの整理：「配列バリデーション」とは何かここでの「バリデーション」は、配列の中身が「業務で期待している形・値になっているか」をチェックすることです。 特に「オブジェクト配列」（レコード一覧）に対し...
JavaScript JavaScript Tips | 配列ユーティリティ：型変換一括
テーマの整理：「型変換一括」とは何かここでの「型変換一括」は、配列の中のオブジェクトに対して「特定のプロパティの型をまとめて変換する」ユーティリティのことです。 業務だと、次のような場面でよく出てきま...
JavaScript JavaScript Tips | 配列ユーティリティ：欠損補完
テーマの整理：「欠損補完」とは何かここでの「欠損補完」は、配列の中にある「抜けている値・足りないレコード」を、一定のルールで埋めるユーティリティのことです。 業務だと、次のような場面でよく出てきます。...
JavaScript JavaScript Tips | 配列ユーティリティ：配列正規化
テーマの整理：「配列正規化」とは何かここでの「配列正規化」は、バラバラな形・揺れのある配列データを、「扱いやすい一定の形」にそろえるユーティリティのことです。 業務だと、次のような場面でよく出てきます...
JavaScript JavaScript Tips | 配列ユーティリティ：行列転置
テーマの整理：「行列転置」とは何かここでの「行列転置」は、二次元配列（表データ）で「行と列を入れ替える」ユーティリティのことです。 業務だと、次のような場面で出てきます。Excel で「行と列を入れ替...
JavaScript JavaScript Tips | 配列ユーティリティ：カラム削除
テーマの整理：「カラム削除」とは何かここでの「カラム削除」は、オブジェクト配列から「いらない列（プロパティ）」を取り除くためのユーティリティです。 業務だと、次のような場面でよく使います。機密情報（パ...
JavaScript JavaScript Tips | 配列ユーティリティ：カラム抽出
テーマの整理：「カラム抽出」とは何かここでの「カラム抽出」は、オブジェクト配列から「欲しい列だけ」を取り出すためのユーティリティです。 業務だと、次のような場面でよく使います。画面の一覧では 10 項...
JavaScript JavaScript Tips | 配列ユーティリティ：表データ生成
テーマの整理：「表データ生成」とは何かここで扱う「表データ生成」は、配列から「表として扱いやすい形」を作るためのユーティリティです。 業務だと、次のような場面でよく出てきます。画面に一覧テーブルを表示...
JavaScript JavaScript Tips | 配列ユーティリティ：Excel 行変換
テーマの整理：「Excel 行変換」とは何かここで扱うのは、「JavaScript の配列（オブジェクト配列）を、Excel の“行”として扱いやすい形に変換するユーティリティ」です。 業務だと、次の...
JavaScript JavaScript Tips | 配列ユーティリティ：JSON 変換
テーマの整理：「配列ユーティリティ × JSON 変換」とは何かここで扱うのは、「JavaScript の配列を JSON 文字列に変換する」「JSON 文字列から配列に戻す」ための、業務でそのまま使...
JavaScript JavaScript Tips | 配列ユーティリティ：CSV 変換
テーマの整理：「配列ユーティリティ × CSV 変換」とは何かここで扱うのは、「JavaScript の配列（オブジェクト配列）を、業務でそのまま使える CSV 文字列に変換するユーティリティ」です。...
JavaScript JavaScript Tips | 配列ユーティリティ：ログ出力
テーマの整理：「配列ユーティリティ × ログ出力」とは何かここで話したいのは、「配列を扱う処理の動きや結果を、きちんとログに残すための小さなユーティリティ」です。 業務コードでは、配列まわりでバグが起...
JavaScript JavaScript Tips | 配列ユーティリティ：差分検出
テーマの整理：「差分検出」とは何か「差分検出」は、“前の配列”と“今の配列”を比べて、「何が増えたか」「何が消えたか」「何が変わったか」をはっきりさせるためのテクニックです。 業務だと、次のような場面...
JavaScript JavaScript Tips | 配列ユーティリティ：配列変更監視
テーマの整理：「配列変更監視」とは何か「配列変更監視」は、配列の中身が変わった瞬間を検知して、何かの処理（再計算・再描画・ログなど）を自動で走らせるための仕組みです。 業務だと、例えば次のような場面で...
JavaScript JavaScript Tips | 配列ユーティリティ：メモ化配列
テーマの整理：「メモ化配列」とは何か「メモ化配列」は、配列を入力にする処理の結果を“覚えておいて”、同じ入力に対しては再計算せずに結果を返す仕組みです。 さっきの「配列キャッシュ」とほぼ同じ考え方です...
JavaScript JavaScript Tips | 配列ユーティリティ：配列キャッシュ
テーマの整理：「配列キャッシュ」とは何か「配列キャッシュ」は、一度計算した「配列に対する結果」を覚えておいて、同じ入力に対しては再計算せずに使い回すための仕組みです。 業務だと、こんな場面で欲しくなり...
JavaScript JavaScript Tips | 配列ユーティリティ：件数制御実行
テーマの整理：「件数制御実行」とは何か「件数制御実行」は、配列の要素に対する非同期処理を「一度に何件まで動かすか」をきちんと制御しながら実行するユーティリティです。 イメージとしては「同時実行数を制限...
JavaScript JavaScript Tips | 配列ユーティリティ：並列処理
テーマの整理：「並列処理」とは何かここでいう「並列処理」は、配列の要素に対する非同期処理を「同時に複数まとめて動かす」ことです。 順次処理（1 件ずつ）に比べて速く終わりやすい一方で、負荷やレート制限...
Java Java Tips | I/O・ネットワーク：CSV書き込み
業務で「CSV書き込みユーティリティ」が必要になる理由CSVは、外部ベンダーへのデータ提供、他システムへの連携、ユーザーへのエクスポート、バックアップなど、業務システムの「出口」としてめちゃくちゃよく...
Java Java Tips | I/O・ネットワーク：CSV読み込み
業務で「CSV読み込みユーティリティ」が必要になる理由CSVは、業務システムで一番よく使われるデータ形式のひとつです。 顧客一覧、売上データ、設定情報、外部ベンダーとの連携ファイル——どれもだいたい ...
Java Java Tips | I/O・ネットワーク：BOM除去
BOM（Byte Order Mark）とは何か、なぜ業務で「除去」が必要になるのかBOM（Byte Order Mark）は、テキストファイルの先頭に付く 「このファイルは UTF-8 だよ」 とい...
Java Java Tips | I/O・ネットワーク：文字コード変換
業務で「文字コード変換ユーティリティ」が必要になる場面業務システムでは、UTF-8 だけで世界が完結してくれれば楽ですが、現実はそうはいきません。 古い社内システムが Shift_JIS、外部ベンダー...
Java Java Tips | I/O・ネットワーク：再帰zip
「再帰zip」ユーティリティが業務で活きる場面再帰zipという言葉が少し硬く聞こえるかもしれませんが、やっていることはシンプルです。 「あるディレクトリを指定したら、その配下のサブディレクトリも含めて...
Java Java Tips | I/O・ネットワーク：tar対応
業務で「tar対応」ユーティリティが必要になる場面ZIP は Windows 文化、tar は Unix/Linux 文化——そんなイメージがあります。 業務システムでも、サーバーが Linux だっ...
Java Java Tips | I/O・ネットワーク：zip解凍
なぜ「zip解凍ユーティリティ」が業務で重要になるのかZIP は「複数ファイルをまとめる箱」です。レポート一式、バックアップ、ユーザーへの一括ダウンロードなど、業務システムでは ZIP を受け取って中...
Java Java Tips | I/O・ネットワーク：zip圧縮
なぜ「zip圧縮ユーティリティ」が業務で強い武器になるのかgzip が「1ファイル専用の圧縮袋」だとしたら、ZIP は「複数ファイルをまとめる箱」です。 業務システムでは、レポート一式、エクスポート結...
Java Java Tips | I/O・ネットワーク：gzip解凍
なぜ「gzip解凍ユーティリティ」が業務で必須になるのか業務システムでは、ログ、CSV、JSON、バックアップファイルなどを gzip で圧縮して保存・転送することがよくあります。 その結果、「読むと...
Java Java Tips | I/O・ネットワーク：gzip圧縮
gzip圧縮ユーティリティは何のために必要なのか業務システムでは、ログ、CSV、JSON、バックアップファイルなど「サイズが大きくなりがちなデータ」を扱う場面が多くあります。 そのまま保存するとディス...
Java Java Tips | I/O・ネットワーク：ストリームコピー
ストリームコピーって何をするユーティリティなのか「ストリームコピー」は、InputStream から OutputStream へバイト列をそのまま流す処理です。 ざっくり言うと「どこかから読んだデー...
Java Java Tips | I/O・ネットワーク：バイト読み込み
なぜ「バイト読み込み」ユーティリティが業務で必要になるのかテキストファイルだけなら「行単位」「文字列単位」の読み込みで十分ですが、業務システムではそれだけでは足りません。 PDF、画像、ZIP、Exc...
Java Java Tips | I/O・ネットワーク：行単位読み込み
なぜ「行単位読み込み」ユーティリティが業務で効いてくるのか業務システムで扱うファイルは、CSV、ログ、設定ファイルなど「1行＝1レコード」「1行＝1メッセージ」という形がとても多いです。 このとき、フ...
Java Java Tips | I/O・ネットワーク：ファイル書き込み
業務で使える「ファイル書き込みユーティリティ」とは何か業務システムでは、ログ出力、CSVエクスポート、レポート生成、一時ファイルの保存など、「ファイルに書く」場面が必ず出てきます。 そのたびに Fil...
Java Java Tips | I/O・ネットワーク：ファイル読み込み
業務で使える「ファイル読み込みユーティリティ」とは何か業務システムでは、設定ファイル、CSV、ログ、インポート用データなど、「ファイルを読む」場面が必ず出てきます。 毎回その場で FileInputS...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel見積書作成
Excel見積書作成は「テンプレートに自動で値を流し込み、見積書作成をゼロ秒にする」ための最強スキルあなたのように業務効率化を本気で考える人にとって、 Excel見積書作成の自動化は“ミス防止 × 時...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel請求書作成
Excel請求書作成は「テンプレートに自動で値を流し込み、請求書作成をゼロ秒にする」ための最強スキルExcel請求書作成の自動化は“ミス防止 × 時間削減 × 品質向上”を同時に達成できる最重要領域 ...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel在庫集計
Excel在庫集計は「入庫・出庫・在庫残を自動計算し、在庫管理のミスをゼロにする」ための最強スキルあなたのように業務効率化を本気で考える人にとって、 在庫集計の自動化は“現場の混乱をなくし、正確な在庫...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel勤怠集計
Excel勤怠集計は「出勤・退勤・休憩・残業などの勤怠データを自動で計算し、給与計算に使える形へ整形する」ための最強スキルあなたのように業務効率化を本気で考える人にとって、 勤怠集計の自動化は“ミス防...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel売上集計
Excel売上集計は「バラバラな売上データを一瞬でまとめて、分析・レポートに使える形にする」ための最強スキルあなたがやりたいことは、まさに「現場の数字を意思決定に使える形に変える」ことです。 その入口...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excelテンプレ自動入力
Excelテンプレ自動入力は「決まったフォーマットにデータを自動で流し込み、帳票作成をゼロ秒にする」ための最強スキル業務効率化を本気で考える人にとって、 Excelテンプレート自動入力は“Python...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excelデータ整形
Excelデータ整形は「バラバラなExcelを自動で綺麗に整え、分析・レポート作成できる状態に変換する」ための最強スキル業務効率化を本気で考える人にとって、 Excelデータ整形の自動化は“Pytho...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel差分比較
Excel差分比較は「2つのExcelの違いを自動で検出し、変更点だけを抽出して確認作業をゼロにする」ための最強スキル業務効率化を本気で考える人にとって、 Excel差分比較の自動化は“ミス防止 × ...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excelエラーチェック
Excelエラーチェックは「Excelの入力ミス・欠損・異常値を自動で検出し、正しいデータだけを業務に流す」ための最強スキル業務効率化を本気で考える人にとって、 Excelエラーチェックの自動化は“品...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excelデータ検証
Excelデータ検証は「入力ミスを自動で防ぎ、正しいデータだけをExcelに入れられるようにする」ための最強スキル業務効率化を本気で考える人にとって、 Excelデータ検証（Data Validati...
PHP PHP Tips | 文字列処理：入力補助 － 文字種判定（英字/数字/記号）
何をしたいユーティリティなのか「文字種判定（英字/数字/記号）」は、 ある文字列の中に「英字」「数字」「記号」がどれくらい含まれているか、 あるいは「この文字列は英字だけか？数字だけか？記号を含んでい...
PHP PHP Tips | 文字列処理：入力補助 － 指定文字出現回数カウント
何をしたいユーティリティなのか「指定文字出現回数カウント」は、 ある文字列の中に「特定の文字（または短い文字列）が何回出てくるか」を数えるためのユーティリティです。例えば、カンマが何個あるか改行が何回...
PHP PHP Tips | 文字列処理：入力補助 － 改行数カウント
何をしたいユーティリティなのか「改行数カウント」は、 ある文字列の中に「改行が何回含まれているか」を数えるためのユーティリティです。問い合わせフォームの本文、コメント欄、メモ入力など、 ユーザーが自由...
PHP PHP Tips | 文字列処理：入力補助 － 絵文字除去
何をしたいユーティリティなのか「絵文字除去」は、その名の通り、 ユーザーが入力したテキストから「絵文字だけ」を取り除くためのユーティリティです。スマホからの入力だと、文章の中に自然に絵文字が混ざります...
PHP PHP Tips | 文字列処理：入力補助 － 数値文字列判定
何をしたいユーティリティなのか「数値文字列判定」は、 「この文字列、ちゃんと“数値として扱っていいやつ”か？」をチェックするためのユーティリティです。フォーム入力、クエリパラメータ、JSON の値など...
PHP PHP Tips | 文字列処理：入力補助 － JSON → 配列（型安全）
何をしたいユーティリティなのか「JSON → 配列（型安全）」は、 文字列として渡されてきた JSON を「PHP の配列」に変換するときに、ちゃんと JSON として正しいかチェックする期待している...
PHP PHP Tips | 文字列処理：入力補助 － 配列 → JSON（pretty）
何をしたいユーティリティなのか「配列 → JSON（pretty）」は、 PHP の配列や連想配列を「人間が読みやすい JSON 文字列」に変換するユーティリティです。普通の json_encode ...
PHP PHP Tips | 文字列処理：入力補助 － 配列 → カンマ区切り文字列
何をしたいユーティリティなのか「配列 → カンマ区切り文字列」は、その名の通り、['apple', 'orange', 'banana']['apple', 'orange', 'banana']PH...
PHP PHP Tips | 文字列処理：入力補助 － カンマ区切り文字列 → 配列
何をしたいユーティリティなのか「カンマ区切り文字列 → 配列」は、 例えばこんな入力を、"apple,orange,banana"こういう配列に変換するユーティリティです。CSV 風の入力、ID の一...
PHP PHP Tips | 文字列処理：入力補助 － 空白区切り文字列 → 配列
何をしたいユーティリティなのか「空白区切り文字列 → 配列」は、 例えばこんな入力を、"apple orange banana"こういう配列に変換するユーティリティです。タグ入力、検索キーワード、権限...
C# C# Tips | ログ・例外・診断：.NETバージョン取得
はじめに：.NETバージョン取得は「どんなエンジンで走っているか」を知るためのもの同じ C# コードでも、 どの .NET ランタイムバージョン で動いているかによって、 使える API や挙動、パフ...
C# C# Tips | ログ・例外・診断：OS情報取得
はじめに：OS情報取得は「どんな土台の上で動いているか」を知るためのもの業務システムで地味に効いてくるのが、「OS の違い」です。 同じ C# コードでも、Windows Server のバージョンが...
C# C# Tips | ログ・例外・診断：環境情報取得
はじめに：環境情報取得は「どこで・どんな設定で動いているか」を数字と言葉で残すこと業務システムで一番困るのは、 「開発環境では再現しないのに、本番だけでバグが出る」 「同じコードなのに、サーバーによっ...
C# C# Tips | ログ・例外・診断：CPU使用率取得
はじめに：CPU使用率取得は「どれだけ“頭フル回転”しているか」を数字で知るための道具「サーバーが重い」「このバッチ、CPU食い過ぎじゃない？」 こういう会話、業務システムだとよく出てきますよね。でも...
C# C# Tips | ログ・例外・診断：スレッド数取得
スレッド数取得は「アプリがどれだけ“並行処理のリソース”を使っているか」を数字で知る技術業務システムでは、 「なんか CPU が高い」「サーバーが重い」「スレッドプールが枯渇しているかも」 といった問...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day30 アウトプット
Day30 前半のゴール「“頭の中の理解”を、“他人に渡せるアウトプット”に変える」Day30 は、いよいよアウトプットの日です。 やることは3つ、「設計書」「ER図」「パフォーマンス改善レポート」。...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day29 総合課題
Day29 前半のゴール「バラバラに学んだ機能を、“1つのミニ業務システム”としてつなげる」Day29 は総合課題です。 テーマは「顧客管理」「注文処理」「分析クエリ」「JSONデータ処理」を全部まと...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day28 レプリケーション
Day28 前半のゴール「“DBは1台だけ”という前提を捨てて、“コピーして読ませる”をイメージする」今日のテーマはレプリケーションです。 一言でいうと「あるDBサーバのデータを、別のDBサーバにリア...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day27 拡張機能
Day27 前半のゴール「“PostgreSQLはただのRDB”から“機能を足せるプラットフォーム”だと気づく」今日のテーマは「拡張機能（extension）」、そして代表例としての PostGIS（...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day26 権限管理
Day26 前半のゴール「“何でもできるユーザー”をやめて、“役割ごとに守る”感覚を持つ」Day26 は「権限管理」です。ここまで性能や自動処理を見てきたけれど、本番運用で一番怖いのは「やってはいけな...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day25 トリガー
Day25 前半のゴール「“INSERTしたら勝手に何かしてくれる”を安全にイメージできるようになる」今日のテーマはトリガーです。一言でいうと「テーブルに対する操作（INSERT / UPDATE /...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：プロレベル運用 － Day24 ストアド関数
Day24 前半のゴール「“SQLだけのDB”から“ロジックを持つDB”をイメージできるようになる」Day24 は、いよいよ「ストアド関数」と「PL/pgSQL」です。ここまで、SQLを書いてデータを...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day23 バックアップ
Day23 前半のゴール「“壊れたら終わり”を“壊れても戻せる”に変える感覚を持つ」Day23 はバックアップです。ここまで設計・パフォーマンス・トランザクション・ロック…とやってきましたが、どれだけ...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day22 パーティショニング
Day22 前半のゴール「“1テーブルで全部持つ”から“賢く分ける”発想に切り替える」Day22 のテーマは「パーティショニング」、つまりテーブル分割です。ここまでずっと「テーブル設計」をやってきまし...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day21 正規化と設計
Day21 前半のゴール「“教科書の正規化”から“現場の設計”に橋をかける」Day21 はいよいよ「実務レベルの設計」です。これまで、正規化・インデックス・トランザクション・MVCC・ロック…と、部品...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day20 ロック制御
Day20 前半のゴール「“デッドロック＝お見合い状態”を具体的なイメージで理解する」ロック制御の中でも、現場で一番イヤなやつが「デッドロック」です。エラーとしては一瞬で終わるのに、原因を特定するのが...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day19 トランザクション
Day19 前半のゴール「“同時に更新しても壊れない”仕組みをイメージで理解する」ここからはトランザクション編です。Day19 のテーマは PostgreSQL の心臓部、「MVCC（Multi Ve...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day18 パフォーマンスチューニング
Day18 前半のゴール「“なんとなく遅い”をやめて、“どこが遅いか”と言えるようになる」パフォーマンスチューニング編の入口です。Day18 のテーマは「ボトルネック特定」――つまり、「どこが遅いのか...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day17 インデックス応用
Day17 前半のゴール「“B-tree 以外のインデックスが必要になる場面”をイメージできるようにする」ここからはインデックス応用編です。Day17 のテーマは、PostgreSQL の強みでもある...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：設計とパフォーマンス － Day16 実行計画
Day16 前半のゴール「“SQLがどう動いているか”を目で見て理解する感覚を持つ」ここからは「設計とパフォーマンス」のフェーズです。Day16 のテーマは、PostgreSQL の実行計画を見るため...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day15 中間課題
Day15 前半のゴール「“分析用SQLを設計する頭の使い方”をつかむ」ここまでで、CTE・ウィンドウ関数・JSON・配列・全文検索と、かなり武器が増えました。Day15 はその中間課題として、「売上...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day14 全文検索
Day14 前半のゴール「“LIKE検索じゃ足りない世界”をイメージできるようにする」今日は PostgreSQL の「全文検索（FULL TEXT SEARCH）」です。これは、WHERE titl...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day13 配列型
Day13 前半のゴール「“SQLの中でも配列を持てる”感覚を手に入れる」今日は、PostgreSQLのもうひとつの武器「配列型（ARRAY）」です。JSONと似ているところもありますが、「型がはっき...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day12 JSON操作②
Day12 前半のゴール「“JSONの世界”をSQLのテーブルっぽく扱う感覚を持つ」Day11 では「JSONをカラムに入れる」「中身を取り出す」「中身で検索する」ところまで来ました。Day12 はそ...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day11 JSON操作①
Day11 前半のゴール「“JSONをそのままカラムに入れて、SQLで触れる”感覚を持つ」今日からは、PostgreSQLの大きな武器のひとつ、JSONです。SQLiteやMySQLでもJSONは扱え...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day10 ウィンドウ関数②
Day10 前半のゴール「“行ごとにグラフの線を描く”イメージを持つ」Day10 はウィンドウ関数の第2弾、「累積」と「移動平均」です。どちらも「時間の流れに沿って、値がどう変化していくか」を見るとき...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day9 ウィンドウ関数①
Day9 前半のゴール「“集計しながら行ごとに順位を付ける”感覚をつかむ」今日はウィンドウ関数の入り口、ROW_NUMBER と RANK です。MySQLやSQLiteでも最近は使えますが、Post...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：高度SQL － Day8 CTE（WITH句）
Day8 前半のゴール「長いSQLを“分割して名前を付ける”感覚を身につける」今日は高度SQLの入り口、CTE（Common Table Expression）、つまり WITH 句です。Postgr...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day7 復習課題
Day7 前半のゴール「“そのままコピペ”ではなく、“差分を意識して移植する”感覚を持つ」Day7 は、ここまで学んだ差分理解の「復習課題」です。テーマはシンプルで、MySQLで作ったDBをPostg...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day6 インデックス基礎
Day6 前半のゴール「“インデックス＝本の索引”を超えて、“中で何が起きているか”をざっくり掴む」今日は PostgreSQL のインデックス、その中でも標準の B-tree インデックスと、そのざ...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day5 制約
Day5 前半のゴール「“DBが仕様を守ってくれる”感覚を、PostgreSQL流でつかむ」今日は「制約」の話です。SQLite ではかなりゆるく、MySQL でも設定次第で挙動が変わるところですが、...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day4 シーケンス
Day4 前半のゴール「PostgreSQLの“連番の正体”＝シーケンスをイメージできるようになる」今日は、主キーでほぼ必ず出てくる「連番」の話です。MySQL の AUTO_INCREMENT に慣...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day3 データ型の理解
Day3 前半のゴール「“なんとなく文字列・なんとなく日付”から卒業する」今日は PostgreSQL の代表的なデータ型のうち、文字列（TEXT / VARCHAR）、真偽値（BOOLEAN）、日時...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day2 MySQLとの違い
Day2 前半のゴール「“PostgreSQLはちょっと真面目なやつ”という感覚をつかむ」今日は、SQLite と MySQLを触ってきたあなたに向けて、「PostgreSQLって、どこが違うの？」を...
30日で身につけるPostgreSQL PostgreSQL | SQLite＋MySQL経験者向け、30日で習得するPostgreSQL：差分理解 － Day1 環境構築
Day1 前半のゴール「SQLite/MySQL経験を“そのまま活かして”PostgreSQLに触り始める」今日のテーマは PostgreSQL の最初の一歩です。すでに SQLite と MySQL...
Java Java | 1 日 120 分 × 7 日アプリ学習 中級編：オブジェクト指向（OOP） － 継承アプリ
1日目のゴール継承アプリ1日目のテーマは「共通部分をまとめる」＝継承の入口を“安全に”体験すること です。今日は、「継承って便利そうだけど、どこが嬉しくて、どこが危険なのか」を、まず“共通部分をまとめ...
Java Java | 1 日 120 分 × 7 日アプリ学習 中級編：オブジェクト指向（OOP） － カプセル化アプリ
1日目のゴール中級編「カプセル化アプリ」1日目のテーマは「直接触らせない」＝カプセル化の感覚を体でつかむこと です。キーワードはprivate と getter / setter。でも、ただ「書き方を...
JavaScript JavaScript Tips | 配列ユーティリティ：順次処理
テーマの整理：「順次処理」とは何かここでいう「順次処理」は、配列の要素を「必ず 1 件ずつ、順番に」処理していくパターンのことです。特に「処理が非同期（async）」なときに、順番をきちんと守りたい場...
JavaScript JavaScript Tips | 配列ユーティリティ：Promise 配列制御
テーマの整理：「Promise 配列制御」とは何か「Promise 配列制御」というのは、ざっくり言うと「複数の非同期処理（Promise）を、配列としてまとめて扱い、どう待つか・どう制御するかを決め...
JavaScript JavaScript Tips | 配列ユーティリティ：非同期 reduce
そもそも reduce と「非同期 reduce」の違いArray.prototype.reduce は、配列を 1 つの値に“畳み込む”ための関数です。合計を出したり、オブジェクトに集計したり、「最...
JavaScript JavaScript Tips | 配列ユーティリティ：非同期 filter
何をしたいユーティリティか：「非同期 filter」「非同期 filter」は、配列の各要素に対して「async な条件チェック」を行い、条件を満たした要素だけを残すユーティリティです。普通の Arr...
JavaScript JavaScript Tips | 配列ユーティリティ：非同期 map
何をしたいユーティリティか：「非同期 map」「非同期 map」は、配列の各要素に対して「async な処理」をして、その結果を配列として集めるユーティリティです。普通の map は同期処理専用ですが...
JavaScript JavaScript Tips | 配列ユーティリティ：map + filter 合成
何をしたいユーティリティか：「map + filter 合成」「map + filter 合成」は、「変換（map）」と「絞り込み（filter）」を、きれいに組み合わせて使うためのパターンやユーティ...
JavaScript JavaScript Tips | 配列ユーティリティ：reduce ヘルパー
そもそも reduce って何をする関数かArray.prototype.reduce は、「配列を 1 つの値に“畳み込む”ための関数」です。合計を出したり、オブジェクトに集計したり、別の配列に変形...
JavaScript JavaScript Tips | 配列ユーティリティ：フィルタ合成
何をしたいユーティリティか：「フィルタ合成」「フィルタ合成」は、複数の条件（フィルタ）を組み合わせて、1つのフィルタ関数として扱えるようにするテクニックです。もう少しくだいて言うと、「小さな条件関数を...
JavaScript JavaScript Tips | 配列ユーティリティ：AND 条件検索
何をしたいユーティリティか：「AND 条件検索」「AND 条件検索」は、配列の中から「複数の条件をすべて満たす要素」だけを探す処理です。論理式でいう「A かつ B かつ C」の“AND（かつ）”です。...
JavaScript JavaScript Tips | 配列ユーティリティ：OR 条件検索
何をしたいユーティリティか：「OR 条件検索」「OR 条件検索」は、配列の中から「いくつかの条件のうち、どれか1つでも満たしていればOK」という要素を探す処理です。論理式でいう「A または B または...
JavaScript JavaScript Tips | 配列ユーティリティ：複数条件検索
何をしたいユーティリティか：「複数条件検索」「複数条件検索」は、「この配列の中から、いくつかの条件をすべて満たす要素だけを探したい」ときに使うユーティリティです。例えば、次のような“複数条件”が典型で...
JavaScript JavaScript Tips | 配列ユーティリティ：インデックス検索
何をしたいユーティリティか：「インデックス検索」「インデックス検索」は、配列の中から「条件に合う要素がどこにあるか」を調べて、その位置（インデックス）を返す処理です。「この値は何番目にある？」「id ...
JavaScript JavaScript Tips | 配列ユーティリティ：要素置換
何をしたいユーティリティか：「要素置換」「要素置換」は、配列の中の特定の要素を“別の値に差し替える”処理です。「インデックス 2 の要素を新しい値にしたい」「id が一致する要素だけ更新したい」など、...
JavaScript JavaScript Tips | 配列ユーティリティ：要素削除
何をしたいユーティリティか：「要素削除」「要素削除」は、配列から特定の要素を取り除く処理です。「このインデックスの要素を消したい」「この値を全部消したい」「条件に合うものだけ消したい」など、業務でめち...
JavaScript JavaScript Tips | 配列ユーティリティ：要素挿入
何をしたいユーティリティか：「要素挿入」「要素挿入」は、配列の好きな位置に新しい要素を差し込む処理です。 の「2 と 4 の間に 3 を入れたい」みたいなやつですね。業務だと、例えばこういう場面でよく...
JavaScript JavaScript Tips | 配列ユーティリティ：シャローコピー
何をしたいユーティリティか：「シャローコピー」ここでの「シャローコピー」は、配列そのものだけをコピーして、“中身（要素）への参照はそのまま共有する”コピーのことです。一言でいうと、「配列の箱だけ新しく...
JavaScript JavaScript Tips | 配列ユーティリティ：ディープコピー
ディープコピーとは何か（まずここを正しく理解する）ディープコピーは、配列やオブジェクトの“中身まで含めて完全に別物を作るコピー”のことです。浅いコピー（shallow copy）と違い、ネストされた配...
JavaScript JavaScript Tips | 配列ユーティリティ：配列コピー
何をしたいユーティリティか：「配列コピー」「配列コピー」は、元の配列を壊さずに、同じ中身を持つ“別の配列”を作る処理です。業務ではほぼ必ずと言っていいほど使います。なぜなら、元の配列を直接いじると「い...
JavaScript JavaScript Tips | 配列ユーティリティ：部分一致判定
何をしたいユーティリティか：「部分一致判定」「部分一致判定」は、「完全に同じかどうか」ではなく、「一部が条件を満たしているかどうか」を判定する処理です。ここでは主に、配列に対して次のような問いを投げる...
JavaScript JavaScript Tips | 配列ユーティリティ：完全一致判定
何をしたいユーティリティか：「完全一致判定」ここでの「完全一致判定」は、「この2つの値（配列やオブジェクトを含む）が“中身まで含めてまったく同じか”を判定する処理です。単なる === ではなく、配列の...
JavaScript JavaScript Tips | 配列ユーティリティ：配列比較
何をしたいユーティリティか：「配列比較」「配列比較」は、「この2つの配列は同じか？」を判定する処理です。ここでいう「同じか？」は、基本的に次の3つを満たすことを意味します。要素数（長さ）が同じ各インデ...
JavaScript JavaScript Tips | 配列ユーティリティ：安定ソート
そもそも「安定ソート」とは何かまず言葉から整理します。安定ソート（stable sort）とは、「同じキー（同じ値）同士の元々の順番を壊さないソート」のことです。もう少し具体的に言うと、並び替えの基準...
JavaScript JavaScript Tips | 配列ユーティリティ：順序反転
何をしたいユーティリティか：「順序反転」「順序反転」は、配列の要素の並びを逆向きにする処理です。 を にする、というイメージですね。業務だと、例えばこういう場面で使います。ログを「新しい順」に並べ替え...
JavaScript JavaScript Tips | 配列ユーティリティ：Map 変換
何をしたいユーティリティか：「Map 変換」ここでの「Map 変換」は、配列から Map（キーと値のペアのコレクション）を作るユーティリティのことです。「id からユーザーを一発で引きたい」「コードか...
JavaScript JavaScript Tips | 配列ユーティリティ：Set 変換
何をしたいユーティリティか：「Set 変換」ここでの「Set 変換」は、配列を Set に変換するユーティリティのことです。一言でいうと「重複をなくしたい」「含まれているかを高速に調べたい」ときに使う...
JavaScript JavaScript Tips | 配列ユーティリティ：マップ生成
何をしたいユーティリティか：「マップ生成」ここでの「マップ生成」は、配列から「キー → 値」の対応表（オブジェクトや Map）を作る処理のことです。「id からユーザーを引けるようにしたい」「コードか...
JavaScript JavaScript Tips | 配列ユーティリティ：条件変換
何をしたいユーティリティか：「条件変換」「条件変換」は、配列の中の「条件に合う要素だけ」を変換し、それ以外はそのまま残す処理です。英語で言うと mapIf、mapWhen、conditionalMap...
JavaScript JavaScript Tips | 配列ユーティリティ：条件抽出
何をしたいユーティリティか：「条件抽出」「条件抽出」は、配列の中から「ある条件に当てはまる要素だけ」を取り出す処理です。JavaScript 標準の Array.prototype.filter を、...
JavaScript JavaScript Tips | 配列ユーティリティ：条件削除
何をしたいユーティリティか：「条件削除」「条件削除」は、配列の中から「ある条件に当てはまる要素だけ」を取り除く処理です。英語だとイメージ的には「removeIf」「reject」「filter-out...
JavaScript JavaScript Tips | 配列ユーティリティ：undefined 削除
何をしたいユーティリティか：「undefined 削除」ここでの「undefined 削除」は、配列の中から undefined を取り除いて、扱いやすい配列に整える処理です。「null 削除」と似て...
JavaScript JavaScript Tips | 配列ユーティリティ：null 削除
何をしたいユーティリティか：「null 削除」ここでの「null 削除」は、配列の中から null（と必要なら undefined）を取り除いて、扱いやすい配列に整える処理です。さっきの「空要素削除」...
JavaScript JavaScript Tips | 配列ユーティリティ：空要素削除
何をしたいユーティリティか：「空要素削除」ここでの「空要素削除」は、配列の中から「いらない空っぽの値」を取り除いて、きれいな配列にする処理です。英語だと compact や clean などと呼ばれま...
JavaScript JavaScript Tips | 配列ユーティリティ：末尾取得
何をしたいユーティリティか：「末尾取得」ここでの「末尾取得」は、配列の「一番最後の要素」や「末尾から数件」を取り出す処理のことです。英語だと last や takeRight などと呼ばれます。業務で...
JavaScript JavaScript Tips | 配列ユーティリティ：先頭取得
何をしたいユーティリティか：「先頭取得」ここでの「先頭取得」は、配列の「一番最初の要素」や「先頭から数件」を取り出す処理のことです。英語だと head や first、take などと呼ばれます。業務...
JavaScript JavaScript Tips | 配列ユーティリティ：件数制限
何をしたいユーティリティか：「件数制限」ここでの「件数制限」は、配列の要素数を「最大 N 件まで」に制御する処理のことです。イメージとしては「取りすぎない」「持ちすぎない」ためのブレーキです。業務では...
JavaScript JavaScript Tips | 配列ユーティリティ：採番
何をしたいユーティリティか：「採番」ここでの「採番」は、配列の要素に「業務で使う番号（連番・管理番号）」を振る処理のことです。さっきやった「インデックス付与」とよく似ていますが、目的が少し違います。イ...
JavaScript JavaScript Tips | 配列ユーティリティ：インデックス付与
何をしたいユーティリティか：「インデックス付与」「インデックス付与」は、配列の各要素に「何番目か」という情報をくっつける処理です。JavaScript の配列はもともと 0, 1, 2…というインデッ...
JavaScript JavaScript Tips | 配列ユーティリティ：ネスト化
何をしたいユーティリティか：「配列のネスト化」ここでの「ネスト化」は、平らな配列を「階層構造（入れ子）」に組み立て直す処理のことです。フラット化の逆方向だと思ってください。例えば、次のようなことをした...
JavaScript JavaScript Tips | 配列ユーティリティ：フラット化
何をしたいユーティリティか：「配列のフラット化」ここでの「フラット化」は、ネスト（入れ子）になっている配列を、浅い配列に“平らにする”処理のことです。英語だと flatten、flat と呼ばれます。...
JavaScript JavaScript Tips | 配列ユーティリティ：結合
何をしたいユーティリティか：「配列の結合」ここでの「結合」は、複数の配列を 1 つの配列にまとめる処理のことです。英語だと「merge」「concat」と呼ばれます。例えば、こんな場面で使います。月ご...
Java Java | 1 日 120 分 × 7 日アプリ学習 中級編：オブジェクト指向（OOP） － クラス責務分離アプリ
1日目のゴール中級編の1日目は「オブジェクト指向の本質＝1クラス1役割」を“体で理解する”こと。今日のテーマは 責務（Responsibility）・分離（Separation）・保守性（Mainta...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：ファイル保存アプリ
1日目のゴール1日目のテーマは「ファイルに“文字”を書いて、“あとから読み返せる”感覚をつかむこと」 です。今日はまだ「完璧な設計」は目指しません。まずはこう思えたら勝ちです。「メモをファイルに保存し...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：例外処理アプリ
1日目のゴール1日目のテーマは「例外ってそもそも何？」「try / catch って何をしているの？」を、感覚でつかむこと です。今日は、こんな流れで進めます。例外とは何かなぜ try / catch...
C# C# Tips | ログ・例外・診断：GC情報取得
はじめに：GC情報取得は「.NET がどれくらい“片付け仕事”をしているか」を数字で見ることC# の世界では、メモリの解放はガベージコレクタ（GC）が自動でやってくれます。これはとても便利ですが、その...
C# C# Tips | ログ・例外・診断：メモリ使用量取得
はじめに：メモリ使用量取得は「どれくらい“盛っている”かを数字で知るためのもの」パフォーマンスの話をしていると、必ず出てくるのが「メモリ食いすぎてない？」という心配です。でも、感覚だけで「重そう」と言...
C# C# Tips | ログ・例外・診断：パフォーマンス計測
はじめに：パフォーマンス計測は「コードの速さを“感覚”ではなく“数字”で語るための道具」業務システムを書いていると、必ずこういう会話が出てきます。「この処理、なんか遅くない？」「どれくらい遅いんだっけ...
C# C# Tips | ログ・例外・診断：トレース出力
はじめに：トレース出力は「本番も視野に入れた“軽量ログ”」「デバッグ出力」は開発中にとても便利ですが、多くはデバッグビルド専用で、本番では消えてしまいます。一方、業務システムでは「本番環境でも、ある程...
C# C# Tips | ログ・例外・診断：デバッグ出力
はじめに：デバッグ出力は「本番にはいらないけど、開発中はめちゃくちゃ役に立つメモ」コードを書いているとき、「ここまで処理が来ているか確認したい」「この変数の中身を一瞬だけ見たい」という場面が必ず出てき...
C# C# Tips | ログ・例外・診断：タイムアウト制御
はじめに：タイムアウト制御は「いつまでも待たない」ための安全装置業務システムで一番イヤなのは、「固まっているのか、まだ処理中なのか分からない状態」です。外部 API、DB、ファイルアクセス、重い計算処...
C# C# Tips | ログ・例外・診断：指数バックオフ
はじめに：指数バックオフは「だんだん距離を取りながら、もう一度だけ試す」リトライ戦略外部 API、クラウドサービス、DB、メッセージキューなどにアクセスするとき、一時的なエラー（ネットワークの瞬断、サ...
C# C# Tips | ログ・例外・診断：リトライ処理
はじめに：リトライ処理は「一度コケても、あきらめずにもう一歩踏み込む」仕組み業務システムでは、外部サービスや DB、ファイルアクセスなど「環境に左右される処理」がたくさんあります。ネットワークが一瞬不...
C# C# Tips | ログ・例外・診断：エラーコード管理
はじめに：エラーコード管理は「エラーに“番号付きの名前”を与えること」業務システムで本気で運用を考え始めると、「エラーが起きました」だけでは足りなくなります。どの画面でどの種類のエラーがどれくらいの頻...
C# C# Tips | ログ・例外・診断：非同期例外処理
はじめに：非同期例外処理は「時間差で起きる失敗を、ちゃんと捕まえる技術」async/await を使い始めると、最初に戸惑うのが「例外がどこに飛んでいくのか分からない」という感覚です。同期コードなら、...
Python Python | DevOps・運用：Docker network
Docker networkって何？一言でいうと「コンテナ同士をつなぐ“専用LAN”」Docker network は、コンテナ同士をつなぐための「仮想ネットワーク」です。同じネットワークに属するコン...
Python Python | DevOps・運用：Docker volume
Docker volumeって何？一言でいうと「コンテナが消えても残る“外付けハードディスク”」Docker volume は、コンテナの外側にある「永続ストレージ」です。コンテナの中のファイルは、コ...
Python Python | DevOps・運用：docker-compose
docker-composeって何？一言でいうと「複数コンテナを“1つのアプリ”としてまとめて起動・停止するリモコン」Docker は「1コンテナ＝1プロセス」をきれいに動かすのが得意です。でも、現実...
Python Python | DevOps・運用：Dockerfile ベストプラクティス
まずゴールを決めよう：「本番でそのまま動かせる、軽くて、安全で、再現性の高いイメージ」Dockerfile のベストプラクティスは、一言でいうと「どこでビルドしても、同じように動く、無駄が少なくて、安...
Python Python | DevOps・運用：CD 自動デプロイ
CD 自動デプロイって何？一言でいうと「テストに通ったコードを、人の手を介さず“同じ手順で”本番に届ける仕組み」CI が「自動テスト」だとしたら、CD（Continuous Delivery / De...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － セッション
セッションを一言でいうとセッションは「同じユーザーからの一連のリクエストを“ひとまとまり”として扱うためのサーバー側の仕組み」です。HTTP は本来「1 回 1 回がバラバラで、前後のつながりを覚えな...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － Cookie
Cookie を一言でいうとCookie は「ブラウザの中に一時的にメモしておける“名札・メモ用紙”」です。HTTP は本来「1 回 1 回のリクエストがバラバラで、前後のつながりを覚えていない」仕組...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － User-Agent
User-Agent を一言でいうとUser-Agent は「このリクエストを送っている“クライアントの正体”をサーバーに伝えるヘッダー」です。ブラウザなのか、スマホアプリなのか、Java のプログラ...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － Accept
Accept を一言でいうとAccept ヘッダーは「サーバーさん、レスポンスは“この種類のデータ”で返してくれると嬉しいです、という希望を伝えるヘッダー」です。クライアント（ブラウザやアプリ）が「J...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － Content-Type
Content-Type を一言でいうとContent-Type は「このボディの中身は“何の種類のデータ”かを相手に教えるためのヘッダー」です。中身が JSON なのか、HTML なのか、画像なのか...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － ボディの役割
ボディを一言でいうとHTTP のボディは「実際にやり取りしたい“中身そのもの”が入る場所」です。ヘッダーが「説明書」だとしたら、ボディは「商品そのもの」。ユーザー情報の JSON、HTML のページ、...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － ヘッダーの役割
ヘッダーを一言でいうとHTTP のヘッダーは「リクエストやレスポンスにくっついてくる“メタ情報（付加情報）”」です。本体（ボディ）が「中身」だとしたら、ヘッダーは「この中身は何なのか」「どう扱ってほし...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － パスパラメータ
パスパラメータを一言でいうとパスパラメータは「URL の一部として書かれる“ID などの変わる部分”」です。/users/1 の 1/products/123/reviews の 123みたいに、「ど...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － クエリパラメータ
クエリパラメータを一言でいうとクエリパラメータは「同じ URL の“条件やオプション”を指定するための追加情報」です。/users という「ユーザー一覧」というリソースに対して、「有効なユーザーだけ欲...
Java Java | Web 基礎・HTTP・REST：HTTP 詳細 － URL 構造
URL を一言でいうとURL は「インターネット上の“場所”を指し示す住所」です。ブラウザやプログラムは、この URL を手がかりに「どのサーバーの」「どのサービスの」「どのデータを」取りに行けばいい...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Find
Find は「表の中から“条件に合うセル”を一発で探しに行くためのメソッド」まずイメージから。Find は「この範囲の中から“〇〇”という値（文字）を持つセルを探してきて」と頼むためのメソッドです。手...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Delete
Delete は「セル・行・列を“詰めて”消す動き」まずイメージから。さっき学んだ Insert が「押し広げてスペースを作る」なら、Delete は「その場所を消して、周りを詰める」動きです。手作業...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Insert
Insert は「セル・行・列を“押し広げて”新しいスペースを作る動き」まずイメージから。Insert は「今あるセルや行・列をズラして、新しいセル／行／列の“空きスペース”を差し込む」動きです。手作...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － Sort
Sort は「表の行を“並べ替える”ための仕組みをコードで操作するもの」まずイメージから。Sort は、表の行を「昇順」「降順」などのルールで並べ替えるための機能です。普段、リボンの「並べ替え」ボタン...
VBA Excel VBA | 超初心者（Excel操作＋マクロ体験）：Excelオブジェクト基礎 － AutoFilter
AutoFilter は「表に“絞り込み”をかけるための仕組みをコードで操作するもの」まずイメージから。AutoFilter は、シート上の“表”に対して「この条件に合う行だけ表示して」と絞り込みをか...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － tdタグ
td 要素は「表の“中身のマス”を表すセル」<td> は「このマスには“実際のデータ”が入っています」ということを表すタグです。table の中で、tr（行）の中に並ぶ「ふつうのセル」が td です。...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － thタグ
th 要素は「このセルは“見出し側”ですよ」と宣言するタグ<th> は「このセルは、ただのデータじゃなくて“見出し・ラベル”です」とブラウザや機械に伝えるためのタグです。table の中で使われ、「列...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － trタグ
tr 要素は「表の“1行分”をまとめるための行コンテナ」<tr> は「table の中で、横一列のセルをひとかたまりにする“行の箱”」です。table が「表全体の箱」だとしたら、tr は「その中の ...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － tableタグ
table 要素は「行と列で“表形式のデータ”を並べるための箱」<table> は、「行（よこ）と列（たて）で整理されたデータ」を表にするためのタグ です。時間割料金表成績表比較表みたいな、「表で見る...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － ddタグ
dd 要素は「ラベルに対する“中身・説明側”を表すタグ」<dd> は「これは“ラベルの中身・説明・値”ですよ」と示すためのタグです。単体では使わず、必ず <dl> の中で「ラベル（dt）」「その中身（...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － dtタグ
dt 要素は「ラベル側（項目名・用語）」を表すタグ<dt> は「これは“名前・ラベル・用語”の側ですよ」と示すためのタグです。単体では使わず、必ず <dl> の中で「ラベル（dt）」「その中身（dd）...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － dlタグ
dl 要素は「用語とその説明（ペアの一覧）」の箱<dl> は「用語（ラベル）と、その説明（値）」のペアを並べるための箱だと思ってください。“d” は definition（定義）、dl は defin...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － liタグ
li 要素は「リストの“1項目”を表すパーツ」まずイメージから。li 要素は、「ul や ol の中に並ぶ“1つ1つの項目”」 を表すためのタグです。ul（順不同リスト）＝「箱」ol（番号付きリスト）...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － olタグ
ol 要素は「順番に意味がある“番号付きリスト”の箱」<ol> は「1 → 2 → 3 の順番に意味がある項目の並び」を表すためのタグです。“o” は ordered（順序付き）の略で、「順番が大事な...
JavaScript JavaScript | HTML / CSS 連携：リスト・表組み － ulタグ
ul 要素は「順番を気にしない“箇条書きの箱”」まずイメージからいきます。<ul> は「順番はどうでもいいけど、いくつかの項目を並べて見せたい」ときに使う“箇条書きの箱”です。買い物リストサイトのナビ...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：クレンジング結果ログ出力
ゴールのイメージをそろえる今回のテーマは「Power Query で クレンジング結果を“ログとして見える化”する実務テンプレ」です。やりたいことは、ざっくり言うとこうです。「何件エラーがあったのか」...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：エラー行を別テーブル分離
ゴールのイメージをそろえる今回のテーマは「Power Query で “エラー行だけをきれいに別テーブルに分離する” 実務テンプレです。ここまでやってきた必須項目未入力チェック数値範囲チェック桁数チェ...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：マスタ未存在データ検出
ゴールのイメージをそろえる今回のテーマは「Power Query で “マスタに存在しないコードを持つ明細行だけをきれいに炙り出す” 実務テンプレ」です。やりたいことはこうです。売上明細の顧客コードが...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：数値範囲チェック
ゴールのイメージをそろえる今回のテーマは「Power Query で “ありえない数値”を数値範囲で機械的にチェックする実務テンプレ」です。やりたいことは、ざっくり言うとこうです。「数量は 1〜999...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：必須項目未入力チェック
ゴールのイメージをそろえる今回のテーマは「Power Query で “必須項目が未入力の行”を機械的にチェックする実務テンプレ」です。やりたいことはシンプルです。「顧客コードが必須なのに空欄の行がな...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：桁数チェック
ゴールのイメージをそろえる今回のテーマは「Power Query で “桁数がおかしい値”を機械的にチェックする実務テンプレ」です。やりたいことは、ざっくり言うとこうです。「顧客コードは必ず 10 桁...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：主キー重複検出
ゴールのイメージをそろえる今回のテーマは「Power Query で “主キーが重複している行だけをきれいに炙り出す” 実務テンプレ」です。ここでいう「主キー」は、「この列（または列の組み合わせ）は、...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：重複行削除（全列）
ゴールのイメージをそろえる今回のテーマは「Power Query で テーブル全体を見て“完全に同じ行”を重複として削除する実務テンプレ」です。ここでいう「重複行削除（全列）」は、「1行まるごと、すべ...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：複数条件で行抽出
ゴールのイメージをそろえる今回のテーマは「Power Query で 複数条件を組み合わせて、欲しい行だけをきれいに抽出する実務テンプレ」です。“複数条件”というのは、たとえばこんなイメージです。「売...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：特定文字列を含む行削除
ゴールのイメージをそろえる今回のテーマは「Power Query で “特定の文字列を含む行だけをきれいに削除する” 実務テンプレ」です。やりたいことはシンプルです。「備考に『テスト』と入っている行は...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － 改行タグ（br）
br 要素は「ここで“行だけ”を折りたいときの改行スイッチ」<br> は「ここで行を折って、すぐ次の行から続けて書いて」とブラウザに指示するためのタグです。ポイントは、「段落を分ける」のではなく「同じ...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － 補足タグ（em）
em 要素は「言い方・ニュアンスを強めるためのタグ」<em> は「ここ、ちょっと“気持ち強め”で読んでほしい」という“ニュアンスの強調”を表すタグです。ブラウザのデフォルト表示だと斜体になりますが、目...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － 強調タグ（strong）
strong 要素は「見た目の太字」ではなく「意味として重要な部分」まずここをしっかり押さえたいです。<strong> は、「ここは文章の中で特に重要だよ」という“意味としての強調”を表すタグです。ブ...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － figcaptionタグ
figcaption 要素は「図のタイトル・説明を書くためのラベル」<figcaption> は、「この図は何なのか？」を説明するための“キャプション専用タグ” です。単体では使わず、必ず <figu...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － figureタグ
figure 要素は「画像やコードなど“ひとかたまりの図”の箱」まずイメージからいきます。<figure> は、「画像・図・コード・表など、“ひとつの図として意味を持つかたまり”を包む箱」です。単なる...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － alt属性
alt 属性は「画像が見えない人のための“言葉の代わり”」まず一番大事な本質からいきます。alt 属性は、「この画像は何なのか？」を“言葉で説明するための場所” です。画像がちゃんと表示されているとき...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － imgタグ
img タグは「ページに画像を埋め込むためのタグ」<img> タグは、「この場所に、この画像ファイルを表示して」とブラウザに伝えるためのタグです。テキストが <p> や <h1> なら、画像は <im...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － target属性
target 属性は「リンクを“どの窓で開くか”を決めるスイッチ」<a> タグの target 属性は、「このリンクをクリックしたとき、どこで開くか」 を指定するためのものです。行き先そのものを決める...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － href属性
href 属性は「このリンクの行き先はここです」という住所ラベルまず一番大事なところから。href 属性は、「このリンク（a タグ）は、どこへ飛ぶのか？」という“行き先”を指定するための属性です。hr...
JavaScript JavaScript | HTML / CSS 連携：テキスト・リンク・画像 － aタグ
a タグは「ページとページをつなぐ“リンクのタグ”」まず一番大事なことから。<a> タグは「ここをクリックすると、どこかへ移動します」という“リンク”を作るタグです。「a」は anchor（アンカー＝...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － コメントの書き方
HTML のコメントは「未来の自分と他人へのメモ」まず前提から。HTML のコメントは、<!-- ここがコメント -->という形で書きます。ブラウザには表示されませんが、ソースコードを開くと見える「メ...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － span要素
span 要素は「意味のついていない“文字レベルの小さな箱”」まずイメージから。<div> が「ブロック全体をまとめる大きめの箱」だとしたら、<span> は 「文章の一部分だけを囲う、小さな箱」 で...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － div要素
div 要素は「意味のついていない“箱”」＝レイアウト用のコンテナまず一番大事なことから。<div> は「特別な意味を持たない、ただの“箱（コンテナ）”」 です。「段落」でもない「見出し」でもない「ボ...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － 段落タグ（p）
p タグは「文章のひとかたまり」を表すタグまず一番大事なポイントからいきます。<p> は「文章のひとかたまり（段落）」を表すタグ です。「一文ごと」ではなく、「意味がひとまとまりになっている文章のかた...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － 見出しタグ（h1〜h6）
見出しタグは「文章の見出し」と「ページのアウトライン」を作るもの見出しタグ（<h1>〜<h6>）は、文字を大きくするためのタグではなく、「ここがタイトルです」「ここがその中の小見出しです」と、文章の構...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － body要素
body 要素は「ユーザーが実際に触る“本体”」HTML 全体を家にたとえると、<!DOCTYPE html> は「これは家ですよ」の宣言、<html> は家全体の外枠、<head> は電気・住所・設...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － head要素
head 要素は「ページの設定・プロフィールを書く場所」まずイメージからいきます。<head> は、「画面に直接は見えないけれど、ページにとって超重要な情報」を書く場所です。タイトル文字コードスマホ向...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － DOCTYPE宣言
DOCTYPE 宣言は「これはどのルールの HTML ですよ」という最初のひと言HTML ファイルの一行目に書くこれ：<!DOCTYPE html>これが DOCTYPE 宣言 です。役割を一言でいう...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － HTML文書の基本構造
HTML 文書の基本構造は「家の骨組み」みたいなものまずイメージからいきます。HTML ファイルは、ただタグを並べればいいわけではなく、「決まった骨組み（ひな形）」 を持っています。その骨組みがあるか...
JavaScript JavaScript | HTML / CSS 連携：HTML基礎 － HTMLの役割
HTML の役割は「中身の意味を伝えること」まず一番大事なことから。HTML の役割は「見た目を決めること」ではなく「中身の意味（構造）を伝えること」 です。人間にとっては「画面にどう見えるか」ですが...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － 安全なメソッド
「安全なメソッド」を一言でいうとHTTP でいう「安全なメソッド」は、「サーバー側の状態を変えないメソッド」 のことです。何回呼んでも、DB の中身が変わらない。新しいデータも増えないし、削除もされな...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － 冪等性
冪等性を一言でいうと冪等性（べきとうせい）は、「同じ操作を何回繰り返しても、最終的な結果が変わらない性質」のことです。1 回やっても、10 回やっても、「状態」が同じなら冪等。回数によって結果が変わる...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － PATCH
PATCH を一言でいうとPATCH は「このリソースの“一部だけ”を変えてほしいときに使うメソッド」です。PUT が「丸ごと上書きして」なら、PATCH は「ここだけ直して（パッチを当てて）」という...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － DELETE の役割
DELETE を一言でいうとDELETE は「この URL が指しているものを“消して”」とサーバーに頼むためのメソッドです。ユーザー削除商品削除お気に入り解除など、「そのリソース自体をなくす・無効に...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － PUT の役割
PUT を一言でいうとPUT は「この場所のデータを“丸ごとこの内容で上書きして”というメソッド」です。POST が「新しく作って」だとしたら、PUT は「ここにあるものを、このデータで置き換えて」で...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － POST の役割
POST を一言でいうとPOST は「サーバーにデータを送りつけて、“何かしらの処理をしてもらう”ためのメソッド」です。特に重要なのは、新しいデータ（リソース）を作成するサーバー側の状態を変えるという...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － GET の役割
GET を一言でいうとGET は「サーバーのデータを“読むだけ”のメソッド」です。「この URL の内容を見せて」「このデータを教えて」というときに使います。サーバー側の状態を変えない（書き換えない）...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － HTTP メソッド一覧
HTTP メソッドを一言でいうとHTTP メソッドは「この URL に対して、サーバーに何をしてほしいのか」を表す“動詞”です。同じ /users という URL でも、GET なら「取得したい」、P...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － リクエスト / レスポンス
リクエスト / レスポンスを一言でいうとHTTP の世界は、ものすごく乱暴に言うと「お願い」と「返事」だけでできています。ブラウザやアプリがサーバーに送る「お願い」がリクエスト、サーバーがそれに対して...
Java Java | Web 基礎・HTTP・REST：HTTP 基礎 － HTTP プロトコル概要
HTTP プロトコルを一言でいうとHTTP は「ブラウザ（クライアント）と Web サーバーが会話するための“決まりごと（プロトコル）”」です。ブラウザが「このページください」「このデータください」と...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － API 利用のベストプラクティス
API 利用のベストプラクティスは「安全・高速・壊れない」を同時に満たす設計API を使うときに初心者がつまずきやすいのは、「動くコード」と「正しいコード」の違い です。API は動くだけなら簡単です...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － 権限管理設計
「権限管理設計」は“技術”じゃなくて“信頼”の設計位置情報、カメラ、マイク、通知、センサー、ストレージ…。Web API の多くは「権限（permission）」をユーザーに確認してから使います。ここ...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － HTTPS の重要性
HTTPS は「盗み見・改ざん・なりすまし」をまとめて防ぐ“前提条件”まず一番大事なことから。今どきの Web 開発で「HTTP でいい場面」はほぼゼロ です。ログインがあるから HTTPSクレジット...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － CSP（Content Security Policy）
CSP は「このページで何をしていいか」をブラウザに教えるルールブックCSP（Content Security Policy）は、「このページでは、こういうリソースだけ読み込んでいい／こういうスクリプ...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － CSRF 対策
CSRF は「ユーザーになりすまして勝手に操作させる攻撃」まずイメージからいきます。CSRF（Cross-Site Request Forgery）は、「ログイン中のユーザーになりすまして、別サイトか...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － XSS 対策
XSS は「ユーザーの入力が“そのままスクリプトになる”事故」まず、XSS（クロスサイトスクリプティング）のイメージからいきます。XSS は、ざっくり言うと「ユーザーが入力した文字列が、そのまま HT...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － 非同期パフォーマンス
「非同期パフォーマンス」は“待ち時間をどう見せるか”の技術JavaScript のパフォーマンスって聞くと、「処理をどれだけ速くするか」をイメージしがちですが、非同期の世界ではもう一つ大事な視点があり...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － メモリ監視
「メモリ監視」は“どれだけ詰め込んでいて、どれだけ片付いていないか”を見ることパフォーマンスは「速さ」だけじゃなくて、「どれだけメモリを使っているか」も重要です。メモリを使いすぎると、ブラウザが重くな...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － 計測（time / mark）
「計測」は“なんとなく遅い”を数字に変えるための技術パフォーマンスの話で一番大事なのは、「速い／遅い」を 感覚ではなく数字で話せるようになること です。そのために使うのが、console.time /...
JavaScript JavaScript | Web API：パフォーマンス・セキュリティ － Performance API
Performance API は「なんとなく速い／遅い」を数字にするための道具「このページ、なんか重いな…」「この処理、体感遅いけど、どれくらい遅いんだろう？」Performance API は、こ...
Python Python | DevOps・運用：CI 自動テスト
CI 自動テストって何？一言でいうと「人がサボっても、機械が毎回テストしてくれる仕組み」CI 自動テストは、コードを GitHub に push したり Pull Request を作ったタイミングで...
Python Python | DevOps・運用：Issue 管理
Issue 管理って何？一言でいうと「やるべきこと・困っていることを“見える化”して、迷子をなくす仕組み」Issue 管理は、「タスク・バグ・改善点・相談ごと」をすべて Issue として記録し、整理...
Python Python | DevOps・運用：コードレビュー運用
コードレビュー運用って何？一言でいうと「一人の頭の中のコードを、チームの知恵に変える仕組み」コードレビュー運用は、「Pull Request をどうレビューするか」を、チームとしてのルールや習慣に落と...
Python Python | DevOps・運用：Pull Request
Pull Requestって何？一言でいうと「この変更、main に入れていいか一緒に確認してもらうための“申請書”」Pull Request（PR）は、「自分がブランチで作った変更を、main（や他...
Python Python | DevOps・運用：GitHub Flow
GitHub Flowって何？一言でいうと「小さく枝を切って、小さくレビューして、小さく本番に出すためのルール」GitHub Flow は、「GitHub を使って開発するときの、シンプルなブランチ運...
TypeScript TypeScript | 関数・クラス・ジェネリクス：ジェネリクス基礎 － ジェネリクス設計の判断基準
ゴール：「ここはジェネリクスにする／しない」を自分で決められるようになることジェネリクスを“書ける”ようになった次のステップは、「どこで使うべきか」「どこでは使うべきでないか」を判断できることです。こ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：ジェネリクス基礎 － 実務でよくある失敗例
ゴール：「“ありがちな事故パターン”を先に知っておいて、自分のジェネリクスを危険運転にしない」ジェネリクスは強力だけど、そのぶん「やらかしポイント」も多いです。しかも、やらかした瞬間はコンパイルが通る...
TypeScript TypeScript | 関数・クラス・ジェネリクス：ジェネリクス基礎 － 可読性の高いジェネリクス
ゴール：「型が強いのに“怖くないコード”としてジェネリクスを書けるようになる」ジェネリクスって、慣れてない人から見ると「T とか U とかよく分からん記号が飛び交ってて怖いコード」に見えがちです。でも...
TypeScript TypeScript | 関数・クラス・ジェネリクス：ジェネリクス基礎 － 過剰ジェネリクスの回避
ゴール：「ジェネリクスは“カッコいい飾り”じゃなくて、“必要なときだけ出す道具”だと理解するジェネリクスに慣れてくると、ほぼ確実に一度は通る道があります。それが 「何でもかんでも <T> を付けたくな...
TypeScript TypeScript | 関数・クラス・ジェネリクス：ジェネリクス基礎 － ジェネリクスの再利用設計
ゴール：「そのジェネリクス“だけ”で終わらせず、プロジェクト全体で使い回せる形に育てる感覚を持つここまでで、ジェネリクスそのものの書き方はかなり分かってきていると思います。ここから一歩進めて大事になる...
JavaScript JavaScript | Web API：位置情報・センサー － プライバシー配慮
センサーとプライバシーは「技術」じゃなくて「人の生活」に触れている話位置情報・カメラ・マイク・DeviceMotion・DeviceOrientation…。これらは全部、「あなたがどこにいて、何をし...
JavaScript JavaScript | Web API：位置情報・センサー － センサー利用の注意点
センサー利用の「注意点」は“技術”と“人間”の両方を見ること位置情報・DeviceOrientation・DeviceMotion・カメラ・マイク…。どれも「現実世界のあなた」を Web に持ち込むた...
JavaScript JavaScript | Web API：位置情報・センサー － バッテリー API（廃止傾向）
バッテリー API は「端末の電池残量をブラウザから覗く仕組み」だったまずイメージからいきます。バッテリー API（Battery Status API）は、ブラウザから「この端末のバッテリー残量や充...
JavaScript JavaScript | Web API：位置情報・センサー － DeviceMotion
DeviceMotion は「端末がどれくらい“揺れているか・加速しているか”」を教えてくれるセンサーまずイメージからいきます。DeviceMotion は、スマホやタブレットの「動き」そのものを数値...
JavaScript JavaScript | Web API：位置情報・センサー － DeviceOrientation
DeviceOrientation は「端末がどっち向いているか」を教えてくれるセンサーまずイメージからいきます。DeviceOrientation は、スマホやタブレットの「向き」を教えてくれる仕組...
JavaScript JavaScript | Web API：位置情報・センサー － 権限管理
「権限管理」は“ユーザーの OK がないと触れない領域をどう扱うか”の話位置情報・カメラ・マイク・通知・センサー系は、どれも「ユーザーのプライバシーや安全」に直結します。だからブラウザは、こういう機能...
JavaScript JavaScript | Web API：位置情報・センサー － 精度と誤差
「精度と誤差」は“どれくらい当たっていて、どれくらいズレているか”の話位置情報を扱うときに絶対に避けて通れないのが「精度（accuracy）」と「誤差（error）」 です。地図アプリを開いたら、自分...
JavaScript JavaScript | Web API：位置情報・センサー － watchPosition
watchPosition は「動いたらそのたびに現在地を教えてもらう」仕組み前回の getCurrentPosition は「今どこ？」を一回だけ聞く API でした。watchPosition は...
JavaScript JavaScript | Web API：位置情報・センサー － 現在地取得
「現在地取得」は“ブラウザに今いる場所を一回だけ教えてもらう”こと「現在地取得」と聞いたら、まずイメージしてほしいのはこれです。ブラウザに「今どこにいる？」と一度だけ質問して、緯度・経度などの位置情報...
JavaScript JavaScript | Web API：位置情報・センサー － Geolocation API
Geolocation API は「ブラウザに“今どこにいるか”を教えてもらう窓口」まずイメージからいきます。Geolocation API は、ブラウザに対して「このユーザーが今どこにいるか教えて」...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel→PDF変換
Excel→PDF変換は「Excel帳票を自動でPDF化し、提出・共有・保管を一瞬で完了させる」ための最強スキル業務効率化を本気で考える人にとって、Excel→PDF変換の自動化は“Pythonで最も...
30日で身につけるPython Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel→CSV変換
Excel→CSV変換は「Excelをシステム連携しやすいCSV形式に自動変換し、業務フローを高速化する」ための最強スキル業務効率化を本気で考える人にとって、Excel→CSV変換の自動化は“Pyth...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － CSV→Excel変換
CSV→Excel変換は「大量のCSVを一瞬でExcel化し、整形・加工・レポート作成の土台を自動で作る」ための最強スキル業務効率化を本気で考える人にとって、CSV→Excel変換の自動化は“Pyth...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel分割
Excel分割は「大きなExcelを条件ごとに自動で切り分け、管理しやすい小さなファイルに変換する」ための最強スキル業務効率化を本気で考える人にとって、Excel分割（スプリット処理）は“Python...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － 複数Excel統合
複数Excel統合は「大量のファイルを一瞬でまとめ、分析可能な1つのデータに変換する」ための最強スキル業務効率化を本気で考える人にとって、複数Excelファイルの統合は“Pythonで最も効果が高い自...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － ExcelKPIレポート
Excel KPIレポートは「経営判断に必要な指標を自動生成し、意思決定を高速化する」ための最強スキルKPIレポートの自動化は“最も価値の高いExcel業務自動化” です。KPIレポートは、単なる集計...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel経営レポート
Excel経営レポートは「経営判断に必要なKPI・分析・グラフを自動生成し、意思決定を高速化する」ための最強スキル経営レポートの自動化は“最も価値の高いExcel業務自動化” です。経営レポートは、単...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel週次レポート
Excel週次レポートは「毎週の集計・分析・グラフ作成を自動化し、作業時間をゼロにする」ための最強スキル週次レポートの自動化は“最も費用対効果が高いExcel業務自動化” です。毎週のルーティン作業は...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel日次レポート
Excel日次レポートは「毎日の集計・分析・グラフ作成を自動化し、作業時間をゼロにする」ための最強スキル日次レポートは“自動化の恩恵が最も大きいExcel業務”のひとつ です。毎日繰り返す作業こそ、P...
Python Python 業務自動化 | Excel業務自動化：Excel基本操作 － Excel月次レポート
Excel月次レポートは「毎月の集計・分析・グラフ作成を完全自動化し、作業時間をゼロにする」ための最強スキル月次レポートは Python × Excel 自動化の“最も効果が大きい領域” です。毎月の...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：ミニToDoアプリ（CUI）
1日目のゴール1日目のテーマは「ミニToDoアプリを“ちゃんとクラス設計して、List で管理し、入力で動かす”感覚をつかむこと」 です。いきなり完璧なアプリを作るのではなく、クラスをどう分けるかタス...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：Map を使うアプリ
1日目のゴール1日目のテーマは「Map＝“キーと値のペアを覚えておくノート”という感覚をつかむこと」 です。今日はまだ、HashMap の細かいメソッドを全部覚える日ではありません。まずは頭の中に、「...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：List を使うアプリ
1日目のゴール1日目のテーマは「配列は“長さが固定”、ArrayList は“長さが変えられる”」という感覚をつかむこと です。今日はまだ、メソッド名を全部暗記する日ではありません。頭の中にまず、「配...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：コンストラクタ入門アプリ
1日目のゴール1日目のテーマは「コンストラクタって何？」「初期化って何してるの？」を“ふわっと”から“ハッキリ”に変えること です。今日はまだ「書き方を全部覚える日」じゃなくて、コンストラクタ＝そのク...
C# C# | アルゴリズムと再帰関数 (recursive function)
前半：C#で「アルゴリズム」と「再帰関数」の土台をつくるC#は型がはっきりしていて、メソッド呼び出しの流れも追いやすいので、再帰を学ぶにはかなり良い言語だと思う。ここでは、プログラミング初心者でも「再...
Python Python | アルゴリズムと再帰関数 (recursive function)
前半：Pythonで「アルゴリズム」と「再帰関数」の土台をつくるPythonは文法がシンプルで、エラーも読みやすいので、アルゴリズムや再帰を学ぶにはかなり向いている言語だと思う。ここではまず、「アルゴ...
Java Java | アルゴリズムと再帰関数 (recursive function)
前半：Javaで理解する「アルゴリズム」と「再帰関数」の基礎Javaは静的型付けで、関数（メソッド）の動きが明確に見えるため、再帰の学習にとても向いている言語だ。ここでは、プログラミング初心者でも「再...
JavaScript JavaScript | アルゴリズムと再帰関数 (recursive function)
前半：アルゴリズムと再帰関数の「土台」を固めるJavaScriptでアルゴリズムや再帰を学ぶのは、かなり良い選択です。ブラウザでもNode.jsでもすぐ試せるし、エラーもその場で見えるので「手を動かし...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day30：総復習 練習問題
Day30 総復習の練習問題Day30 は「30 日間の学習で身につけた力を、自分の手で確認する日」です。ここでは、総復習の 5 つの柱に沿って、条件分岐・配列・DOM 操作・イベント処理・小規模 W...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day30：総復習
Day30 前半のゴールここまで 29 日間かけて作ってきた TODO アプリは、「小さな Web アプリ」としてちゃんと成立しています。Day30 は総復習。前半では、次のポイントを一つずつ確認して...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day29：TODOアプリ⑤ 練習問題
Day29：TODOアプリ⑤の練習問題Day29 のテーマは コード整理と関数分割。ここでは、前半・後半で学んだ内容をしっかり定着させるために、「実際に手を動かして理解できる」練習問題と丁寧な解答・解...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day29：TODOアプリ⑤
Day29 前半のゴールDay29 のテーマは コード整理と関数分割。ここまでで TODO アプリはかなり機能が増えましたが、そのぶんコードが長くなり、「どこで何をしているのか」が少しずつ見えにくくな...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day28：TODOアプリ④ 練習問題
Day28：TODOアプリ④の練習問題Day28 のテーマは 完了機能（チェックボックスでタスクの状態を切り替える）。ここでは、前半・後半で学んだ内容をしっかり定着させるために、段階的な練習問題と丁寧...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day28：TODOアプリ④
Day28 前半のゴールここまでで、TODOアプリは「追加・削除・保存・復元」までできるようになりました。Day28 のテーマは 完了機能。前半でやるのは、ざっくり言うとこの2つです。タスクに「完了し...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day27：TODOアプリ③ 練習問題
Day27：TODOアプリ③の練習問題Day27 のテーマは localStorage を使ったタスク保存と復元。ここでは、初心者でも確実に理解できるように、段階的な練習問題と丁寧な解答・解説をまとめ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day27：TODOアプリ③
Day27 前半のゴールここまでで、TODOアプリは「追加」と「削除」ができるようになりました。Day27 のテーマは localStorage 保存。前半ではまず、ページをリロードしてもタスクが消え...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day26：TODOアプリ② 練習問題
Day26：TODOアプリ②の練習問題Day26 のテーマは タスク削除機能の実装。ここでは、前半・後半で学んだ内容をしっかり定着させるために、段階的な練習問題と丁寧な解答・解説をまとめます。削除ボタ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day26：TODOアプリ②
Day26 前半のゴールDay25 で「タスクを追加できる TODO アプリ」ができました。Day26 のテーマは タスク削除の実装。前半ではまず、「どのタスクを消すか」をどう特定するか削除ボタンをど...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day25：TODOアプリ① 練習問題
Day25：TODOアプリ①の練習問題Day25 のテーマは TODOアプリのタスク追加機能。ここでは、前半・後半で学んだ内容をしっかり定着させるための練習問題と、丁寧な解答・解説をまとめます。タスク...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day25：TODOアプリ①
Day25 前半のゴールいよいよ「ちゃんとした Web アプリ」に一歩踏み込むところです。Day25 のテーマは TODOアプリ①：タスク追加の実装。前半ではまず、タスクを入力する画面を作る「追加」ボ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day24：アプリ設計 練習問題
Day24：アプリ設計の練習問題Day24 のテーマは 入力・処理・出力。これはどんな Web アプリでも必ず存在する「3つの柱」です。ここでは、初心者でも確実に理解できるように、段階的な練習問題と丁...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：ミニWebアプリ開発 － Day24：アプリ設計
Day24 前半のゴールここからはいよいよ「ミニWebアプリ開発」のフェーズです。Day24 のテーマは アプリ設計。キーワードはとてもシンプルで、入力処理出力この 3 つです。前半では、なぜ「入力・...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day23：総合演習② 練習問題
Day23：総合演習②（簡易メモ帳）の練習問題Day23 のテーマは「簡易メモ帳」。ここまで学んだ DOM 操作・イベント・関数分割・localStorage・デバッグ を総動員して作る総合演習です。...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day23：総合演習②
Day23 前半のゴール今日のテーマは「総合演習②：簡易メモ帳」です。ここまで学んできたDOM 操作フォーム入力localStorage による保存関数分割デバッグ（console.log）を全部まと...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day22：デバッグ 練習問題
Day22：デバッグの練習問題デバッグは「バグを直す技術」ではなく、「バグの原因を見つける技術」です。Day22 の学習内容である console.log と エラー確認 を中心に、初心者でも確実に力...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day22：デバッグ
Day22 前半のゴールここまでで、かなりいろいろ書けるようになってきたはずです。でも、こう感じる瞬間が増えてきていない？「動かない。どこが悪いのか分からない。」「エラーが出てるけど、何を言われている...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day21：関数分割 練習問題
Day21：関数分割の練習問題関数分割は「大規模化の基礎」です。処理を整理し、読みやすく、変更しやすく、再利用しやすいコードを書くための必須スキルです。ここでは Day21 の内容に沿って、初心者でも...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day21：関数分割
Day21 前半のゴールここまでで、DOM 操作・入力チェック・localStorage など、かなり多くのことを学んできました。その結果、こう感じていないでしょうか。「コードが長くなってきて、どこに...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day20：localStorage 練習問題
Day20：localStorageの練習問題localStorage は「ブラウザにデータを保存する」ための仕組みで、Web アプリを作るうえで欠かせない機能です。ここでは Day20 の内容をしっ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day20：localStorage
Day20 前半のゴールここまでで「入力して」「チェックして」「画面に表示する」ところまでは来ました。Day20 では、そこから一歩進んで、「データをブラウザに保存する」ことを学びます。キーワードは ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day19.5：条件 + DOM応用 練習問題
Day19.5：条件 + DOM 応用の練習問題複雑なフォーム処理では、「複数の項目を複数の条件でチェックし、エラーをまとめて管理し、見た目にも反映する」という高度な DOM 操作が必要になります。こ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day19.5：条件 + DOM応用
Day19.5 前半のゴールDay19.5 は、Day19 までに学んだ「入力チェック」「条件分岐」「DOM 操作」をもう一段レベルアップさせて、“ちょっと複雑なフォーム”を扱えるようになる日です。前...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day19：条件 + DOM 練習問題
Day19：条件 + DOMの練習問題入力チェックは「ユーザーの入力をそのまま信用しない」ための重要な技術です。ここでは、Day19 の内容を確実に身につけるために、段階的な練習問題と丁寧な解答・解説...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day19：条件 + DOM
Day19 前半のゴールDay19 は「条件分岐（if）＋ DOM ＋ フォーム入力」を組み合わせて、“ちゃんと入力されているかチェックする” という、超実務的なテーマに入ります。前半のゴールはこうで...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day18.5：フォーム操作② 練習問題
Day18.5：フォーム操作②の練習問題チェックボックスとラジオボタンは、テキスト入力とはまったく違う性質を持つフォーム要素です。「オンかオフか」「複数選択してよいか」「1つだけ選ぶのか」など、ユーザ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day18.5：フォーム操作②
Day18.5 前半のゴールDay18 では「テキスト入力（input.value）」を扱いました。Day18.5 では一歩進んで、チェックボックスとラジオボタンを扱います。チェックボックスとラジオボ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day18：フォーム操作 練習問題
Day18：フォーム操作の練習問題input の値を JavaScript で取得することは、Webアプリの基礎中の基礎です。ここでは、Day18 の内容をしっかり定着させるために、段階的な練習問題と...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day18：フォーム操作
Day18 前半のゴールDay18 では、いよいよ「フォーム操作」に入ります。ここまでで「クリックされたら文字を変える」「要素を増やす」はできるようになりました。ここからは、ユーザーが入力した値を J...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day17：イベント処理 練習問題
Day17：イベント処理の練習問題click イベントは「ユーザーの操作をきっかけに JavaScript を動かす」ための最重要機能です。ここでは、Day17 の内容をしっかり定着させるために、段階...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day17：イベント処理
Day17 前半のゴールDay17 は 「イベント処理」＝ユーザーの操作に反応して JavaScript を動かす仕組み を本格的に理解する日です。特に click イベント は、Webアプリの 80...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day16.5：DOM操作③ 練習問題
Day16.5：DOM操作③の練習問題classList・style・remove は「見た目を変える」「状態を表現する」「要素を消す」という、Webアプリの UI 制御に欠かせない機能です。ここでは...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day16.5：DOM操作③
Day16.5 前半のゴールDay16.5 では、DOM 操作をもう一段レベルアップさせます。これまで「要素を増やす・文字を変える」はできるようになりました。ここからは「見た目を変える」「要素を消す」...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day16：DOM操作② 練習問題
Day16：DOM操作②の練習問題createElement と appendChild は「新しい要素を作って、DOM に追加する」ための基本操作です。Day16 の内容をしっかり定着させるために、...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：Webページを操作できるようになる － Day16：DOM操作②
Day16 前半のゴールDay16 では、いよいよ「HTMLをあとから増やす」世界に入ります。これまでの document.getElementById / textContent は「既にある要素を...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day15：総合演習① 練習問題
Day15：総合演習①の練習問題ボタンクリックで文字を変更する仕組みは、DOM 操作の基礎をすべて含んだ「総合問題」です。document.getElementById、textContent、イベン...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day15：総合演習①
Day15 前半のゴールDay15 は「総合演習」です。ここまで学んできた JavaScript の基礎と DOM 操作を組み合わせて、「ボタンクリックで文字が変わる小さなアプリ」を、自分の手で組み立...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day14：DOM操作① 練習問題
Day14：DOM操作①の練習問題document.getElementById と textContent は、DOM 操作の“入口”であり、Webアプリを作るための最初の大きな壁です。ここでは、初...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day14：DOM操作①
Day14 前半のゴールDay14 からいよいよ「画面（HTML）を JavaScript でいじる世界」に入ります。ここを超えると、「ただの計算」から「動くWebページ」を作る側に回れます。前半のゴ...
Java Java | 1 日 90 分 × 7 日アプリ学習 初級編：クラス分割アプリ
1日目のゴール1日目のテーマは「Javaの“クラス”ってそもそも何者なのか」と「mainメソッドとの関係」を、頭の中でスッキリさせること です。いきなり「クラス分割しよう！」と言われても、クラスの正体...
Python Python | 1 日 120 分 × 7 日アプリ学習：Flaskで作る超簡単Webアプリ（中級編）
1日目のゴール1日目のテーマは「Flaskで“自分のPCの中だけで動く超ミニWebサーバー”を立ち上げて、URLごとに表示内容を変えられるようになる」ことです。ここで言う「Webアプリ」は、いきなり本...
Python Python | 1 日 120 分 × 7 日アプリ学習：API取得アプリ（requests使用）（中級編）
1日目のゴール1日目のテーマは「requests を使って、外部APIからデータを1回取ってくる」 ところまで行くことです。今日できるようになってほしいのは、この2つです。外部APIって何をしているの...
Python Python | 1 日 120 分 × 7 日アプリ学習：tkinterで作るGUIアプリ（中級編）
1日目のゴール1日目のテーマは「tkinterでウィンドウを出して、ボタンを押したら何かが起きる」ここまでを自分の手で動かせるようになることです。今日できるようになってほしいのは、この2つです。ウィン...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day13.5：非同期処理 練習問題
Day13.5：非同期処理 練習問題セットPromise / async / await は、JavaScript を「実務レベル」で扱うための必須スキルです。ここでは、初心者でも確実に理解できるよう...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day13.5：非同期処理
Day13.5 前半のゴール非同期処理は「今すぐ終わらない処理」と仲良くするための仕組みです。ネットワーク通信、ファイル読み込み、タイマーなどはすぐに終わらないので、JavaScript は「待ちなが...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day13：例外処理 練習問題
Day13 例外処理の練習問題try / catch は「エラーが起きてもアプリを落とさない」ための超重要スキルです。ここでは、初心者でも確実に理解できるように、実践的な練習問題と丁寧な解説をまとめま...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day13：例外処理
Day13 前半のゴールDay13 は「エラーが起きたら終わり」から「エラーが起きても、ちゃんと受け止めて処理を続ける」世界に進む日です。前半のゴールはこの2つです。Day13 前半でつかみたい感覚t...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day12.5：オブジェクト応用 練習問題
Day12.5 オブジェクト応用の練習問題ネスト構造とデータ整形は、JavaScript の実務で最も重要なスキルのひとつです。ここでは、初心者でも確実に理解できるように、段階的な練習問題と丁寧な解説...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day12.5：オブジェクト応用
Day12.5 前半のゴールDay12.5 は「オブジェクトを“ただの箱”として見る段階」から「構造を設計して、欲しい形に整える段階」に進む日です。前半のゴールはこの2つです。Day12.5 前半でつ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day12：配列応用 練習問題
Day12 配列応用の練習問題map / filter / forEach は JavaScript 実務で最も使われる三種の神器。ここでは、初心者でも確実に理解できるように、それぞれの特徴を活かした...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day12：配列応用
Day12 前半のゴールDay12 は「配列を“ただ回す”段階から、“意味を持って変換・抽出・処理する”段階」に進む日です。テーマは map / filter / forEach。しかも「実務で超重要...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day11：文字列操作 練習問題
Day11 文字列操作の練習問題template literal / split / replace を「実際に使える」レベルにするための練習問題です。初心者でも確実に理解できるように丁寧に解説します...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day11：文字列操作
Day11 前半のゴールDay11 は「文字列を“ただ表示する”から“自在に扱う”」ステージに進む日です。前半では特に次の感覚をつかむことをゴールにします。Day11 前半で身につけたいことtempl...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day10.5：条件分岐の応用 練習問題
Day11.5 条件分岐の応用の練習問題三項演算子と switch は、JavaScript の条件分岐を「短く」「読みやすく」「安全に」書くための重要ツールです。ここでは、初心者でも確実に理解できる...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day10.5：条件分岐の応用
Day11.5 前半のゴールDay11.5 は「条件分岐をもっとコンパクトに・読みやすく」書くための日です。テーマは三項演算子と switch。前半ではまず、それぞれをこういうイメージでつかむことを目...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day10：関数② 練習問題
Day10 関数②の練習問題Day10 のテーマは スコープ / 無名関数 / アロー関数。ここでは、理解を深めるための練習問題と、それぞれの解答・解説をまとめていきます。関数②は「書き方の幅が広がる...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day10：関数②
Day10 前半のゴールDay10 は「関数レベルを一段上げる日」です。テーマはスコープ・無名関数・アロー関数。前半では特に、Day10 前半で押さえたいポイントスコープ＝「変数が生きている範囲」とい...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day9：関数① 練習問題
Day9 関数①の練習問題Day9 のテーマは function / 引数 / return。ここでは、関数の基本をしっかり理解するための練習問題と、それぞれの解答・解説をまとめていきます。関数は「処...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day9：関数①
Day9 前半のゴールDay9 のテーマは「関数」です。ここから一気に「コードを部品として再利用する」力が手に入ります。前半では、まず次の3つをしっかり押さえることをゴールにします。Day9 前半で身...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day8：オブジェクト 練習問題
Day8 オブジェクトの練習問題Day8 のテーマは オブジェクト / key / value。ここでは、オブジェクトの基本操作をしっかり身につけるための練習問題と、それぞれの解答・解説をまとめていき...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScriptを使えるレベルにする － Day8：オブジェクト
Day8 前半のゴールDay8 のテーマは「オブジェクト」です。ここから一気に「現実世界の情報をそのままコードで表現する」力が手に入ります。前半では、とくに次の感覚をつかむことをゴールにします。Day...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day7：配列 練習問題
Day7 配列の練習問題Day7 のテーマは 配列 / push / splice。ここでは、配列操作の理解を深めるための練習問題と、それぞれの解答・解説をまとめていきます。配列は JavaScrip...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day7：配列
Day7 前半のゴールDay7 のテーマは「配列」です。ここから一気に「データをまとめて扱う」力が手に入ります。前半では、まず次の3つを目標にします。Day7 前半で身につけたいこと配列とは何かをイメ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day6：繰り返し 練習問題
Day6 繰り返しの練習問題Day6 のテーマは for と while。ここでは、繰り返し処理の理解を深めるための練習問題と、それぞれの解答・解説をまとめていきます。初心者がつまずきやすいポイントを...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day6：繰り返し
Day6 前半のゴールDay6 のテーマは「繰り返し」です。ここから一気に「コンピュータらしさ」が強くなります。前半では、特に次の2つを目標にします。Day6 前半で身につけたいこと同じ処理を「何回も...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day5：条件分岐 練習問題
Day5 条件分岐の練習問題Day5 のテーマは if / else / else if。ここでは、条件分岐の理解を深めるための練習問題と、それぞれの解答・解説をまとめていきます。初心者がつまずきやす...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day5：条件分岐
Day5 前半のゴールDay5 のテーマは「条件分岐」です。ここから一気に「プログラムが考えて動く」感じが強くなります。前半では、まず if / else / else if の基本形 をしっかり押さ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day4：演算子 練習問題
Day4 演算子の練習問題Day4 のテーマは 四則演算・比較演算・論理演算。ここでは、学んだ内容をしっかり定着させるための練習問題と、それぞれの解答・解説をまとめていきます。初心者がつまずきやすいポ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day4：演算子
Day4 前半のゴールDay4 のテーマは「演算子」です。演算子は、値と値のあいだで「計算する」「比べる」「組み合わせる」といった操作をするための記号です。前半では、次の3つをしっかり押さえることを目...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day3：データ型 練習問題
Day3 データ型の練習問題Day3 のテーマは string / number / boolean / null / undefined。ここでは、学んだ内容をしっかり定着させるための練習問題と、そ...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day3：データ型
Day3 前半のゴールDay3 のテーマは「データ型」です。Day2 で「変数」という“箱”を学びましたが、今日は「その箱の中に入る中身の種類」を理解していきます。ここを押さえておくと、「この値はどう...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day2：変数 練習問題
Day2 変数の練習問題Day2 のテーマ「let」「const」「変数命名」「基本は const」これらをしっかり理解できているか確認するための練習問題です。すべて 自分の手で書いて動かす ことを前...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day2：変数
Day2 前半のゴールDay2 のテーマは「変数」です。ここをしっかり押さえられるかどうかで、この先の理解スピードが大きく変わります。前半では次の3つに集中します。Day2 前半でやること変数とは何か...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day1：JavaScriptとは・環境構築 練習問題
Day1 練習問題Day1 の内容「JavaScriptとは」「ブラウザで動く仕組み」「HTMLとの関係」「VS Code導入」「scriptタグ」「Hello World」これらをしっかり理解できた...
30日で身につけるJavaScript JavaScript | ゼロからはじめるプログラミング、30日で基礎を学ぶJavaScript：JavaScript文法の基礎 － Day1：JavaScriptとは・環境構築
JavaScript学習カリキュラム（30日完全基礎ロードマップ）カリキュラム全体像このカリキュラムは、プログラミング未経験者が「JavaScriptの基礎を理解し、自力で小さなWebアプリを作れる状...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day30 アウトプット
Day30 前半のゴール「“頭の中の設計”を、他人と共有できる形に書き出せるようになる」いよいよ Day30。ここまでで、MySQL を使って「それなりにちゃんとしたシステム」を作れるところまで来まし...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day29 総合課題
Day29 前半のゴール「“バラバラに学んだピースを、1つのECシステムとして頭の中で組み上げる”」ここまでで、テーブル設計、インデックス、API連携、ログ、権限、障害対応まで、一通りのピースを学んで...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day28 障害対応
Day28 前半のゴール「“DBでトラブルが起きたときの見方”を持てるようになる」ここからは、ちょっと怖いテーマです。「障害対応」――データ破損やロック問題の話です。前半のゴールはこうです。データ破損...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day27 権限管理
Day27 前半のゴール「“誰が何をしていいか”を、設計として説明できるようになる」ここからは「権限管理」です。パフォーマンスやAPI連携が「どう動かすか」だとしたら、権限管理は「誰にどこまで触らせる...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day26 ログ設計
Day26 前半のゴール「“あとからちゃんと追えるDB”とは何かを理解する」ここからは「ログ設計」です。パフォーマンスやAPI連携が“攻め”だとしたら、ログは“守りと証拠”の領域です。今日の前半のゴー...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day25 API連携
Day25 前半のゴール「“APIがDBの入口になる”イメージを、はっきり持てるようになる」Day24 で「アプリから MySQL に直接つなぐ」話をしました。Day25 は、そこにもう一段レイヤーを...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務応用 － Day24 アプリ連携
Day24 前半のゴール「“アプリからMySQLに話しかける”流れを、自分でイメージできるようになる」ここまでで、MySQL 単体での設計・チューニングはかなり触ってきました。Day24 からは「アプ...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：数値エラー行の検出
ゴールのイメージをそろえる今回のテーマは「Power Query で “数値になってほしい列”に変な値が入っている行をきれいに検出する実務テンプレ」です。ここでいう「数値エラー行」は、例えばこんな状態...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：日付が不正な行を除外
ゴールのイメージをそろえる今回のテーマは「Power Query で 日付が変（読めない・ありえない）な行だけをきれいに除外する実務テンプレ」です。やりたいことはシンプルで、「日付が壊れている行は、集...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：日付文字列を日付型変換
ゴールのイメージをそろえる今回のテーマは「2024/10/01 や 2024-10-01 のような“日付っぽい文字列”を、Power Query で ちゃんと日付型（type date）に変換する実務...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：カンマ付き数値を数値化
ゴールのイメージをそろえる今回のテーマは「1,234 や 12,345,678 のような カンマ付き数値を、Power Query で“ちゃんと数値型”に変換する実務テンプレ」です。見た目は数字なのに...
Power Query M Formula Language Power Query 実務テンプレ | クレンジング（前処理）系：改行コード削除
ゴールのイメージをそろえる今回のテーマは「Power Query で セル内に紛れ込んだ改行コード（折り返し）をきれいに削除する実務テンプレ」です。Excel で「セル内改行（Alt+Enter）」が...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － アクセシブル配色設計
アクセシブル配色設計は「誰にとっても読める・分かる色設計」のことおしゃれな配色と、アクセシブルな配色は別物です。アクセシブル配色設計は、「見えにくい人・色の区別がつきにくい人・小さい画面で見る人」も含...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － opacityと透明の違い
opacity と「透明色（rgba/transparent）」は“似ているようで全く違う”初心者が必ずつまずくポイントが opacity と rgba の透明度の違い です。どちらも「透明にする」よ...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － currentColor活用
currentColor は「その要素の文字色を再利用するためのキーワード」currentColor は、「この要素に今効いている color の値」を指す 特別な色キーワード です。一言でいうと、“...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － mix-blend-mode
mix-blend-mode は「下の色と“混ぜて描画する”」フォトショップ系テクニックmix-blend-mode は、要素の色を「そのまま上に乗せる」のではなく、下にある背景や要素の色と“合成して...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － filter応用
filter は「画像や要素に後からレタッチをかける」CSS版フォトショップfilter は、要素そのものにぼかし・明るさ・コントラスト・彩度・モノクロ・セピア…などの“画像加工フィルター” をかける...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － backdrop-filter
backdrop-filter は「要素の後ろにある背景だけをぼかす・加工する」魔法のようなプロパティ普通の filter は「要素そのもの」をぼかしますが、backdrop-filter は “要素...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － グラスモーフィズム
グラスモーフィズムは「背景をぼかした半透明カード」で“空気感”をデザインする技術ガラス越しに背景が見えるような、ふわっと透けて、光がにじむ UI 表現。それが「グラスモーフィズム（Glassmorph...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － グラデーションボーダー
グラデーションボーダーは「線そのものをデザインする」テクニックボーダーは本来「1色の線」ですが、グラデーションボーダーを使うと 枠そのものが装飾要素 になります。カード、ボタン、バッジ、セクションの囲...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － conic-gradient
conic-gradient は「円を中心に色が回転する」ちょっとトリッキーなグラデーションlinear-gradient が「線」、radial-gradient が「円の広がり」だとしたら、con...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － radial-gradient
radial-gradient は「光のにじみ・スポットライト」を作る背景テクニックlinear-gradient が「線」で色を変えるのに対して、radial-gradient は “円や楕円を中心...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － linear-gradient
linear-gradient は「色を滑らかにつなぐ」背景デザインの基本背景色をただ塗るだけではなく、色と色を自然につなげて“奥行き・光・立体感”を作る のが linear-gradient() で...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － rgba透明表現
rgba は「色に透明度を足す」ための最も基本で強力なテクニック背景色・ボタン・オーバーレイ・影・グラデーションなど、透明度を扱うデザイン では必ず使うのが rgba() です。初心者がつまずきやすい...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － prefers-color-scheme
prefers-color-scheme は「ユーザーの OS 設定に自動で合わせる」ための最強ダークモード技術ダークモード対応には「ユーザーがライト/ダークを選ぶ」「OS の設定に自動で合わせる」と...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － ダークモード対応
ダークモード対応は「色を切り替える」のではなく「テーマを切り替える」設計ダークモードは、単に背景を黒くするだけではありません。“ライトテーマ”と“ダークテーマ”という2つのテーマを切り替える設計 が本...
CSS CSS Tips | 超実務コアCSSテクニック：カラー・背景 － CSS変数（カスタムプロパティ）
CSS変数（カスタムプロパティ）は「色・余白・フォント」を“プロジェクト全体で統一”する最強の仕組みCSS変数（custom properties）は、「値に名前をつけて再利用できる」 という、デザイ...
C# C# Tips | ログ・例外・診断：タスク例外処理
はじめに：タスク例外処理は「非同期の失敗を“なかったこと”にしない技術」async/await や Task を使い始めると、最初にハマりやすいのが 「例外がどこに行ったか分からない問題」 です。同期...
C# C# Tips | ログ・例外・診断：グローバル例外
はじめに：「グローバル例外」は“アプリ全体でただ一つの例外の窓口”を作ること例外処理って、最初は「必要なところで try-catch 書けばいいでしょ？」で済ませがちですよね。でもアプリが大きくなると...
C# C# Tips | ログ・例外・診断：未処理例外捕捉
はじめに：「未処理例外捕捉」は“最後の砦”を用意することどれだけ丁寧に try-catch を書いても、どこかで必ず「取りこぼしの例外」が出ます。想定していなかったバグ、ライブラリ内部の例外、テストで...
C# C# Tips | ログ・例外・診断：例外ログ共通化
はじめに：例外ログ共通化は「どこで落ちても、同じ形で記録する」ための仕組み業務システムが大きくなると、あちこちで例外をログに書くコードが散らばりがちになります。catch (Exception ex)...
C# C# Tips | ログ・例外・診断：スタックトレース整形
はじめに：スタックトレース整形は「エラーの道筋を、人間が読める形にする」技例外が発生したとき、ex.ToString() や ex.StackTrace をそのままログに出すと、情報は多いけれど「どこ...
C# C# Tips | ログ・例外・診断：例外再スロー
はじめに：「例外再スロー」は“いったん受け止めてから、ちゃんと投げ直す”テクニック例外をキャッチしたあとに、こう思う場面がよくあります。ログは取りたいでも、この場では処理できないだから、上の層に判断を...
C# C# Tips | ログ・例外・診断：例外ラップ
はじめに：「例外ラップ」は“生のエラーを、そのまま外に漏らさないためのフィルター”業務システムを書いていると、いろんな層で例外が飛びます。DB アクセス、外部 API、ファイル I/O、ライブラリ内部...
C# C# Tips | ログ・例外・診断：ログローテート
はじめに：ログローテートは“ログを永遠に増やさないための自動整理術”ログを出し続けるアプリは、放っておくと ログファイルが無限に肥大化 します。その結果、ディスクがいっぱいになり、アプリが止まることす...
C# C# Tips | ログ・例外・診断：ログ削除
はじめに：「ログ削除」は“未来のトラブル調査”と“ディスク容量”の綱引き調整ちゃんとログを出し始めると、次に必ず出てくるのが「ログが消えない問題」です。ログは残しておきたい、でもディスクは有限。このバ...
C# C# Tips | ログ・例外・診断：ログ圧縮
はじめに：「ログ圧縮」は“ログを捨てずに、場所だけ小さくする”技業務システムでログをちゃんと出し始めると、必ずぶつかる問題があります。「ディスクがログでパンパンになる」です。ログは残しておきたい。でも...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day23 設計演習
Day23 前半のゴール「“ECサイトのDB設計”を、怖がらずに分解して考えられるようになる」いよいよ設計演習です。テーマは「ECサイトのDB設計」。いきなり完璧な設計を作る必要はありません。今日の前...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day22 バックアップ
Day22 前半のゴール「“もしDBが飛んでも戻せる”状態を、自分で作れるイメージを持つ」ここからは「パフォーマンスと設計」だけでなく、「守り」の話に入ります。テーマはバックアップ――mysqldum...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day21 パーティショニング
Day21 前半のゴール「“テーブルを分けて速くする”という発想を、自分の言葉で説明できるようになる」今日のテーマは「パーティショニング」です。一言でいうと、巨大テーブルを“論理的には1つのテーブルの...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day20 正規化と非正規化
Day20 前半のゴール「“正規化が正義”でも“非正規化が悪”でもなく、目的で選べるようになる」今日は「正規化と非正規化」です。ここは、実務に出たときにほぼ確実にぶつかるテーマです。前半のゴールはこう...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day19 クエリチューニング②
Day19 前半のゴール「JOIN が遅いときに“どこが悪いか”を冷静に切り分けられるようになる」Day18 では「遅いSQL全般」のチューニングをやりました。Day19 はその中でも、実務で一番ハマ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day18 クエリチューニング①
Day18 前半のゴール「“なんとなく遅いSQL”を、筋道立てて改善ポイントまで分解できるようになる」Day18 からはいよいよ「クエリチューニング」です。テーマは「遅いSQLの改善」。ここで目指すの...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day17 インデックス設計
Day17 前半のゴール「“なんとなく”ではなく“理由を持って”インデックスを貼れるようになる」Day17 のテーマはインデックス設計です。ここからが、パフォーマンスと設計の本丸です。一言で言うと、今...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：パフォーマンスと設計 － Day16 実行計画
Day16 前半のゴール「EXPLAIN を“怖い表”じゃなくて“SQLの行動ログ”として読めるようになる」ここからいよいよ「パフォーマンスと設計」の世界に入ります。Day16 の主役は EXPLAI...
Python Python | 1 日 120 分 × 7 日アプリ学習：エラーハンドリング付き入力アプリ（中級編）
1日目のゴール1日目のテーマは「try / except を使って、入力エラーでアプリが落ちないようにする」 ことです。今日のゴールはシンプルです。ユーザーに数字を入力してもらう間違った入力（文字など...
Python Python | 1 日 120 分 × 7 日アプリ学習：JSON保存アプリ（中級編）
1日目のゴール1日目のテーマは「JSONって何者かを理解して、Pythonで“とりあえず保存して読み戻す”ところまでできるようになること」です。今日はまだ「アプリ」までは行きません。でも、ここで学ぶJ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day15 中間課題
Day15 前半のゴール「ここまで学んだ要素を“注文処理システム”として頭の中で組み立てられるようにする」Day15 は中間課題です。テーマは「注文処理システムを実装」です。ここまでで、あなたはすでに...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day14 トランザクション
Day14 前半のゴール「“お金の振込”をイメージしながらトランザクションを理解する」今日のテーマはトランザクションとロックです。ここから一気に「実務っぽさ」が増えます。まず一言で言うと、トランザクシ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day13 トリガー
Day13 前半のゴール「“INSERT にフックする自動処理”としてトリガーをイメージできるようにする」今日のテーマはトリガー（TRIGGER）です。ここから一気に「DBが自分で動き出す」感じが強く...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day12 ストアドプロシージャ②
Day12 前半のゴール「“SQLの中でプログラムを書く”感覚をつかむ」Day11 でストアドプロシージャの基本構文と、IN / OUT パラメータ、IF・CASE の入口まで触れました。Day12 ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day11 ストアドプロシージャ①
Day11 前半のゴール「“SQL版の関数”としてストアドプロシージャをイメージできるようになる」ここからは、いよいよ「DBの中で動くプログラム」、ストアドプロシージャの世界に入ります。SQLite ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day10 ビュー
Day10 前半のゴール「ビューを“保存されたSELECT文”としてイメージできるようになる」Day10 のテーマはビュー（VIEW）です。SQLite にもビューはありましたが、使わずに来た人も多い...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day9 サブクエリ最適化
Day9 前半のゴール「EXISTS と IN を“なんとなく同じ”から卒業する」今日はサブクエリの中でも、実務で頻出のテーマEXISTS と INを扱います。多くの人が最初こう思います。「EXIST...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：実務SQL力 － Day8 JOINの最適化
Day8 前半のゴール「JOIN は“上から順に実行されない”ことを理解する」ここからいよいよ「実務SQL力」に入っていきます。Day8 のテーマは JOIN の最適化、その中でも「実行順序」です。多...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day7 復習課題
Day7 前半のゴール「“SQLiteで書けたCREATE TABLE”を、MySQL流に書き直せるようになる」Day7 は、ここまで学んだ差分を一気に使う「総復習の入り口」です。テーマはシンプルで、...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day6 インデックス基礎
Day6 前半のゴール「“インデックス＝検索用の目次”を、感覚レベルで理解する」SQLiteでもインデックスはありましたが、「なんとなくPRIMARY KEYに勝手についてるやつ」くらいの理解で済ませ...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day5 制約の強化
Day5 前半のゴール「“あいまいなデータ”をDBレベルで拒否できるようになる」今日は「制約（constraint）」の中でも、特に重要な2つに絞ります。PRIMARY KEYFOREIGN KEYS...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day4 文字コードと照合順序
Day4 前半のゴール「“文字化けしない”だけじゃなく、“正しく比較・ソートできる”を意識する」SQLite を使っていると、文字コードやソート順をあまり意識しないままでも、そこそこ動いてしまいます。...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day3 基本操作の確認
Day3 前半のゴール「SQLiteで知っている基本操作を、“MySQLの文法とクセ”で再確認する」今日はあえて「復習レベル」でいきます。テーマはこの3つです。CREATE TABLEINSERT /...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day2 SQLiteとの違い
Day2 前半のゴール「“なんとなくTEXTだけ”から、“型を意識して設計する”に切り替える」SQLite では、正直こうでしたよね。TEXT と INTEGER と REAL があればだいたい何とか...
30日で身につけるMySQL MySQL | SQLite経験者向け、30日で習得するMySQL：差分理解 － Day1 環境構築
Day1 前半のゴール「SQLiteとの“違い”を意識しながら、MySQLの入口に立つ」この30日コースは「SQLiteは触ったことがある人」が前提です。だから Day1 では、まっさらな説明ではなく...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day30 アウトプット
Day30 前半のゴール「“SQLだけでレポートを作る”感覚と、“他人に説明する”視点を手に入れる」ここまで29日間、テーブル設計・JOIN・集計・インデックス・EC風DB設計まで、一通りやってきまし...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day29 総合課題
Day29 前半のゴール「“ECサイト風”の世界を、テーブル設計に落とし込めるようになる」いよいよ Day29、総合課題です。テーマは 小規模データベースをゼロから設計（ECサイト風）。前半のゴールは...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day28 パフォーマンス基礎
Day28 前半のゴール「インデックスって“何者か”を、体感レベルで理解する」ここまでで、かなり複雑な JOIN や集計を書けるようになりました。次のテーマは パフォーマンス基礎：インデックス です。...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day27 実践クエリ
Day27 前半のゴール「“複雑そうに見えるJOIN＋集計”を、怖がらずに分解して読めるようになる」Day25〜26 で、顧客・商品・注文・注文明細を分けて設計し、正規化の感覚もつかんできました。Da...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day26 設計改善
Day26 前半のゴール「“とりあえず動く設計”から“一生付き合える設計”に育てる感覚をつかむ」Day25 までで、顧客・商品・注文のテーブルを分けて、それなりに“ちゃんとした”売上管理ができるように...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day25 ミニ課題②
Day25 前半のゴール「顧客×商品×注文を“ちゃんと分けて”設計できるようになる」Day24 では「顧客だけ」の世界でした。Day25 は一気に現実寄りになります。テーマは 売上管理（顧客×商品×注...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：実践 － Day24 ミニ課題①
Day24 前半のゴール「小さくても“ちゃんとした顧客管理テーブル”を自分で設計して作る」ここからは「実践編」です。Day24 のテーマは、ミニ課題としての 顧客管理テーブル。前半では、次のところまで...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day23 ビュー
Day23 前半「VIEW は“よく使う SELECT に名前をつけてテーブルみたいに扱う仕組み」だと思っていいここまで、テーブルを設計してSELECT / JOIN / サブクエリで欲しい形の結果を...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day22 サブクエリ②
Day22 前半「EXISTS / IN は“あるかどうか”を聞くためのサブクエリ専用キーワード」Day21 では、SELECT の中にサブクエリを入れて「1行ごとの追加情報」をくっつけました。Day...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day21 サブクエリ①
Day21 前半「SELECT の“1列”として、もう1回 SELECT を動かす」という発想を持つここまであなたは、1つの SELECT でテーブルから行を取り出す複数テーブルを JOIN して情報...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day20 複数テーブル設計
Day20 前半「テーブルを“ちゃんと分ける”ことで、あとから自分を助けるのが正規化」ここまで、1つのテーブルを前提にSELECT / JOIN / UPDATE / DELETE / INDEX を...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day19 インデックス
Day19 前半「インデックス＝“本の索引”をテーブルに付けて、検索を一気に速くする」ここまでで、SELECT・JOIN・WHERE・GROUP BY…いろいろな「検索の技」を覚えてきました。でも、デ...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day18 制約
Day18 前半「そもそも“おかしなデータ”が入らないようにする」ための仕組みが制約ここまで、SELECT（読む）UPDATE（書き換える）DELETE（消す）をやってきました。ここで一度、視点をガラ...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day17 削除
Day17 前半「本当に消える」DELETE は、UPDATE よりさらに“重い一手”ここまでで、SELECT（読む）UPDATE（書き換える）をやってきました。Day17 のテーマは DELETE（...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：データ操作・設計 － Day16 更新
Day16 前半「データを書き換える」という、検索とはまったく違う“力”を手に入れるDay1〜Day15 までは、SELECT を中心に「データを読む」ことを学んできました。Day16 からは、いよい...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day15 結合②
Day15 前半「片方にしかいないデータも“落とさずに見る”」ための LEFT JOINDay14 で学んだ INNER JOIN は、「両方のテーブルに相手がいる行だけを残す結合」でした。Day15...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day14 結合①
Day14 前半「バラバラのテーブルを“意味のある1枚”にくっつける」のが JOINここまでずっと、1つのテーブルだけを相手にしてきました。users なら users だけ、orders なら or...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day13 条件付き集計
Day13 前半「グループを作った“あと”に条件をかける」という新しい一手Day12 で、GROUP BY を使って「ユーザーごとの合計」「日付ごとの件数」のような グループ単位の集計 ができるように...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day12 グループ化
Day12 前半「1件ずつ」ではなく「グループごと」に数字を見る世界に入るここまでで、COUNT / SUM / AVG / MAX / MIN を使って「テーブル全体」や「WHERE で絞った一部」...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day11 集計②
Day11 前半「平均・最大・最小」で“数字の性格”をつかみにいくDay10 では、COUNT と SUM を使って「何件あるか」「合計はいくらか」を数字で見るところまで来ました。Day11 では、そ...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day10 集計①
Day10 前半「行そのもの」ではなく「行の“数”や“合計”を見る」世界に入るDay9 までは、どの行を取るか（WHERE）どの順番で並べるか（ORDER BY）どれだけ取るか（LIMIT）をコントロ...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day9 件数制御
Day9 前半「全部はいらない、そのうち何件かだけでいい」をSQLで言えるようにするDay8 までで、どの行を取るか（WHERE）どの順番で並べるか（ORDER BY）はコントロールできるようになりま...
30日で身につけるSQLite SQLite | ゼロからはじめるSQL、30日で習得するSQLite：検索力強化 － Day8 並び替え
Day8 前半「どの順番で見るか」をコントロールできるようになる日Day7 までで、どの行を取るか（WHERE）どの列を見るか（SELECT）はコントロールできるようになりました。Day8 では、そこ...