Claude Code 使い方|挫折から3年、35歳が再びコードを書いた話
Claude Code の使い方を、プログラミング挫折から3年後に再挑戦した35歳の実録で解説。初心者でも対話しながらコードが書ける Claude Code の基本操作から、3ヶ月で簡単な Web アプリを作るまでの道のりを紹介します。
プログラミングスクールの受講料 48 万円を払い、3 ヶ月で挫折した。それから 3 年、35 歳の佐伯さんは「もう自分には無理」と諦めていた。
ところが 2026 年 3 月、友人から「Claude Code 使ってみた? 対話しながらコード書けるよ」と聞き、半信半疑でインストールした。その日の夜、佐伯さんは 3 年ぶりに 画面に "Hello, World" が表示された瞬間 を目にする。
この記事では、佐伯さんの 3 ヶ月の記録を通じて Claude Code の使い方と、プログラミング初心者が実際にどう活用できるかを紹介する。
Claude Code とは何か
Claude Code は、Anthropic 社が提供する 対話型 AI コーディングツール だ。ターミナル、IDE、ブラウザで利用でき、コードの生成から編集、実行、デバッグまでを自然言語で指示できる。
従来の GitHub Copilot や ChatGPT との違いは、コードベース全体を理解し、複数ファイルにまたがる変更を自律的に実行できる点 にある。例えば「ログイン機能を追加して」と指示すると、フロントエンド、バックエンド、データベーススキーマまで一貫して編集してくれる。
2026 年 6 月時点では、Web 版(claude.ai/code)が無料で利用でき、GitHub と連携すれば自動的にブランチとプルリクエストを作成する機能も備えている。日本語での対話精度も高く、初心者が「これどうやるんだっけ?」と聞きながらコードを書ける設計になっている。
詳しい概要は Claude Code 公式ドキュメント で確認できる。
再挑戦 1 ヶ月目:環境構築と初めてのコード
佐伯さんが最初にやったのは、公式サイトから Claude Code をインストールすることだった。ターミナルで claude-code コマンドを実行すると、ログインプロンプトが表示され、GitHub アカウントで認証を済ませるだけで準備完了。所要時間は 5 分。
3 年前は環境構築だけで 2 日かかり、Node.js のバージョン違いでエラーが出て心が折れた。今回は拍子抜けするほどスムーズだった。
「まずは簡単な HTML ページを作ってください」
そう入力すると、Claude Code は即座に index.html を生成し、「次はスタイルを追加しますか?」と提案してくる。指示通りに進めると、10 分後には自分のブラウザに "Hello, World" が表示された。
佐伯さんは当時のことを振り返る。
「3 年前は『変数とは何か』から始まって、文法を暗記しようとして挫折した。でも Claude Code は『これ作りたい』って言えば、その場でコードが出てくる。理解は後からでいい。まず動くものができるのが大きかった」
1 ヶ月目の終わりには、シンプルな ToDo リストアプリを完成させていた。JavaScript の addEventListener の意味はまだ曖昧だったが、「動くものを作れた」という事実が、次の一歩を後押しした。
再挑戦 2 ヶ月目:簡単な機能を追加
2 ヶ月目、佐伯さんは ToDo リストに「完了したタスクを削除する機能」を追加しようとした。ここで初めて エラー に遭遇する。
Uncaught TypeError: Cannot read properties of null
3 年前なら、この時点で諦めていた。しかし今回は違う。
「このエラーどういう意味ですか?」
Claude Code に聞くと、「該当の要素が HTML に存在しないため、null になっています。getElementById のスペルを確認してください」と即座に返ってきた。見ると、getElementById を getElementByID と大文字で書いていた。
AI が隣にいるだけで、エラーが「怖いもの」から「質問すれば解決するもの」に変わった。
2 ヶ月目の後半、佐伯さんはフォーム入力のバリデーション機能を追加した。「空欄で送信できないようにしたい」と伝えると、Claude Code は if 文とアラート表示のコードを提案。その際、「なぜこの条件式になるのか」も説明してくれた。
「ChatGPT だとコードだけ返ってきて、なぜそう書くのかは自分で調べる必要があった。Claude Code は『この部分は〇〇を防ぐためです』って理由も教えてくれるから、少しずつ理解が追いついてきた」
このころから、佐伯さんは MDN(Mozilla Developer Network)のドキュメントも併せて読むようになった。AI が提案したコードの意味を自分で確認し、納得してから次に進む習慣がついた。
再挑戦 3 ヶ月目:Web アプリ公開
3 ヶ月目、佐伯さんは 自分の作った簡易タスク管理アプリを Vercel で公開する ことに挑戦した。
「Vercel にデプロイする手順を教えてください」
Claude Code は GitHub リポジトリの作成から、Vercel との連携、デプロイコマンドまで順を追って指示してくれた。途中、ビルドエラーが出たが、ログをコピーして Claude Code に貼り付けると、「package.json の build スクリプトが未定義です」と原因を特定し、修正方法を提示してくれた。
2026 年 5 月 18 日の深夜 1 時 32 分、佐伯さんのアプリが Web 上で公開された。URL を開くと、自分が作った ToDo リストが表示される。シンプルな機能だが、誰でもアクセスできる「本物のアプリ」だった。
「3 年前は『エンジニアになりたい』って夢があったけど、途中で『自分には無理』って諦めた。でも今回は『作りたいものを作る』っていう目的が先にあった。Claude Code は手段であって、目的じゃない。その違いが大きかった」
現在、佐伯さんは副業として小規模な Web サイト制作を受注し、月 3〜5 万円の収入を得ている。完全に独力ではなく、Claude Code と一緒に作る形だが、クライアントは成果物に満足している。
Claude Code 初心者が知っておくべきこと
佐伯さんの 3 ヶ月を踏まえ、Claude Code を使い始める際のポイントを整理する。
基本コマンド
Claude Code では以下のコマンドが利用できる。
/config— 設定パネルを開く/cost— セッションの総コスト表示/help— ヘルプを表示
Web 版では、プロンプト欄に自然言語で指示を入力するだけで基本的な操作が可能。
プロンプトのコツ
具体的に指示する ことが重要だ。「ログイン機能を追加して」だけでは曖昧なので、「メールアドレスとパスワードでログインできる機能を追加。ログイン状態を localStorage で保持してください」のように、実装の詳細まで伝えると精度が上がる。
また、エラーログはそのままコピーして貼り付ける と、原因と解決策を即座に提示してくれる。
注意点
Claude Code が生成したコードをそのまま使うのではなく、必ず動作確認と理解を挟む こと。AI はハルシネーション(誤った情報の生成)を起こすことがあるため、公式ドキュメントや信頼できる情報源と照らし合わせる習慣が必要だ。
また、セキュリティに関わる部分(認証、決済処理など)は、AI の提案をそのまま本番環境に使わず、専門家のレビューを受けることを推奨する。
HAIIA では AI を活用したスキル習得を支援する 認定資格 も提供している。体系的に学びたい方は活用してほしい。
関連記事
よくある質問
Claude Code は無料ですか?
2026 年 6 月時点では、Web 版(claude.ai/code)が無料で利用できる。ただし、利用量に応じて有料プランへの移行が推奨される場合がある。詳細は 公式サイト で確認してほしい。
プログラミング未経験でも使えますか?
使える。佐伯さんのように一度挫折した人や、完全未経験の人でも、対話しながらコードを書き進められる設計になっている。ただし、生成されたコードの意味を理解するために、並行して基礎的な学習(HTML/CSS/JavaScript の基本)を進めることを推奨する。
ChatGPT や GitHub Copilot との違いは?
ChatGPT はコードスニペットを生成するが、ファイル編集や実行は手動で行う必要がある。GitHub Copilot はエディタ内でリアルタイムに補完を提供するが、コードベース全体の理解は限定的。
Claude Code は、コードベース全体を理解し、複数ファイルにまたがる変更を自律的に実行できる 点が特徴。また、日本語での対話精度が高く、初心者が質問しながら進めやすい。
副業に使えますか?
使える。佐伯さんのように、小規模な Web サイト制作やツール開発の副業で月 3〜5 万円の収入を得ている事例がある。ただし、クライアントワークでは 必ず成果物の動作確認と品質チェックを行う こと。AI が生成したコードをそのまま納品するのは避けるべきだ。
明日、もう一度始めてみる
佐伯さんは今、次のプロジェクトとして「地域の小さな商店向けの予約管理システム」の開発を進めている。完全に独力ではない。Claude Code に聞きながら、ドキュメントを読みながら、一歩ずつ進んでいる。
3 年前に諦めた夢は、形を変えて動き出している。
あなたが過去に諦めたものがあるなら、今日からもう一度、AI と一緒に動かしてみてほしい。完璧を目指さなくていい。まず 10 分、Claude Code を開いて「Hello, World を作ってください」と入力してみる。それだけで、何かが変わるかもしれない。
HAIIA は、そんな一歩を踏み出す人を応援している。詳しくは HAIIA の3つの軸 や 仲間募集 のページをご覧いただきたい。
About Haiia Notes
HAIIA(健全AI教育協会)が運営するメディア。AI で諦めた夢にもう一度火をつけるためのニュース・実践記事・レポートを、毎日お届けしています。