HTTPレスポンスの読み方
HTTPレスポンスを、ステータスコード、レスポンスヘッダー、本文の順に読み、画面表示やAPI不具合の原因を切り分ける練習記事です。
フォーム送信とJSON APIのHTTPの違い
HTMLフォーム、JSON API、ファイルアップロードでHTTPリクエストがどう変わるのかを、Content-Typeとボディの違いから整理します。
git addの使い分け：全部追加と一部追加
git add .、git add ファイル名、git add -pの違いを、初心者向けに実演します。
git statusとgit diffを読めるようになる
Git初心者向けに、git statusとgit diffを使って変更状態と差分を確認する手順を実演します。
GitHubに初めてpushする流れ
ローカルのGitリポジトリをGitHubへ初めてpushするまでの流れを、初心者向けに実演します。
Gitコンフリクトを実際に起こして解決する
Git初心者向けに、同じ行を別ブランチで変更してコンフリクトを起こし、解決する手順を実演します。
if文が深いコードをガード節で整理する練習
深いif文を早期returnとガード節で整理し、正常系の流れを読みやすくする実演記事です。
Pull Requestを作ってレビュー前に確認する
GitHubでPull Requestを作る前に、差分、コミット、テスト、説明文を確認する流れを初心者向けに実演します。
コミットを小さく分ける練習
README変更とコード変更が混ざった状態から、git addを使って意味のある小さなコミットに分ける練習をします。
間違えた変更を安全に戻す
Gitで未コミット変更、ステージ済み変更、直前のコミットを安全に戻す練習をします。
共通化しすぎた関数を元に戻すリファクタ練習
引数と条件分岐が増えた共通関数を、責務ごとに分け直すリファクタリングを実演します。
重複コードを見つけて共通化するか判断する練習
DRY原則を実演形式で学び、似たコードをすぐ共通化せず、同じ変更理由を持つか確認してから整理する練習をします。
長い関数を小さく分ける練習
長い関数を入力チェック、計算、保存処理に分けるリファクタリングを実演し、分けすぎない判断も解説します。
副作用のある処理を分離する練習
計算処理とDB保存・メール送信などの副作用を分け、テストしやすい関数へ整理する実演記事です。
変数名と関数名を直して読みやすくする練習
data、flag、handleのような曖昧な名前を、責務が伝わる名前へ変えるリファクタリングを実演します。
charCodeAtと数値比較で文字種を判定する
JavaScriptのcharCodeAtを使い、ASCII、半角カタカナ、全角扱いの文字を数値比較で判定する手順を実演します。
Claude Codeで初めてのコード調査・修正・テスト実行をする
Claude Codeに小さな修正を依頼し、調査、計画、編集、テスト、差分確認の流れを安全に練習します。
Claude CodeのinitでCLAUDE.mdを作る
Claude Codeの/initを使い、プロジェクト用のCLAUDE.mdを作る流れと、生成後に人間が確認すべき点を実演します。
Claude Codeをインストールして初回起動する
Claude Codeを公式手順でインストールし、プロジェクトディレクトリで初回起動する流れを初心者向けに実演します。
Claude Code用のSkillを1つ作る
Claude CodeのSkillを、PRレビュー手順を例にして最小構成で作る実演です。SKILL.mdのdescriptionと手順の書き方を確認します。
