JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：タイマーアプリ（初級編）
2026-01-19
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数を引数に取る設計
「関数を引数に取る」とは、責任を“相手に渡す”設計まずイメージからいきます。function doTwice(fn: () => void) { fn(); fn();}doTwice(() => {...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数型interfaceの書き方
前提：関数にも「interface で形を決める」という発想があるまず押さえたいのは、「関数の型は type だけじゃなく、interface でも書ける」ということです。type FnByType ...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 関数型エイリアス設計
まず「関数型エイリアス」とは何かをはっきりさせる関数型エイリアスは、かんたんに言うと「よく使う関数の“形”に名前をつけること」です。type StringToNumber = (value: stri...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – map / filter / reduce 用関数型
ゴール：map / filter / reduce の「関数型」を言葉で説明できるようになるまず目標からはっきりさせます。map / filter / reduce は、「配列に対して“どう変換するか...
TypeScript TypeScript | 関数・クラス・ジェネリクス：関数設計の深化 – 高階関数の型付け
まず「高階関数」をちゃんと定義しておく高階関数（higher-order function）は、ざっくり言うと「関数を受け取る」か「関数を返す」か、あるいはその両方をする関数のことです。functio...
Python Python | Web フレームワーク：バックエンド設計
概要（バックエンド設計＝「見えないところの“筋肉と血管”を設計すること」）バックエンド設計は、「画面に見えないところで、アプリをちゃんと動かすための仕組みをどう組み立てるか」を考える作業です。どんなデ...
Python Python | Web フレームワーク：API 実践
概要（API 実践＝「画面なしでデータをやり取りする Web アプリ」）API 実践は、「ブラウザに HTML を返す」のではなく、「プログラム同士がデータをやり取りする窓口」を作る練習です。Djan...
Python Python | Web フレームワーク：Web アプリ実践
概要（「Web アプリ実践」は“全部をつなげて動かす”フェーズ）ここまでで、Django のモデル・ビュー・URL・テンプレート・認証・セッション・設定・分割構造など、部品ごとの話をかなり見てきました...
Python Python | Web フレームワーク：Django の分割構造
概要（Django の分割構造＝「大きな家を部屋ごとに区切る設計」）Django の「分割構造」は、一言でいうと「プロジェクト全体を、役割ごと・機能ごとにきれいに分ける仕組み」です。一番大きな単位が「...
Python Python | Web フレームワーク：Django 設定
概要（Django 設定＝「プロジェクト全体のルールブック」）Django の設定（settings.py）は、「このプロジェクトは、どんなルールで動くのか」を一箇所にまとめたファイルです。どのアプリ...
Python Python | Web フレームワーク：Django セッション
概要（Django セッション＝「ブラウザごとの“一時的な記憶領域”」）Django のセッションは、「このブラウザは、前回どんな状態だったか」をサーバー側に覚えておくための仕組みです。ログイン状態カ...
Python Python | Web フレームワーク：Django 認証
概要（Django 認証＝「ユーザーを識別して、ログイン状態を管理する仕組み」）Django 認証は、「このリクエストを送ってきたのは誰か」「その人はログイン済みか」「その人にこの操作をさせてよいか」...
Python Python | Web フレームワーク：Django migration
概要（Django migration＝「モデルの変更履歴を DB に安全に反映する仕組み」）Django の migration（マイグレーション）は、一言でいうと、「models.py の変更を、...
Python Python | Web フレームワーク：Django ORM
概要（Django ORM＝「SQL を書かずに DB を触るための翻訳レイヤー」）Django ORM は、「データベース（SQL の世界）」と「Python オブジェクト（クラスとインスタンスの世...
Python Python | Web フレームワーク：URLconf
概要（URLconf＝「URL とビューを結びつける交通整理係」）Django の URLconf（URL configuration）は、「どの URL にアクセスされたときに、どのビューを呼ぶか」...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – マルチ catch
マルチ catch を一言でいうとマルチ catch は、「複数の例外型を、同じ 1 つの catch ブロックでまとめて処理できる構文」です。catch (IOException | SQLExce...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – ntry-with-resources 拡張
まず「元祖」try-with-resources をおさらいするtry-with-resources は、「使い終わったら必ず close() しなきゃいけないリソース（ファイル、ソケット、DB 接続...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – null 許容と switch
なぜ「null と switch」をちゃんと考えないといけないのかswitch は「値に応じて分岐する」構文ですが、その値が null になりうるかどうかを意識していないと、実行時にいきなり Null...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – instanceof の進化
instanceof の「進化」をざっくり俯瞰するinstanceof は、もともと「あるオブジェクトが、ある型のインスタンスかどうかを調べるための演算子」としてスタートしました。昔は「型チェック」と...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – パターンマッチング（instanceof）
パターンマッチング付き instanceof を一言でいうと「instanceof で型を調べたあと、すぐ下でキャストして変数に代入する」――この“二度書き”をまとめて一発で書けるようにした構文が、パ...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – sealed class
sealed class を一言でいうとsealed クラスは「このクラスを継承してよい“サブクラスの種類”を、あらかじめ限定する仕組み」です。継承を完全に禁止する final と違って、「継承は許す...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – レコード（record）
record を一言でいうとrecord は「フィールドを持つだけの“データ用クラス”を、最小限のコードで定義するための仕組み」です。equals / hashCode / toString / コン...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – テキストブロック
テキストブロックを一言でいうとテキストブロックは、"""（ダブルクォート3つ）で囲んで「複数行の文字列を、そのままの見た目で書ける」新しい文字列リテラルです（Java 15 以降で正式導入）。今までの...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – yield
yield を一言でいうとyield は、switch「式」の中で「この case ブロックから“この値を返す”」とコンパイラに伝えるためのキーワードです。return が「メソッドから値を返す」のに...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – switch 式（Java 14+）
switch 式とは何か（Java 14 以降の新しい switch）Java 14 以降では、switch が「文(statement)」だけでなく「式(expression)」としても使えるように...
Java Java | Java 詳細・モダン文法：言語仕様詳細 – var（ローカル変数型推論）
var を一言でいうとvar は「型を書かなくても、右辺からコンパイラが型を推論してくれるローカル変数宣言」のためのキーワードです。「型がなくなる」のではなく、「型を書く手間を省く」だけで、コンパイル...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – ES 仕様の更新追跡方法
何を追えばいいのか（ゴールのイメージ）まず、「ES 仕様の更新を追う」と聞くと、毎年の ECMAScript 版（ES2020, ES2021…）その中に入る新機能（Optional chaining...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Intl API
Intl API とは何か（まずイメージから）Intl（Internationalization）は、「言語や国ごとのルールに合わせて、数値・通貨・日付・文字列などをキレイに表示するための標準 API...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Reflect
Reflect とは何か（まずイメージから）Reflect は ES6 で追加された、「オブジェクトに対する基本操作を、“関数の形”でまとめて持っている道具箱」 です。これまでバラバラに存在していたプ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Proxy
Proxy とは何か（まずイメージから）Proxy は、「あるオブジェクトの前に立って、そのオブジェクトへの操作を横取り・監視・カスタマイズできる“番人”」のような仕組みです。普通はこうです。cons...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – for…of の内部
for...of の「見た目」と「中身」は別物だと思ってみるfor...of は、表面上はとてもシンプルです。const arr = [10, 20, 30];for (const value of ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Generator
Generator とは何か（まずイメージから）Generator（ジェネレータ）は、「少しずつ値を返しながら、一時停止・再開できる特別な関数」 です。普通の関数は、一気に最後まで実行されて「結果はこ...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Iterator
Iterator とは何か（まずイメージから）Iterator（イテレータ）は、「次の値をください」「もう終わりです」を順番に教えてくれる“値の自動販売機”のような仕組み です。自販機にコインを入れる...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Symbol
Symbol とは何か（まずイメージから）Symbol は、ES6 で追加された 「絶対にかぶらない“名前札”のような値」 です。string や number と同じ「プリミティブ型」の一種ですが、...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Nullish coalescing
Nullish coalescing とは何か（まずイメージから）Nullish coalescing（ヌリッシュ・コアレスシング）は?? という演算子で書く、「値が null または undefin...
JavaScript JavaScript | ES6+ 文法：その他の ES6+ 機能 – Optional chaining
Optional chaining とは何か（まずイメージから）Optional chaining（オプショナルチェイニング）は?. という記号で書く、「存在しないかもしれないプロパティに安全にアクセ...