JavaScript
無料で使えるAPI（2025年版）
2026-01-14
JavaScript JavaScript | 1 日 90 分 × 7 日アプリ学習：タイマーアプリ（初級編）
1日目のゴールと今日やることこの「JavaScript タイマーアプリ（基礎） 初級編」では、最終的に「スタート」「ストップ」「リセット」ができる、シンプルなタイマーアプリを作ることを目指します。でも...
Java Java Tips | 基本ユーティリティ：UUID生成
UUID は「ほぼかぶらない ID を即席で作る道具」業務システムでは、「世界中どこで作っても、まずかぶらない ID」が欲しくなる場面がよくあります。注文番号、トランザクション ID、一時ファイル名、...
Java Java Tips | 基本ユーティリティ：toString生成
toString は「オブジェクトの名刺」を作るメソッドtoString() は、オブジェクトを人間が読める文字列に変換するためのメソッドです。業務システムでは、ログ出力、デバッグ、エラー調査、監視な...
Java Java Tips | 基本ユーティリティ：hashCode生成
hashCode ってそもそも何をしているのかhashCode() は、オブジェクトから「ハッシュ値」と呼ばれる整数を計算するためのメソッドです。この整数は、そのオブジェクトの「ざっくりした特徴」を表...
Java Java Tips | 基本ユーティリティ：安全なequals
「安全な equals」とは何かをまず整理するJava 初心者が最初につまずきやすいポイントのひとつが「equals の安全な使い方」です。特にやらかしがちなのが、null かもしれない変数に対して、...
Java Java Tips | 基本ユーティリティ：型変換
型変換は「データを正しい器に入れ直す」作業業務システムでは、同じ「値」でも、場面によって求められる型が変わります。画面からは文字列で届く、計算には数値が必要、DB には文字列で保存する──この「型の行...
Java Java Tips | 基本ユーティリティ：数値パース
数値パースは「文字列をちゃんとした数字にする」作業業務システムでは、画面入力や CSV、外部 API から「文字列として届いた数字」を、本物の int や long、BigDecimal に変換する場...
Java Java Tips | 基本ユーティリティ：空文字判定
空文字判定は「入力の本当の中身を見る」作業業務システムでは、ユーザー入力や外部システムから受け取る文字列が「本当に何か入っているか」を判定する場面が大量に出てきます。ここでちゃんと判定できないと、必須...
Java Java Tips | 基本ユーティリティ：文字列トリム
文字列トリムは「入力をきれいにするフィルター」業務システムでは、ユーザー入力や外部システムからの文字列に「余計な空白」が混ざるのは日常茶飯事です。例えば「 山田太郎 」のように前後にスペースが入ってい...
Java Java Tips | 基本ユーティリティ：Optionalラッパー
Optional ラッパーってそもそも何者かJava の Optional<T> は、「値があるかもしれないし、ないかもしれない」を安全に表現するためのコンテナ型です。null をそのまま返したり受け...
Java Java Tips | 基本ユーティリティ：Nullチェック
業務で必須になる「nullチェック」とは何かJava で業務システムを書くとき、「nullチェック」は避けて通れません。null は「まだ何も入っていない参照」を表す特別な値で、オブジェクト型の変数な...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – 振り返り
この課題のねらいここは「学びをちゃんと自分のものにする」ための仕上げです。コードを書くことでもう一段うまくなりますが、振り返って言葉にすることでしか伸びない力もあります。自分が「何ができるようになった...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – 最終アプリ実装
この課題のねらいここはいよいよ「全部つなげて、自分のアプリを最後まで作り切る」フェーズです。やることはシンプルで強いです。実装を最後までやり切る出てきたバグを自分で直す余力で UI を少しだけ“気持ち...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – 最終アプリ設計
この課題のねらいここはいよいよ「自分のアプリをちゃんと設計する」フェーズです。コードを書く前に、仕様・ページ構成・ワイヤーフレームを言葉と簡単な図でまとめられるようになると、実装が一気にスムーズになり...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – 設計練習
この課題のねらいここはいよいよ「コードを書く前に、頭と手で設計する」練習です。いきなりエディタを開かずに、紙とペンで画面構成・コンポーネント・state を考えられるようになると、バグも迷いも一気に減...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – TypeScript
この課題のねらいここは「なんとなく動く React」から「型で守られた React」にステップアップするところです。TypeScript をちゃんと使えるようになると、props の渡し間違いstat...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第5章：仕上げ – デバッグ
この課題のねらいここは「React を書ける人」から「バグを直せる人」に変わる仕上げのステップです。どんなに上手いエンジニアでも、バグゼロで書くことはほぼありません。大事なのは「バグを出さないこと」で...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – ミニアプリ③
この課題のねらいここはいよいよ「実用的 React」の集大成です。テーマはミニ TODO アプリ──追加・削除・完了状態管理までを、自分の手で通しで作ること。state 設計親子コンポーネントと pr...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – 状態設計
この課題のねらいここは「React を“なんとなく書ける”から、“設計して書ける”に変わる」ポイントです。テーマは 状態設計（state をどこに持つか）。コンポーネントを増やしていくと必ずぶつかるの...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – フォーム
この課題のねらいここでは「フォーム入力をちゃんと React で扱う」ことがテーマです。キーワードは、state・onChange・onSubmit・バリデーション（入力チェック）。最終的に、「ユーザ...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – UX対応
この課題のねらいここは「ただ動くアプリ」から「ちゃんと気配りされたアプリ」に一段上げるところです。テーマは UX（ユーザー体験）対応──つまり、ローディング中に何も出さない“無言の時間”をなくすエラー...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – データ取得
この課題のねらいここはいよいよ「実用的 React」のど真ん中です。テーマは「API からデータを取ってきて、画面に表示する」という超・現場的な流れ。fetch でデータを取得する取得したデータを s...
Next.js Next.jsで学ぶReact講座（完全初心者向け・30日）演習問題・課題 | 第4章：実用的React – useEffect
この課題のねらいここからが「実用的な React」に一気に近づくところです。テーマは useEffect──「画面に表示する以外の処理（＝副作用）」を、いつ・どのタイミングで実行するかをコントロールす...
Python JavaScript | 1 日 90 分 × 7 日アプリ学習：ランダム表示アプリ（初級編）
1日目のゴールと今日やることこの「繰り返しカウントアプリ 初級編」は、最終的に「1回、2回、3回…」のように、回数を数え上げる小さなアプリを作ることがゴールです。でも、1日目のゴールはもっとシンプルで...
Python Python | Web フレームワーク：Django REST Framework
概要（Django REST Framework＝「Django で API を作るためのフル装備セット」）Django REST Framework（DRF）は、「Django を使って、ブラウザで...
Python Python | Web フレームワーク：Django 管理画面
概要（Django 管理画面＝「DB をブラウザからいじれる最強の裏口」）Django 管理画面（Django admin）は、「自分で管理用の画面を作らなくても、モデルを登録するだけでブラウザからデ...
Python Python | Web フレームワーク：Django のフォーム
概要（Django のフォーム＝「入力フォームとバリデーションをまとめて面倒見てくれる仕組み」）Django のフォームは、「HTML フォームの入力項目」と「その値のチェック（バリデーション）」と「...
Python Python | Web フレームワーク：Django のテンプレート
概要（Django のテンプレート＝「HTML にデータを流し込む仕組み」）Django のテンプレートは、「HTML のひな型（型）をあらかじめ用意しておいて、ビューから渡されたデータをそこに流し込...
Python Python | Web フレームワーク：Django のビュー
概要（Django のビュー＝「URL ごとに何を返すかを決める場所」）Django の「ビュー」は、「この URL にアクセスされたら、どんな処理をして、どんなレスポンスを返すか」を決める場所です。...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – オブジェクト操作設計
オブジェクト操作設計とは何か「オブジェクト操作設計」というのは、単に user.name = "Alice" といった「その場しのぎの代入」を書くのではなく、どんな形のオブジェクトにするか（構造・型）...