Claude Codeは初心者でも使える？PC苦手な妹が1日でハンドメイドサイトを作り始めた話
Claude Codeは初心者でも使える？PC苦手な妹にClaude Codeを教えたら、インストールが一瞬で終わり、1日でハンドメイドサイトの骨格ができていました。セットアップ手順・費用・注意点を実録でまとめます。
2026-05-31 公開
▼ 目次
① セットアップが一瞬になった理由
② PC苦手な妹が1日でサイトを作れた話
③ 費用の実録（サーバー無料・ドメイン約1,500円）
「Claude Code、すごいから使ってみて！」
2ヶ月くらい前からずっと妹に言い続けていました。でもその度に「ふーん」「難しそう」と、いまいちな反応。
口では「すごいよ！」と言い続けてたけど、当時のセットアップは黒いウィンドウ（PowerShell）を開いてコマンドを打って、2時間かかってたんです。このままだとやらずにいるんだろうなぁって思ってた。でも今回、その「2時間」がありませんでした。
AIのClaudeに話しかけるだけで、サイトのコードを書いたり修正したりしてくれるツールです。「このボタンを赤にして」「この文章を追加して」と言葉でお願いすれば、Claudeが実際に手を動かしてくれます。Claudeそのものについてはこちらの記事で詳しく書いています。
「PCを持ってきてくれるなら」が現実になった
昨日、妹と話していたら「私の家にPC持ってきてくれたらセットアップ手伝うよ」と声をかけました。軽い気持ちで言ったんですが、妹が「じゃあ持っていく」と。そして今日、本当にPCを抱えてやってきました。
来たよ！PC持ってきた！
え、本当に来た（笑）
「今日はセットアップで時間いっぱいかな」と思いながら、ダウンロードページを開いたそのとき。
セットアップが、一瞬で終わった
正直、びっくりしました。
claude.com/download を開いて、ダウンロードボタンを押して、インストール。それだけ。
以前の私がやったときは：
まずNode.jsという別のソフトをインストール
PowerShell（黒いウィンドウ）を開く
コマンドを打ち込んでインストール
エラーが出たら調べて対処
→ ここまでで約2時間
今日はこの作業が一切ありませんでした。
2ヶ月前の私の2時間、返してほしい
なぜ急に簡単になったのか
ひとことで言うと、Claude Codeがアプリに変わったからです。
以前はコマンド操作（黒いウィンドウ）でセットアップするツールでした。今は公式サイトからダウンロードして入れるだけ。スマホにアプリを入れる感覚と同じです。
⚠️ 必ず公式の claude.com/download からダウンロードしてください。検索すると広告や似たようなサイトが出てくることがあります。偽物や危険なファイルをダウンロードしてしまうリスクがあるので、私は妹に検索させず、直接URLを送ってそこからダウンロードしてもらいました。
PC苦手な妹が一瞬でセットアップできたのは、私の教え方がうまくなったからではなく、Claude Code自体が変わったからでした。
ただし、これは私たちが2026年5月にWindowsで実際に試したときの話です。環境や時期によって異なる場合がありますので、参考程度に読んでもらえると助かります。
Claude Codeの始め方が気になっている方、今がいちばん始めやすいタイミングだと思います。
インストール直後、即サイト制作スタート
セットアップが終わったら、妹はすぐにサイト作りを始めました。
作るのはハンドメイド作品のホームページ。以前WordPressを少し触ったことがあり、「外観を自分でカスタマイズしようとしたら、すごく大変だった」という記憶があったそうです。
それがClaude Codeだと：
コードを一文字も書かなくていい。これが一番の違いです。
ワードプレスで外観整えようとしたら、余裕で数日かかってた
Claude Codeは「赤っぽい色にして」って言葉で伝えれば変えてくれるよ
それなら私にもできそう！
あわせて読みたい
小さなレンタルショップのHPをClaudeで自作した話｜外注費0円、非エンジニアでもできた
Claude Codeでできること・気をつけること
| Claude Codeでできること | 自分で確認が必要なこと |
|---|---|
| ページの文章を整える | 表示が崩れていないか |
| 色やレイアウトを変える | リンクが正しく動くか |
| ボタンやリンクを追加する | 個人情報が意図せず公開されていないか |
| 公開前の修正を一緒に確認する | 最終チェックは自分の目でも確認する |
「全部やってくれる」は言い過ぎで、最後の確認は自分の目でするのが鉄則です。
「こんなテイストにしたい」と参考にしたいサイトのURLを渡せば、デザインの雰囲気を汲み取った提案もしてくれます。言葉でうまく説明できないときに、イメージを共有する手段として使えます。
わからないことが出てきたときは、画面をスクリーンショットしてそのままCtrl+Vで貼り付けて聞けます。どこかに保存する必要はありません。「この画面どうすればいい？」と画像ごと投げれば、見たまま答えてくれます。
Claude Codeを始める前に必要だったもの
今回、妹がClaude Codeを始めるために用意したものはこの3つです。
サーバーはCloudflare Pagesを使ったので無料、独自ドメインは年約1,500円でした。
なお、Claude Codeのインストール方法や利用条件は変わる可能性があります。この記事は2026年5月にWindows PCで実際に試した体験談として読んでください。
費用まとめ｜サーバー無料・ドメイン約1,500円
今日かかった費用はこれだけです。
| 項目 | 費用 |
|---|---|
| Cloudflare Pages（サーバー） | 無料 |
| 独自ドメイン | 約1,500円/年 |
| Claude Pro（月額） | 約3,500円/月 |
私はClaude Pro（月額約3,500円）でClaude Codeを使っています。料金や利用条件は変わる可能性があるので、最新情報は公式ページで確認してください。
Cloudflare Pagesはサーバー代が無料で使えるホスティングサービスです。WordPressでブログを始める場合、サーバー代だけで月々1,000〜1,500円かかることを考えると、かなりコスパが良いです。
Cloudflareの設定はClaudeに指示をもらいながら自分でボタンを押す作業なので、PC苦手でも問題ありませんでした。Claude Proを使った実際の体験はこちらの記事にも書いています。
1日のうちに、ハンドメイドサイトの骨格がかなりできていました。
乗り気じゃなかった妹が「楽しい！」
最初はいまいちな反応だった妹が、触り始めてからはずっと画面を見ていました。Instagram・minne・CreemaのURLをClaudeに渡したら、ブランドイメージを読み取ってサイトの色使いを仕上げてくれたそうです。思い通りの雰囲気になるのを見て、「ここをこう変えて」と次々お願いしていました。
最後には「楽しい！」と言っていました。今後はSEO流入も狙いたいから、ギフト選びのコラム記事も書いていきたいとも。昨日まで「難しそう」って言ってた人が、です。
楽しい！思ってたのと全然違う！
昨日まで乗り気じゃなかったのに笑
まとめ｜PC苦手でも、今のClaude Codeなら大丈夫
✓ 結論
セットアップはダウンロードして入れるだけ。コードが書けなくても言葉でお願いするだけでサイトが作れる。PC苦手でも1日で骨格まで作れる時代になった。
「難しそう」って思ってる人、2ヶ月前の私もそうでした。今のClaude Codeはあの頃と別物です。妹が「楽しい！」って言ったあの顔、きっとあなたにも体験できます。
関連記事
Xでも発信中です！
副業の進捗・AI活用のリアルをつぶやいてます。よかったら仲良くしてください。