JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（LibreTranslate APIで翻訳アプリ）
2026-02-06
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な数値計算
なぜ「安全な数値計算」が業務で重要になるのか業務コードの数値計算は、単なる足し算・引き算では終わりません。外部 API のレスポンス、フォーム入力、DB の値など、「本当に数値か分からないもの」を相手...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – null 合体代入
「null 合体代入」とは何をしてくれる構文か「null 合体代入」は、「その変数が null または undefined のときだけ、デフォルト値を代入する」ということを一発で書ける構文です。Jav...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – undefined 防止代入
「undefined 防止代入」とは何を守りたいのか「undefined 防止代入」は、一言でいうと「よく分からない値を代入したせいで、ちゃんと入っていた値を undefined で上書きしてしまう事...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 存在チェック付き実行
「存在チェック付き実行」とは何を守りたいのか存在チェック付き実行は、一言でいうと「その値が“本当に実行していい関数か”を確認してから呼ぶ」ためのパターンです。業務コードでよくあるのが、こういうやつです...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – オプショナル取得
「オプショナル取得」とは何を楽にしたいのかオプショナル取得は、一言でいうと「あるかもしれないし、ないかもしれない値を“落とさずに”扱うための取り方」です。業務コードだと、こんな状況が日常茶飯事です。u...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全なプロパティ取得
なぜ「安全なプロパティ取得」が業務で必須になるのか業務コードで一番よく見るエラーの一つがこれです。Cannot read properties of undefined (reading 'xxx')...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – デフォルト値補完
なぜ「デフォルト値補完」が業務でめちゃくちゃ大事なのか業務コードでは、「外から来る値」がとにかく信用できません。API レスポンス、フォーム入力、設定ファイル、環境変数、ローカルストレージなど、どれも...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – try-catch ラッパー
なぜ「try-catch ラッパー」が業務で効いてくるのかまず前提として、JavaScript の try-catch は「例外が投げられても、アプリ全体を落とさずに処理を続けるための仕組み」です。t...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な JSON stringify
JSON.stringify の基本をまず押さえるJSON.stringify は、「JavaScript の値（オブジェクトや配列など）を JSON 文字列に変換する関数」です。const obj ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な JSON parse
JSON.parse が「危険」になりやすい理由まず前提として、JSON.parse は「JSON 形式の文字列を、JavaScript の値（オブジェクトや配列など）に変換する関数」です。const...
Java Java | Java 詳細・モダン文法：設計・実務視点 – モダン Java 総復習
モダン Java 総復習のゴールここまで「設計・実務視点」でいろいろ見てきましたが、モダン Java を一言でまとめると、こういう世界観になります。「Java 8 以降の機能（ラムダ、Stream、O...
Java Java | Java 詳細・モダン文法：設計・実務視点 – 実務でよくある罠
「実務でよくある罠」とは何かここでいう「罠」は、コンパイルは通るし一見正しく動いているように見えるのに、本番や長期運用の中でじわじわ効いてきて、バグ・障害・保守地獄につながるポイントのことです。初心者...
Java Java | Java 詳細・モダン文法：設計・実務視点 – モダン構文の使い過ぎ問題
「モダン構文の使い過ぎ問題」とは何かJava には、ラムダ式、Stream API、Optional、record、switch 式、パターンマッチングなど、「モダンでカッコいい構文」がたくさんありま...
Java Java | Java 詳細・モダン文法：設計・実務視点 – 公開 API の互換性
公開 API の互換性とは何か公開 API の互換性とは、「一度公開した API を、後から変更しても利用者のコードが壊れないようにすること」です。ここでいう「利用者」は、あなたのクラスを呼び出す別の...
Java Java | Java 詳細・モダン文法：設計・実務視点 – API 設計観点
API 設計観点とは何かAPI 設計観点とは、「他の人（他のクラス・他の開発者・他のシステム）が使いやすく、安全で、誤解されないインターフェースをどう作るか」という視点のことです。Java の API...
Java Java | Java 詳細・モダン文法：設計・実務視点 – ライブラリ選定基準
ライブラリ選定基準とは何かライブラリ選定基準とは、「このプロジェクトでどの外部ライブラリを使うかを判断するためのルール」 のことです。Java の世界には膨大なライブラリがあります。便利なものもあれば...
Java Java | Java 詳細・モダン文法：設計・実務視点 – チーム内 Java 方針
チーム内 Java 方針とは何かチーム内 Java 方針とは、「このチームでは Java をこう使う」という“共通ルール・共通思想”のことです。コーディング規約が「書き方のルール」だとすれば、チーム内...
Java Java | Java 詳細・モダン文法：設計・実務視点 – コーディング規約統一
コーディング規約統一とは何かコーディング規約統一とは、「プロジェクト全員が同じ“書き方のルール”でコードを書くようにすること」です。これは単なる“見た目の統一”ではありません。読みやすさ、保守性、レビ...
Java Java | Java 詳細・モダン文法：設計・実務視点 – LTS バージョン
LTS バージョンを一言でいうとJava の LTS（Long-Term Support）バージョンは、「長期間サポートされる“安定版”の Java」です。実務で言うと、「会社やプロジェクトが“これを...
Java Java | Java 詳細・モダン文法：設計・実務視点 – バージョンアップ対応
バージョンアップ対応を一言でいうとJava のバージョンアップ対応は、「今ちゃんと動いているシステムを壊さずに、新しい Java（JDK/JRE）に乗り換えるための一連の作業」です。単に「JDK を入...
Java Java | Java 詳細・モダン文法：設計・実務視点 – 非推奨 API の扱い
「非推奨 API」とは何か非推奨 API（deprecated API）は、「今はまだ使えるけれど、将来は消えるかもしれない／使ってほしくない」と宣言された API のことです。Java では @De...
Java Java | Java 詳細・モダン文法：設計・実務視点 – レガシーコード対応
レガシーコード対応を一言でいうとレガシーコード対応は、「よく分からないけど本番で動いている古いコード」を、壊さずに理解し、少しずつ安全にマシな状態へ近づけていく作業です。「全部書き直したい」という気持...
Java Java | Java 詳細・モダン文法：設計・実務視点 – 古い Java との互換性
「古い Java との互換性」とは何を指しているか「古い Java との互換性」というとき、実は複数のレイヤーの話が混ざっています。コンパイルしたクラスファイルが、どのバージョンの JVM で動くかと...
Java Java | Java 詳細・モダン文法：設計・実務視点 – モダン Java の書き方
「モダン Java の書き方」とは何かここでいう「モダン Java」は、Java 8 以降で手に入った機能や考え方を前提にした書き方のことだと思ってください。昔ながらの「for 文だらけ・null だ...
Java Java | Java 詳細・モダン文法：設計・実務視点 – 可読性とパフォーマンスのバランス
「速いコード」より「分かるコード」が先まず大前提として、実務では「とにかく速いコード」より「読んで分かるコード」の方が価値が高いです。なぜかというと、ほとんどのコードは「読む時間＞書く時間＞実行時間」...
Java Java | Java 詳細・モダン文法：設計・実務視点 – defensive programming
defensive programming を一言でいうとdefensive programming（防御的プログラミング）は、「相手（呼び出し側や外部システム）が“ちゃんとしている”と期待しすぎない...
Java Java | Java 詳細・モダン文法：設計・実務視点 – イミュータブル設計
イミュータブル設計を一言でいうとイミュータブル（immutable）は、「一度作ったら中身が変わらないオブジェクト」のことです。Java で一番有名なのは String です。String は rep...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise の落とし穴
まず「Promise の落とし穴」をざっくり整理するPromise 自体は仕組みとしてはそんなに難しくないのに、実際に書き始めると「なんか思った通りに動かない」「エラーが消える」「順番がおかしい」みた...
JavaScript JavaScript | 非同期処理：Promise 応用 – 非同期関数の再利用
「非同期関数の再利用」を一言でいうと非同期関数の再利用は、「一度作った Promise ベースの処理を、“場面だけ変えて何度も使い回せる形” に設計すること」です。言い換えると、同じような API 呼...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise のラップ
まず「Promise のラップ」を一言でいうとPromise の「ラップ」とは、「既存の処理（コールバック形式や Promise など）を “Promise を返す関数” という形に包み直して、扱いや...
JavaScript JavaScript | 非同期処理：Promise 応用 – 条件付き非同期処理
「条件付き非同期処理」って何かをまずイメージするPromise を使っていると、だんだんこういう場面が出てきます。「A の結果しだいで、B を呼ぶか呼ばないか決めたい」「ログイン済みなら API を叩...
JavaScript JavaScript | 非同期処理：Promise 応用 – 逐次処理の書き方
まず「逐次処理」とは何かをはっきりさせるPromise で言う「逐次処理（ちくじ処理）」は、「非同期処理を A → B → C… のように“順番に”実行する書き方」 のことです。具体的には、A が終わ...
JavaScript JavaScript | 非同期処理：Promise 応用 – 並列処理の考え方
まず「並列処理」をざっくりイメージでつかむJavaScript の Promise でいう「並列処理」は、「待ち時間がある処理を “同時にスタート” させて、全部終わる（またはどれかが終わる）のを待つ...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise.any
Promise.any を一言でいうとPromise.any は、「複数の Promise のうち、“最初に成功したもの 1 つ” だけの結果を採用する関数」 です。race が「一番早く 成功でも失...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise.race
Promise.race を一言でいうとPromise.race は、「複数の Promise のうち、“一番早く決着したやつだけ” の結果を採用する関数」 です。race（レース）という名前の通り、...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise.allSettled
Promise.allSettled を一言でいうとPromise.allSettled は、「複数の Promise が “成功しても失敗しても、とにかく全部終わるまで待ち、結果をぜんぶレポートして...
JavaScript JavaScript | 非同期処理：Promise 応用 – Promise.all
Promise.all を一言でいうとPromise.all は、「複数の Promise を“同時に走らせて”、全部そろったら結果をまとめて受け取るための関数」です。たとえば、ユーザー情報を取得する...