JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：入力チェックアプリ（初級編）
@lifehacker
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 Python | 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" といった「その場しのぎの代入」を書くのではなく、どんな形のオブジェクトにするか（構造・型）...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.getPrototypeOf
Object.getPrototypeOf とは何かObject.getPrototypeOf は、あるオブジェクトの「プロトタイプ（親オブジェクト）」を取り出すためのメソッドです。プロトタイプとは、...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.getOwnPropertyNames
Object.getOwnPropertyNames とは何かObject.getOwnPropertyNames は、オブジェクトが「自分で持っている」すべてのプロパティ名を配列で返すメソッドです。...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.fromEntries
Object.fromEntries とは何かObject.fromEntries は、「配列（や Map）の一覧」からオブジェクトを作り直すためのメソッドです。一言でいうと、Object.entri...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.entries
Object.entries とは何かObject.entries は、オブジェクトの中身を「配列の配列」に変換する ES2017（ES8）のメソッドです。「キーと値のペア」を という2要素配列にし、...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.assign
Object.assign とは何かObject.assign は、複数のオブジェクトを「左から右へ」順番にコピーして、1つのオブジェクトにまとめるための ES6 のメソッドです。一言でいうと、「プロ...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – Object.is
Object.is とは何かObject.is は、「2つの値が“本当に”同じ値かどうか」を判定するための ES6 の比較関数です。見た目は ===（厳密等価演算子）に似ていますが、NaN と +0 ...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – メソッド定義省略
メソッド定義省略とは何かオブジェクトの「メソッド定義省略」は、ES6 から入った“関数っぽいプロパティ”を短く書くための記法です。従来はこう書いていました。const user = { name: "...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – 計算されたプロパティ名
計算されたプロパティ名とは何か「計算されたプロパティ名（computed property name）」は、オブジェクトリテラルのキーを、文字列リテラルではなく「式の結果」から動的に決める書き方です。...
JavaScript JavaScript | ES6+ 文法：オブジェクト拡張 – プロパティ短縮記法
プロパティ短縮記法とは何かオブジェクトの「プロパティ短縮記法」は、変数名とプロパティ名が同じときに、キー: 値 の 値 を省略できる ES6 の書き方です。ふつうはこう書きます。const name ...
Python Python | 1 日 60 分 × 7 日アプリ学習：超初級編
1日目のゴールと今日やること1日目のゴールは、たったこれだけです。自分で書いた Python のコードを実行して、画面に文字を出せるようになる。そのために今日は、この3つに集中します。プログラムって何...
JavaScript JavaScript | 1 日 90 分 × 7 日アプリ学習：ランダム表示アプリ（初級編）
1日目のゴールと今日のテーマ1日目のテーマは「ランダムに1つ選んで表示する感覚をつかむ」 ことです。目指すのは、とてもシンプルなランダム表示アプリ。ボタンを押すと「今日の運勢」や「おみくじ結果」がラン...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – ラムダのスコープ
ラムダのスコープを一言でいうとラムダ式の「スコープ」は、「ラムダ式の“中から”“外のどこまで”見えるのか・アクセスできるのか」という話です。ここをちゃんと理解していないと、「ローカル変数をラムダの中で...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – コンストラクタ参照
コンストラクタ参照を一言でいうとコンストラクタ参照（ClassName::new）は、「new クラス名(...) を、そのまま“関数”として渡すための短い書き方」です。ラムダ式で書くと() -> n...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – メソッド参照
メソッド参照を一言でいうとメソッド参照（::）は、「すでに存在するメソッドやコンストラクタを、“ラムダ式の代わりに”そのまま関数として渡すための短い書き方」です。例えば、names.forEach(s...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – Supplier
Supplier を一言でいうとjava.util.function.Supplier<T> は、「引数は何も受け取らずに、T 型の値を 1 つ“供給する（用意してくれる）”関数」を表す関数型インター...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – Consumer
Consumer を一言でいうとjava.util.function.Consumer<T> は、「T 型の値を 1 つ受け取って“何かする”けれど、結果（戻り値）は返さない関数」 を表す関数型インタ...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – Function
Function を一言でいうとjava.util.function.Function<T, R> は、「T 型の値を 1 つ受け取って、R 型の値を 1 つ返す“変換処理”を表す関数型インターフェー...
Java Java | Java 詳細・モダン文法：ラムダ式・関数型 – Predicate
Predicate を一言でいうとjava.util.function.Predicate<T> は、「T 型の値を 1 つ受け取って、true / false を返す“条件判定関数”を表す関数型イン...