コードが書けなくても、
個人開発を始められる。
Claude Codeの基本操作から、AIへの頼み方、安全な進め方まで。副業に役立つWebページを実際に作りながら、開発の最初の一歩を身につける無料教材です。
まずはかんたん版で作ってみて、仕組みを知りたくなったら UNIT 01 から。アプリは、かんたん版のLPのあとに作れます。
教材の閲覧は無料です。Claude Codeの利用条件・料金は別途確認してください。
これは説明用の制作見本です。Claude Codeによる実行結果ではありません。
LEARN BY MAKING
読むだけで終わらない、作る教材です。
説明を読んだら、自分のPCで実際に作り、目で確かめて仕上げます。
THE TWO THINGS YOU BUILD
学び終えたとき、手元に残るもの。
プログラミング用語を暗記するより、実際に作り、見て、直せるようになることを目指します。
簡易LP編集アプリ
サービス名・キャッチコピー・説明・色を入力すると、プレビューが変わり、HTMLとして書き出せる小さなアプリ。UNIT 10で作ります。
動く完成見本を見る →完成見本は学習用の簡易版で、自動保存・公開・申込受付はありません。LEARNING PATH
学習の流れ
知る → 作る → 確かめる → 応用する、の順に進みます。1つの題材を使うので、途中で何を作っていたか分からなくなりにくい構成です。UNIT 01〜11までを、1つの学習ルートとしてつないでいます。
準備｜Claude Codeと安全に作業を始める
基礎・作業場所・インストール
実践｜副業に役立つLPを1枚作る
目的を決め、最初の画面から組み立てる
改善｜自分で検品し、安全に直す
スマホ・デザイン仕様・変更履歴
応用｜作れるものを増やす
LP編集アプリから自分のアイデアへ
UNIT 01〜11の手順は、2026年11月に Windows 10 の実機で確かめています。Mac では確かめていないため、Mac の方は公式の資料もあわせてご確認ください。
THE WAY WE LEARN
AIに任せるのは「作業」。大切な判断は、自分で。
作る場所、変更するファイル、公開や課金の有無は、いつでもあなた自身が確認します。AIの「完成しました」という報告だけで終わらず、必ず実物を開いて確かめる。それが、この教材の基本です。