2026-11

Day 82：画面設計Day 82では、アプリに必要な画面、ボタン、フォーム、データ項目、ユーザー操作を整理します。画面設計は、見た目を飾ることだけではありません。利用者が何を入力し、どのボタンを押し...

Day 81：アプリ企画Day 81では、最終制作で作るアプリを決め、何を作るのかを企画書にまとめます。ここでは、すぐにコードを書き始めるのではなく、「誰のどんな困りごとを解決するか」「最初の完成版に...

Day 80：中規模アプリ設計Day 80では、最終制作に向けて、作りたいアプリを決め、必要な機能、データ構造、画面を設計します。すぐにコードを書き始めるのではなく、先に「誰が何のために使うのか」「ど...

Day 79：コードレビューDay 79では、自分が書いたコードを読み返し、わかりやすさや安全性、修正のしやすさを確認する「コードレビュー」を学びます。今回のチェック項目は、変数名、関数の長さ、重複コ...

Day 78：リファクタリングDay 78では、プログラムの動作を変えずに、コードを読みやすく、修正しやすい形へ整える「リファクタリング」を学びます。今回のテーマは、重複コードの削除、関数分割、変数名...

Day 77：デバッグ実践Day 77では、ブラウザーの開発者ツールを使って、JavaScriptの処理を一時停止し、1行ずつ動きを確かめる方法を学びます。今回の学習内容は、ブレークポイント、ステップ...

Day 76：GitHubDay 76では、GitHubにリポジトリを作り、これまでに作成したアプリを保存する方法を学びます。今回のキーワードは、リポジトリ、push、pull、READMEです。Da...

Day 75：Git基礎Day 75では、Gitの基本と、git init、git add、git commit、git statusの使い方を学びます。Gitは、プログラムの変更を記録し、あとから確...

Day 74：オブジェクト指向の入口Day 74では、JavaScriptのclass、constructor、メソッドを使って、同じ種類のデータと処理をひとまとめにする方法を学びます。実践では、ユー...

Day 73：再利用可能な関数Day 73では、何度も使える処理を小さな関数としてまとめる方法を学びます。今回のテーマは、Utility関数と共通処理です。実践では、日付フォーマット、文字列処理、数値...

Day 72：コード設計Day 72では、コードを役割ごとに分けて設計する方法を学びます。今回のテーマは、関数を「UI処理」「データ処理」「API処理」に分けることです。Day 71ではES Modu...

Day 71：ES ModulesDay 71では、第6フェーズ「実践的なJavaScript」の入口として、ES Modulesを学びます。今回の学習内容は、export、import、そして実践と...

Day 70：API総合制作Day 70では、第5フェーズ「非同期処理とAPI」の総仕上げとして、APIを使った総合制作に取り組みます。今回の制作テーマは、天気アプリ、ニュース検索アプリ、書籍検索アプ...

Day 69：APIアプリ改善Day 69では、第5フェーズ「非同期処理とAPI」の仕上げに向けて、これまで作ってきたAPIアプリを改善していきます。今回の改善内容は、UI改善、エラー処理、コード整理...

Day 68：API × 検索 × フィルターDay 68では、第5フェーズ「非同期処理とAPI」の総合演習として、API取得、検索、フィルター、表示更新 を組み合わせたアプリ作りに取り組みます。ここ...

Day 66：非同期処理演習Day 66では、第5フェーズ「非同期処理とAPI」の演習として、複数のAPIデータを扱う課題に取り組みます。ここまでの流れを振り返ると、Day 56で同期処理と非同期処理...