Claude Codeの使い方(ゼロからWEBサイトを作る)

この記事は約2分で読めます。
Claude Codeの使い方(10分ショート版)

🎤 動画の中で使っている音声入力ツール「Typeless」はこちらから。下記リンク経由だと5ドル分のクーポンがもらえます。

🔍 この先(残り20分)で話していること

10分版はここまで。続きの20分では、実際に手を動かしてサイトを作るところから、公開・運用までを一気に解説しています。

● プランモードで実際にサイトを作る
プロフィールサイトを Astro + Cloudflare で構築。プロンプトの渡し方/プラン承認のコツ/部分修正のやり方

● 1画面で完結する便利機能
プレビュー/Diff/ターミナル/ファイルの4タブで作業がほぼ完結する話

● プレビューで要素を選んでピンポイント指示
「名前のここだけダサいので直して」が秒で通る。詰まったらスクショして渡すのが最速

● ⚠️ 作業ディレクトリの落とし穴
サイト制作ファイルをObsidian vault(memoフォルダ)に入れない。新Macで痛い目に遭った話

● 並列タスク+ルーティン機能
別タブでポッドキャスト書き起こし/毎朝Gmail下書きの自動化

● Cloudflareにデプロイして本番公開
独自ドメイン設定までブラウザログインだけで完結

● Command + : で開く「サイドチャット」
メインの記憶を汚さずに脇道の質問ができる隠れ最強機能

● トークン消費とMCPの罠
使ってないMCPでもトークンを食ってる話/5時間制限の確認方法

続き(プランモードでサイトを作る実演/プレビューで微修正/Cloudflareにデプロイ/サイドチャットの活用 など)は、教科書のフルバージョン(30分)でご覧いただけます。

📘 もっと体系的にClaudeアプリを学びたい方へ

基本操作から実践テクニックまで
これ1冊でClaudeアプリは使えるようになります

世界一わかりやすいClaudeアプリの教科書

✅ 動画10本以上(随時追加・アップデート)

✅ テキスト2万字以上の完全ガイド

✅ 7日間のロードマップ(1日30分でOK)

✅ スマホからCoworkをリモート操作

すでに1000人以上が購入!

2,980円

教科書をみてみる
タイトルとURLをコピーしました