入門

スポンサーリンク
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - SPA と MPA

SPA と MPA を一言でいうとSPA は Single Page Application(シングルページアプリケーション) の略で、「最初に 1 つのページを読み込んだあと、画面の中身だけを JavaScript で差し替え続けるスタイ...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - フロントエンド / バックエンド

フロントエンド / バックエンドを一言でいうとフロントエンドは「ユーザーの目に見える“表側”」。バックエンドは「見えないところで動いている“裏側の頭脳と心臓”」。あなたが Java で書くのは、基本的にこの「バックエンド側」です。でも、フロ...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - 3 層アーキテクチャ

3 層アーキテクチャを一言でいうと3 層アーキテクチャは、「Web アプリを 3 つの役割にきれいに分けて作ろう」という設計の型 です。プレゼンテーション層(画面・API の入り口)アプリケーション層(ビジネスロジック)データアクセス層(D...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - 動的コンテンツ

動的コンテンツを一言でいうと動的コンテンツは、「リクエストのたびにサーバー側で中身を“その場で作って返すコンテンツ」 です。誰がアクセスしたかいつアクセスしたかどんな条件でアクセスしたかによって、返す内容が変わるものはすべて動的コンテンツで...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - 静的コンテンツ

静的コンテンツを一言でいうと静的コンテンツは、「サーバー側で中身が変わらないファイルを、そのままブラウザに配るもの」です。HTML、CSS、画像(PNG/JPEG)、JavaScript ファイル、PDF など、「リクエストされるたびに同じ...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - アプリケーションサーバー

アプリケーションサーバーを一言でいうとアプリケーションサーバーは「ビジネスロジックを本気で動かすための“Java 実行プラットフォーム”」だと思ってください。Web サーバーが「HTTP を受け取って返す受付係」だとしたら、アプリケーション...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - Web サーバーとは

Web サーバーを一言でいうとWeb サーバーは、「ブラウザ(クライアント)からの HTTP リクエストを受け取り、HTTP レスポンスを返す“受付兼配達係”」です。ブラウザが「このページください」「このデータください」とお願いすると、We...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - ブラウザの役割

ブラウザの役割を一言でいうとブラウザは、「人間と Web の世界をつなぐ“通訳兼プレイヤー”」です。人間が URL を入力したりボタンを押したりすると、ブラウザがサーバーに HTTP リクエストを送り、返ってきた HTML・CSS・Java...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - クライアントとサーバー

クライアントとサーバーを一言でいうとクライアントとサーバーは、「お願いする側」と「応える側」です。ブラウザやスマホアプリが クライアント、そのリクエストを受け取って処理するのが サーバー。Web の世界は、この二者が HTTP という共通ル...
Java

Java | Web 基礎・HTTP・REST:Web 全体像 - Web アプリの仕組み

Web 全体像をざっくりつかむまずは「ブラウザで URL を開くと、裏で何が起きているのか」をイメージでつかみましょう。あなたがブラウザに と入力して Enter を押すと、ブラウザは「サーバー」に対して「そのページをください」とお願いを送...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - 排他制御の考え方

排他制御を一言でいうと排他制御(はいたせいぎょ)は、「同時に走ると困る処理を、“必ず1つずつしか動かさないようにする考え方” です。非同期処理が増えてくると、「同じデータを同時に書き換える」「同じ処理が二重に走る」といった問題が起きやすくな...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - 競合状態(Race Condition)

競合状態(Race Condition)を一言でいうと競合状態(Race Condition)は、「どっちの非同期処理が先に終わるかによって、結果が変わってしまう危険な状態」 です。コード上は「こう動くはず」と思って書いているのに、実際には...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - 非同期状態管理

「非同期状態管理」を一言でいうと非同期状態管理は、「今この非同期処理が、どの状態にいるのかをコードと UI で一貫して扱うこと」 です。例えば、API 呼び出しひとつ取っても、状態はざっくりこう変わります。まだ何もしていない(idle)リク...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - WebSocket との比較

WebSocket とポーリングの違いを一言でまとめるとポーリングは 「クライアントが定期的にサーバーへ様子を見に行く」 方式。WebSocket は 「サーバーとクライアントが常時つながり、サーバーから即時通知できる」 方式。どちらも「サ...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - ポーリング

ポーリングを一言でいうとポーリング(polling)は、「サーバー側の状態が変わったかどうかを、クライアント側から定期的に“様子見”しに行く仕組み」です。サーバーから「変わったよ!」と通知してくれるのではなく、クライアントが「変わった?」「...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - スロットリング

スロットリングを一言でいうとスロットリング(throttle)は、「どれだけ連続でイベントが発生しても、“一定間隔ごとにしか処理を実行させない”テクニック です。スクロール、マウス移動、リサイズなどは、1秒間に何十回・何百回とイベントが飛び...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - デバウンス

デバウンスを一言でいうとデバウンスは、「連続して何度も呼ばれる処理を、“最後の1回だけ”にまとめるテクニック」 です。ユーザーがキーボードを連打したり、入力ボックスに高速で文字を打ち込んだりすると、イベントはそのたびに発火します。そのたびに...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - キャンセル処理(AbortController)

キャンセル処理(AbortController)を一言でいうとAbortController は、「一度投げた非同期処理(特に fetch)を、あとから“やっぱりやめる”と止めるための仕組み」 です。普通の Promise や async/...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - 多重送信防止

多重送信防止を一言でいうと多重送信防止は、「ユーザーが同じ操作を連打しても、サーバーには“1 回分だけ”しか飛ばさないようにする仕組み」 です。非同期処理(特にフォーム送信やボタン押下)では、ユーザーが不安になってボタンを何度も押すことがあ...
JavaScript

JavaScript | 非同期処理:実務での非同期制御 - ローディング表示

ローディング表示を一言でいうとローディング表示は、「今、アプリはちゃんと動いているよ。止まっているんじゃなくて“待っているだけ”だよ」とユーザーに伝えるためのサインです。非同期処理(fetch / API 通信)は、「ボタンを押してから結果...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 明示的に型を指定するケース

ゴール:「ふだんは推論に任せる。でも“ここだけは型を言語化したい”場面を見抜けるようになる」ジェネリクスは基本的に「型推論に任せる」のが正解です。それでも、あえて <T> を書いた方がいい場面がいくつかあります。ここでは、「どんなときに、な...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 関数とジェネリクスの推論

ゴール:「<T> を書かなくても、勝手に T を決めてくれる感覚をつかむジェネリクスの一番おいしいところのひとつが、「型パラメータをほとんど書かなくていい」ことです。TypeScript が、関数の引数や戻り値から T を自動で推論してくれ...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - デフォルト型パラメータ

ゴール:「毎回 <T, string> と書かなくても済む“親切なジェネリクス”を書けるようになるデフォルト型パラメータは一言でいうと、「ジェネリクスに“デフォルトの型”を用意しておく仕組み」です。関数の引数にデフォルト値をつけるのと同じで...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 制約付きジェネリクス関数

ゴール:「なんでも T」ではなく「こういう T だけOK」を自分でコントロールできるようになる制約付きジェネリクス関数は一言でいうと、「ジェネリクスの“自由さ”に、ちょっとだけ“条件”を足した関数」です。普通のジェネリック関数は「T はなん...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 型パラメータの制約(extends)

ゴール:「T はなんでもアリ」から「T は“こういう型だけ”に絞る」感覚をつかむジェネリクスに制約(extends)をつける一番の目的は、「T はなんでもいいわけじゃなくて、“この条件を満たす型だけ”にしたい」というときに、型レベルでそれを...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 複数型パラメータ

ゴール:「T だけじゃ足りないときに、自然に型パラメータを増やせるようになる」ジェネリクスに慣れてくると、「T だけじゃ足りないな…もう1種類、型を扱いたい」という場面が必ず出てきます。複数型パラメータは、そのための仕組みです。一言でいうと...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - ジェネリクスとanyの違い

ゴール:「どっちも“なんでも受け取れる”のに、なぜジェネリクスが偉いのか」を腑に落とすジェネリクスも any も、一見どちらも「どんな型でも受け取れる」ように見えます。だからこそ初心者ほどこう思いやすいです。「any でよくない?ジェネリク...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - 型パラメータの命名規則

ゴール:「T って何?を“意味のある名前”にできるようになる」ジェネリクスを書き始めると、まず最初に出てくる疑問がこれです。「T って、なんでみんな T って書いてるの?U とか K とか、あれ何?」ここで大事なのは、「型パラメータにも“意...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - ジェネリック関数の基本

ゴール:「型だけ違う同じ関数」を、1本のジェネリック関数で書けるようになるジェネリック関数の本質はとてもシンプルです。「型だけ違って、やっていることは同じ関数」を、1本にまとめるための書き方です。<T> という「型の変数」を導入して、その ...
TypeScript

TypeScript | 関数・クラス・ジェネリクス:ジェネリクス基礎 - ジェネリクスとは何か

ゴール:「型を“あとから差し込める穴”として扱う感覚をつかむ」ジェネリクス(Generics)は一言でいうと、「型に“変数”を導入して、あとから具体的な型を差し込める仕組み」です。関数でいうと、(x: number) => number の...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Offset

Offset は「基準セルから“何行・何列ずらした場所”を指すための道具」Offset は、あるセル(または範囲)を「基準」にして、そこから上下左右に「何行・何列ずらした場所」を指すためのプロパティです。「A1 の 1 行下(A2)」「B3...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Columns

Columns は「列そのもの」をまとめて扱うための入り口まずイメージからいきます。Rows が「行単位(横一列)」を扱うのに対して、Columns は「列単位(縦一列)」をまとめて扱うためのオブジェクトです。A 列全体(A1, A2, A...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Rows

Rows は「行そのもの」をまとめて扱うための入り口まずイメージからいきます。Cells が「行番号・列番号で“1セル”」を指すのに対して、Rows は「行単位(1行、または複数行)」をまとめて扱うためのオブジェクトです。1 行目全体(A1...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Cells

Cells は「行番号・列番号でセルを指定するための道具」まずイメージからいきます。Range("A1") が「住所(A1)」でセルを指定するのに対して、Cells(行番号, 列番号) は「座標(行・列の数字)」でセルを指定します。A1 →...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Range

Range は「シート上の“セルや範囲”そのもの」まずイメージからいきます。Range オブジェクト = シート上の「セル1つ」または「セルのかたまり」そのもの です。A1 だけを指す Range もあれば、A1:C3 のように複数セルをま...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Worksheet

Worksheet は「1枚のシートそのもの」まずイメージからいきます。Worksheet オブジェクト = Excel のシート1枚そのもの です。Workbook(ブック)が「ファイル1冊」だとしたら、Worksheet は「その中に入...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Worksheets

Worksheets は「ブックの中に並んでいる“ワークシートの集合”」まずイメージからいきます。1つの Excel ファイル(Workbook)の中には、シートが何枚も入っていますよね。その「ワークシートたち全部」をまとめて持っているのが...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Workbook

Workbook は「1つの Excel ファイルそのもの」まずイメージからいきます。Workbook オブジェクト = 1つの Excel ファイルそのもの です。拡張子が .xlsx や .xlsm の「ファイル1個」が、そのまま Wo...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Workbooks

Workbooks は「今 Excel で開いている“ブックの集合”」まずイメージからいきます。Excel では、1つ1つのファイルが Workbook(ブック)です。そして Workbooks は「今 Excel で開いているすべてのブッ...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):Excelオブジェクト基礎 - Application

Application は「Excel 全体そのもの」を表す“親玉オブジェクト”まず一番イメージしてほしいのは、Application オブジェクト = 「今動いている Excel そのもの」ということです。Workbook(ブック)は「フ...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - InputBox

InputBox は「ユーザーに一言入力してもらうための小さな窓」InputBox は、ユーザーに文字や数字を入力してもらうためのダイアログです。MsgBox が「VBA → 人間への一方通行のメッセージ」だとしたら、InputBox は「...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - MsgBox

MsgBox は「VBAが人間に話しかけるための吹き出し」MsgBox は、「メッセージボックス(小さなダイアログ)」を表示するための命令です。VBAが「ちょっと一言伝えたい」「確認したい」「結果を見せたい」ときに使う“吹き出し”だと思って...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Now関数

Now 関数は「今この瞬間の“日付+時刻”をくれる関数」まず一言でいうと、Now 関数は「今この瞬間の“日付と時刻”を、まとめて Date 型で返してくれる関数」です。今日が何日か(年月日)何時何分何秒か(時刻)この両方を一度に持った値が返...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Date関数

Date 関数は「今日の日付だけをくれるシンプルな関数」まず一言でいうと、Date 関数は「今日の日付(年月日だけ)」を返してくれる関数です。時刻は含みません(0:00 相当)戻り値の型は Date 型です引数はありません(かっこを省略して...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - 日付型

日付型ってそもそも何者?まず一番大事なところからいきます。VBAの「日付型(Date)」は、「見た目は日付や時刻だけど、中身は“日付・時刻として計算できる数値”」です。セルに「2026/02/23」と表示されていても、文字列として扱うのか、...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Trim

Trim は「文字列の前後についた“余計な空白”を掃除するクリーナー」Trim 関数は、文字列の「前」と「後ろ」についているスペースを取り除くための関数です。イメージとしては、「文字列の両端にくっついているホコリ(空白)だけをサッと拭き取る...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Replace

Replace は「文字列の一部を別の文字に“総入れ替え”する道具」Replace 関数は、「文字列の中にある“ある部分”を、別の文字列に置き換える」ための関数です。人間の感覚で言うと、「この文章の『A』って書いてあるところ、全部『B』に書...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Mid

Mid は「文字列の真ん中を、好きな位置から好きな長さだけ切り出すハサミ」Left/Right は「端っこ担当」でした。Mid は「真ん中担当」――文字列の“途中”から、指定した長さだけ切り出す関数です。人間の言葉にすると、「○文字目から、...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Left/Right

Left / Right は「文字列の端っこを切り取るハサミ」Left と Right は、どちらも「文字列の端っこから、指定した文字数だけ切り出す」ための関数です。Left は「左(先頭)から」Right は「右(末尾)から」という違いだ...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Len

Len は「文字列が何文字あるか」を教えてくれるメジャーLen 関数は、文字列の「長さ(文字数)」を調べるための関数です。イメージとしては、文字列にメジャーを当てて「何文字ぶんある?」と測る道具です。VBAでは、n = Len(文字列)n ...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - 文字列操作

文字列操作って何をすること?VBAでいう「文字列操作」は、ざっくり言うと、文字列の一部を取り出す文字列の中を検索する文字を置き換える分割したり、くっつけたりするといった、「文字の並びをいじる」こと全般です。Excelの実務だと、例えばこんな...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - Preserve

Preserve は「配列の中身を守ったままサイズを変える」ためのキーワードまず一言でいうと、Preserve は「動的配列の中身を消さずに、サイズだけ変えたいときに使う魔法の言葉」です。普通の ReDim は「配列を作り直す」命令なので、...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - ReDim

ReDim は「動的配列のサイズを“あとから決め直す”ための命令」ReDim は、普通の変数には使いません。「動的配列の“箱の数”を、あとから決めたり、変えたりするための命令」です。固定配列はこうでした。Dim a(1 To 5) As L...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - 動的配列

動的配列って何が「動的」なのか?前回の「配列宣言」は、こんな形でしたよね。Dim scores(1 To 5) As LongDim scores(1 To 5) As LongVBこれは「5個分」と最初に決めてしまう配列です。こういうのを...
VBA

Excel VBA | 超初心者(Excel操作+マクロ体験):基本文法 - 配列宣言

配列ってそもそも何者?まず「配列宣言」の前に、配列そのもののイメージをはっきりさせましょう。配列はざっくり言うと、「同じ種類のデータを、番号付きでズラッと並べて入れておく箱」です。普通の変数は「1つの値」を入れる箱でした。Dim score...
JavaScript

JavaScript | 非同期処理:エラー処理・例外設計 - 障害時の復旧設計

「障害時の復旧設計」を一言でいうと障害時の復旧設計は、「エラーが起きた“あと”に、アプリをどう立て直すかをあらかじめ決めておくこと」 です。エラー処理というと、つい「catch してログ出して終わり」にしがちですが、本当に大事なのはその先で...
JavaScript

JavaScript | 非同期処理:エラー処理・例外設計 – エラー再送出

「エラー再送出」を一言でいうとエラー再送出(rethrow)は、「一度 catch で受け取ったエラーを、“ここでは処理しきらないから、上のレイヤーにもう一回投げ直す” 行為 です。非同期処理では特に、・ここではログだけ取りたい・ここでは共...
JavaScript

JavaScript | 非同期処理:エラー処理・例外設計 – ログ出力設計

ログ出力設計を一言でいうとログ出力設計は、「エラーや重要な出来事を、あとから“意味を持って”追いかけられるように記録する設計」 のことです。ただ console.log(err) を散らばせるのではなく、どこで、何を、どの粒度で、どんな形式...
JavaScript

JavaScript | 非同期処理:エラー処理・例外設計 – ユーザー向けエラー表示

ユーザー向けエラー表示を一言でいうとユーザー向けエラー表示は、「技術的に何が壊れたか」ではなく、「ユーザーが次にどうすればいいか」を伝えるためのメッセージ です。非同期処理(fetch / API 通信)のエラーは、ネットワーク、サーバー、...
JavaScript

JavaScript | 非同期処理:エラー処理・例外設計 – エラー情報の整形

「エラー情報の整形」を一言でいうと「エラー情報の整形」は、「バラバラで生々しいエラー情報を、“人間やアプリが扱いやすい形” に整理し直すこと」 です。生のエラーは、たいていこうです。・メッセージが英語で長い・スタックトレースがずらっと出る・...
スポンサーリンク