JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：タイマーアプリ（初級編）
2026-01
C# C# Tips | ファイル・ディレクトリ操作：ファイル結合
はじめに 「分割したなら、いつか必ず結合する」前回は「ファイル分割」でしたね。大きすぎるファイルを扱いやすくするために分けたなら、どこかのタイミングで「元に戻したい」「まとめて扱いたい」というニーズが...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 非同期が必要な理由
まず「なぜ非同期なんて面倒なものがあるのか」いきなり本音から言うと、多くの人はこう感じます。「同期処理だけで書けたらどれだけ楽か」「非同期って急に難しくなるし、できれば避けたい」実は JavaScri...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 実行順序の全体像
まず「実行順序の全体像」を一言でまとめるJavaScript の実行順序は、ざっくり言うとこうなります。同期処理（ふつうのコード）を上から順番に実行する同期が一段落してコールスタックが空いたら、Pro...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – イベントループ
まずイベントループを一言でイメージするイベントループは、「JavaScript に“次にやるべき仕事”をひたすら渡し続ける司会進行役」です。JavaScript はシングルスレッドで、同時に動ける処理...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – マイクロタスクキュー
マイクロタスクキューとは何か（まずざっくりイメージ）マイクロタスクキューは、「とても優先度の高い“あとで実行する処理”が並ぶ、特別レーンの待ち行列」 です。前回の「タスクキュー」は、setTimeou...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – タスクキュー
まずタスクキューを一言でイメージするタスクキューは、「あとで実行する処理（コールバック）を順番に並べておく待ち行列」 です。JavaScript はシングルスレッドなので、「今」実行できるのは 1 つ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – Web API の役割
全体像：Web API は「JavaScript の外にいる助っ人」まず前提から整理します。ブラウザの中で JavaScript が動くとき、JavaScript エンジン（言語そのものを実行する脳み...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – コールスタック
コールスタックとは何か（まずイメージから）コールスタックは、「今、どの関数を実行中で、その関数からどの関数を呼び出しているか」を記録している“関数呼び出しの積み重ねメモ” です。JavaScript ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – JavaScript がシングルスレッドである理由
まず「シングルスレッド」のイメージからJavaScript が「シングルスレッド」というのは、「同時に実行できるのは、基本的に1つのことだけ」 という意味です。console.log() を実行してい...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – ブロッキングとは何か
「ブロッキング」とは何か（まずイメージから）「ブロッキング」は、ある処理が終わるまで、そこから先の処理が一切進めなくなる状態のことです。JavaScript だと「一番の働き手（メインスレッド）が、そ...
JavaScript JavaScript | 非同期処理：非同期の基礎概念 – 同期処理と非同期処理の違い
同期処理と非同期処理の一番大事なイメージまず、抽象的な言葉を捨てて、イメージから掴みにいきます。同期処理は、「一列に並んで順番待ちする世界」 です。前の人の処理が終わるまで、次の人は絶対に動けません。...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – クラスの初期化順序
ゴール：「クラスが new されたとき“何がどの順番で動くか”をイメージできるようになる」クラス設計がうまくいくかどうかは、「初期化の順番」をちゃんと理解しているかにかなり左右されます。フィールド初期...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – staticメソッド
ゴール：「これは“インスタンスのメソッド”か“クラスのメソッド”か」を自分で選べるようになるstatic メソッドは一言でいうと、「new した“個体”ではなく、“クラスそのもの”にぶら下がる関数」で...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – staticプロパティ
ゴール：「static は“インスタンスじゃなくてクラスに属するもの”だと腹で理解する」static を一言でいうと、「new した“個体”ではなく、“クラスそのもの”にぶら下がるもの」です。ここがふ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – getter / setter の型
ゴール：「getter / setter の“型”を見て、どう使うかイメージできるようになる」getter / setter は、クラスのプロパティに「振る舞い」をくっつける仕組みです。でも、ただ「便...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – readonlyプロパティの活用
ゴール：「この値は“変わらない”」を型で約束できるようになるreadonly プロパティは、クラス設計でめちゃくちゃコスパのいい武器です。一言でいうと、「この値は、作ったあとに書き換えちゃダメ」をコン...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – public / private / protected
ゴール：「どこまで外に見せるか」を自分でコントロールできるようになるpublic / private / protected は、「クラスの中身をどこまで外に見せるか」を決めるスイッチです。ここをなん...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – メソッドの型指定
ゴール：「メソッドの型だけ見て“何をするか”がだいたい分かるように書ける」クラスのメソッドって、書こうと思えば何でも書けます。だからこそ「型をどう付けるか」で、読みやすさと安全性が大きく変わります。こ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – コンストラクタ引数と型
ゴール：「コンストラクタの引数に“どんな型をつけるか”を意識して設計できるようになることクラスを書くとき、コンストラクタは「インスタンスをどう初期化するか」を決める、とても重要な場所です。ここでの型設...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – プロパティの型設計
ゴール：「クラスのプロパティに“どんな型をつけるか”を意識して設計できるようになること」クラスを書くとき、「プロパティ名」だけでなく「プロパティの型」をどう設計するかで、そのクラスの使いやすさ・安全さ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：クラス設計 – クラスの基本構文復習
クラスってそもそも何者？「設計図」と「new」の関係から整理するまずイメージからいきます。クラスはざっくり言うと、「オブジェクトを量産するための設計図」です。設計図（class）を書いておいて、new...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 実務での関数分割ルール
ゴール：「どこまでを1つの関数にして、どこから分けるか」を自分の基準で判断できるようになる実務で一番モヤっとしやすいのがここです。「この関数、長い気はするけど、どこで分ければいいの？」「分けたら分けた...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 可読性の高い関数型設計
ゴール：「関数の“型”を見ただけで、何をするかだいたい分かる」状態を目指す可読性の高い関数型設計って、難しい言い方をしているけれど、やりたいことはシンプルです。その関数の「型」だけを見たときに、何を受...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数設計での型肥大対策
ゴール：「型がデカくなってきた…」と感じたときに、落ち着いて“細く・分けて・名前をつける”発想を持てるようにするTypeScript を真面目に書けば書くほど、そのうち必ずこうなります。「型、でかすぎ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 非同期関数への移行準備
ゴール：「あとで async にしたくなっても困らない関数設計」を身につけるいきなり全部 async/await にする必要はありません。むしろ大事なのは、「今は同期処理だけど、いつでも非同期（asy...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – assert関数の型定義
ゴール：「assert 関数の型」を“道具として設計できる”ようになるまずイメージからいきます。assert 関数は一言でいうと、「この条件が成り立たないなら、ここで止まってくれ」「この時点で、値はも...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（NewsAPI.orgでニュースアプリ）
1日目のゴールと今日やることNewsAPI.org 中級編 1 日目のテーマは「ニュース API から記事一覧を安全に取得して、ちゃんと“待ち”と“失敗”を扱えるようになること」です。キーワードはこの...
JavaScript JavaScript | 1 日 120 分 × 7 日アプリ学習：API通信アプリ（WeatherAPI.comで天気アプリ）
1日目のゴールと今日やること中級編 API 通信アプリ 1 日目のテーマは「fetch と async/await を使って、天気 API から安全にデータを取ってくる」ことです。キーワードはこの 3...
C# C# Tips | ファイル・ディレクトリ操作：ファイル分割
はじめに 「ファイル分割」は“逃げ”ではなく戦略業務をやっていると、だいたい一度はこうなります。ログがバカみたいに大きくなって、テキストエディタで開けない。外部システムから「1 ファイル 10MB ま...
C# C# Tips | ファイル・ディレクトリ操作：テキスト一括置換
はじめに 「テキスト一括置換」は業務の“地味だけど超重要”作業業務システムを書いていると、こんなことがよく起きます。古いコードや設定ファイルのパスを一気に変えたい。ログファイルや CSV の中の特定の...
C# C# Tips | ファイル・ディレクトリ操作：BOM付きUTF-8保存
はじめに なぜ「BOM付きUTF-8保存」が業務で大事なのか業務システムだと、こんな場面がよく出てきます。外部システムから「UTF-8（BOM付き）で送ってください」と仕様で指定されている。Excel...
C# C# Tips | ファイル・ディレクトリ操作：ファイルエンコーディング判定
はじめに 「エンコーディング判定」が分からないとハマる世界業務でテキストファイル（CSV、ログ、設定ファイルなど）を扱うとき、ほぼ必ず出てくるのが「このファイル、何のエンコーディングで書かれているの？...
C# C# Tips | ファイル・ディレクトリ操作：ファイル文字数カウント
はじめに 「文字数カウント」は“なんとなく”で書くと危ない「ファイルの文字数を数える」――これも一見シンプルですが、実務では意外と奥が深いです。文字数でバリデーションしたい（例：1 万文字を超える説明...
C# C# Tips | ファイル・ディレクトリ操作：ファイル行数カウント
はじめに 「行数を数える」だけなのに、なぜユーティリティにするのか「ファイルの行数カウント」って、一見すごく地味ですよね。でも業務では、ログ解析、CSV のレコード数チェック、インポート前の件数確認、...
C# C# Tips | ファイル・ディレクトリ操作：ファイル差分検出
はじめに 「違うかどうか」から一歩進んで「どこが違うか」前回の「ファイル内容比較」は、「同じか」「違うか」を true / false で判定する話でした。でも、業務ではそれだけでは足りない場面がよく...
C# C# Tips | ファイル・ディレクトリ操作：ファイル内容比較
はじめに 「同じファイルか？」は業務でめちゃくちゃ重要業務システムを書いていると、こんなことを知りたくなる場面がよくあります。バックアップ前：「前回のバックアップと中身が同じなら、コピーをスキップした...
C# C# Tips | ファイル・ディレクトリ操作：ファイルロック判定
はじめに なぜ「ファイルロック判定」が業務で重要なのか業務システムでは、「今このファイル、誰かが開いていないかな？」を気にしなければいけない場面がよくあります。たとえば、次のような状況です。他のプロセ...
C# C# Tips | ファイル・ディレクトリ操作：一時フォルダ作成
はじめに 一時フォルダは「作業用の安全な砂場」一時ファイルと同じくらい、業務でよく使うのが「一時フォルダ」です。大きな ZIP を展開して中身を処理するとき、複数ファイルを一時的に並べてからまとめてア...
Java Java Tips | 基本ユーティリティ：URLデコード
URLデコードは「URLの中身を人間とプログラムの世界に戻す」技URLエンコードが「暴れそうな文字を URL の中で安全な形に変える」技だとしたら、URLデコードはその逆で、「%E3%81%82 みた...
Java Java Tips | 基本ユーティリティ：URLエンコード
URLエンコードは「URLの中で暴れる文字をおとなしくさせる」技業務システムで外部APIを叩くとき、ブラウザからのリダイレクトURLを組み立てるとき、クエリパラメータを自前で作るとき。そのたびに出てく...
Java Java Tips | 基本ユーティリティ：Base64デコード
Base64デコードは「文字列を元の世界に連れ戻す」技Base64エンコードが「バイナリを文字列の世界に連れてくる」技だとしたら、Base64デコードはその逆で、「Base64文字列から、元のバイト列...
Java Java Tips | 基本ユーティリティ：Base64エンコード
Base64エンコードは「バイナリを文字の世界に連れてくる」技業務システムでは、画像・PDF・バイナリデータを「そのままでは扱いにくい場所」に載せたい場面がよくあります。例えば、JSON のフィールド...
Java Java Tips | 基本ユーティリティ：XMLパース
XMLパースは「外部仕様を自分のオブジェクトに落とし込む」技XML生成が「こちらの世界のデータを外に出す」なら、XMLパースはその逆で、「外の世界から来た XML を、自分の世界（Java のオブジェ...
Java Java Tips | 基本ユーティリティ：XML生成
XML生成は「機械にも人にも読める構造を作る」技JSON が主流になった今でも、業務の世界では XML が普通に生きています。古い外部システム連携、バッチの入出力、設定ファイル、帳票レイアウト定義など...
Java Java Tips | 基本ユーティリティ：JSONパース
JSONパースは「外の世界のデータを自分の型に落とす」技JSON文字列化が「Javaのオブジェクトを外の世界に出す」技だとしたら、JSONパースはその逆で、「外の世界から来た JSON を、自分の型に...
Java Java Tips | 基本ユーティリティ：JSON文字列化
JSON文字列化は「データを言語の壁から解放する」技業務システムでは、フロントエンドとの通信、外部API連携、ログ出力、設定ファイルなど、あらゆるところで JSON が使われます。Java のオブジェ...
Java Java Tips | 基本ユーティリティ：TSV対応
TSV対応は「CSVの兄弟をちゃんと扱う」技業務システムでは、CSV だけでなく TSV（Tab Separated Values）もよく出てきます。「Excel からタブ区切りで出したデータ」「ログ...
Java Java Tips | 基本ユーティリティ：CSV分解
CSV分解は「カンマの意味をちゃんと理解する」技CSV を読むときに、line.split(",") と書きたくなる気持ちはよく分かります。でもそれをやると、名前にカンマが入っていたり、ダブルクォート...
Java Java Tips | 基本ユーティリティ：CSV一行生成
CSV一行生成は「地味だけど壊れやすいところを固める」技業務システムで CSV を出力するとき、「とりあえずカンマでつなげばいいでしょ」と思って書き始めると、すぐにハマります。名前にカンマが入っていた...
Java Java Tips | 基本ユーティリティ：ファイル名生成
ファイル名生成は「衝突させずに意味を持たせる」ための技業務システムでは、ログファイル、レポート出力、アップロードファイルの保存先など、「新しいファイル名を決める」場面が山ほどあります。ここで適当に "...
Java Java Tips | 基本ユーティリティ：MIMEタイプ判定
MIMEタイプ判定は「中身の種類をちゃんと確認する」ための技拡張子はあくまで「ラベル」でしかなくて、virus.exe を virus.png にリネームすることも簡単にできます。業務システムでファイ...
Java Java Tips | 基本ユーティリティ：拡張子取得
拡張子取得は「ファイルの中身を推測するためのラベル取り」業務システムでは、「CSV だけ受け付けたい」「画像ファイルだけ処理したい」「ログローテーションで .log だけ対象にしたい」など、「ファイル...
Java Java Tips | 基本ユーティリティ：ファイルサイズ取得
ファイルサイズ取得は「重さを意識した設計」をするための技業務システムでは、「このファイル、本当にメモリに全部載せて大丈夫？」「アップロードされたファイルが想定より巨大じゃない？」といった“重さ”の感覚...
PHP PHP Tips | 文字列処理：変換系 – kebab-case → camelCase
kebab-case と camelCase のイメージをそろえるまずは形の違いをはっきりさせましょう。kebab-case はこういうスタイルです。user-namecreated-atmax-re...
PHP PHP Tips | 文字列処理：変換系 – camelCase → snake_case
camelCase と snake_case のイメージをそろえるまずは形の違いを頭の中でハッキリさせましょう。camelCase はこういうスタイルです。userNamecreatedAtmaxRe...
PHP PHP Tips | 文字列処理：変換系 – snake_case → camelCase
まず「snake_case」と「camelCase」の違いをちゃんとイメージする最初に、形の違いをはっきりさせましょう。snake_case 例:user_namecreated_atmax_retr...
PHP PHP Tips | 文字列処理：変換系 – 単語の先頭のみ大文字
「単語の先頭のみ大文字」にしたいって、具体的にどういうこと？まずゴールのイメージからいきます。before: hello worldafter : Hello Worldbefore: user na...
PHP PHP Tips | 文字列処理：変換系 – 英字をすべて大文字
「英字をすべて大文字」にする目的を整理するまず、「なんでわざわざ全部大文字にするのか？」をはっきりさせておきます。よくある目的はこんな感じです。コードやIDを「大文字で統一」して見た目とルールを揃えた...
PHP PHP Tips | 文字列処理：変換系 – 英字をすべて小文字
「英字をすべて小文字」にする目的をはっきりさせるまず、なぜ「全部小文字」にしたいのかを整理しておきます。よくある目的はこんな感じです。ユーザー名やログインIDを「大文字・小文字を区別せずに扱いたい」メ...
PHP PHP Tips | 文字列処理：変換系 – ひらがな → カタカナ
「ひらがな → カタカナ」でやりたいことまずゴールをはっきりさせます。「ひらがなで書かれた文字列」を、「同じ読みのカタカナ」に変換したい。例えば、こんな文字列があるとします。やまだ たろうかたかなすー...