%3Cstyle%3E%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%AF%E5%9F%BA%E6%9C%AC%E3%81%95%E3%82%8F%E3%82%89%E3%81%AA%E3%81%84%20%3D%3D%3D%3D%3D%20*%2F%0A%20%20.cta-banner-box%7B%0A%20%20%20%20background-color%3A%23c24a1b%3B%0A%20%20%20%20background-image%3Aurl(%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-1800x246_v-frms_webp_e84aa254-1330-47a3-972c-10016ef516fc.png%22)%3B%0A%20%20%20%20background-size%3Acover%3B%20background-position%3Acenter%3B%0A%20%20%20%20border-radius%3A4px%3B%20overflow%3Ahidden%3B%20margin%3A32px%200%3B%0A%20%20%20%20font-family%3A%22Noto%20Sans%20JP%22%2Csans-serif%3B%0A%20%20%20%20transition%3Aopacity%20.2s%3B%0A%20%20%7D%0A%20%20.cta-banner-box%3Ahover%7B%20opacity%3A.85%3B%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E9%80%9A%E5%B8%B8%EF%BC%9DPC%E6%A8%AA%E4%B8%A6%E3%81%B3%20*%2F%0A%20%20.cta-banner-link%7B%0A%20%20%20%20display%3Aflex%3B%20align-items%3Acenter%3B%20justify-content%3Aspace-between%3B%0A%20%20%20%20gap%3A24px%3B%20padding%3A32px%2040px%3B%0A%20%20%20%20text-decoration%3Anone%3B%20color%3A%23fff%3B%0A%20%20%7D%0A%20%20.cta-text-area%7B%20display%3Aflex%3B%20flex-direction%3Acolumn%3B%20gap%3A4px%3B%20%7D%0A%20%20.cta-sub-text%7B%20%20margin%3A0%3B%20opacity%3A.9%3B%20line-height%3A1.6%3B%20font-size%3Aclamp(12px%2C%202.2vw%2C%2015px)%3B%20%7D%0A%20%20.cta-main-text%7B%20margin%3A0%3B%20font-weight%3Abold%3B%20line-height%3A1.5%3B%20font-size%3Aclamp(15px%2C%203.4vw%2C%2022px)%3B%20%7D%0A%20%20.cta-btn%7B%0A%20%20%20%20flex-shrink%3A0%3B%20background%3A%23242426%3B%20color%3A%23fff%3B%0A%20%20%20%20padding%3A20px%2024px%3B%20border-radius%3A100px%3B%0A%20%20%20%20font-weight%3Abold%3B%20line-height%3A1%3B%20white-space%3Anowrap%3B%0A%20%20%20%20font-size%3Aclamp(13px%2C%202.2vw%2C%2015px)%3B%0A%20%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E3%83%90%E3%83%8A%E3%83%BC%E5%B9%85500px%E4%BB%A5%E4%B8%8B%EF%BC%9D%E7%B8%A6%E7%A9%8D%E3%81%BF%E3%83%BB%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%B7%A6%E5%AF%84%E3%81%9B%E3%83%BB%E3%83%9C%E3%82%BF%E3%83%B3%E6%A8%AA%E5%B9%85%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%20*%2F%0A%20%20%40media%20(max-width%3A%20500px)%7B%0A%20%20%20%20.cta-banner-link%7B%20flex-direction%3Acolumn%3B%20align-items%3Aflex-start%3B%20text-align%3Aleft%3B%20gap%3A16px%3B%20padding%3A20px%2016px%3B%20%7D%0A%20%20%20%20.cta-btn%7B%20align-self%3Astretch%3B%20text-align%3Acenter%3B%20box-sizing%3Aborder-box%3B%20padding%3A14px%2024px%3B%20%7D%0A%20%20%7D%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%3D%3D%3D%3D%3D%20*%2F%0A%3C%2Fstyle%3E%0A%0A%3C!--%20%E2%96%BC%E2%96%BC%E2%96%BC%20%E7%B7%A8%E9%9B%86%E3%81%AF%E4%B8%8B%E3%81%AE%E3%80%8C%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%80%8D%E3%81%A8%E3%80%8C%E3%83%AA%E3%83%B3%E3%82%AFURL%E3%80%8D%E3%81%A0%E3%81%91%20%E2%96%BC%E2%96%BC%E2%96%BC%20--%3E%0A%3Cdiv%20class%3D%22cta-banner-box%22%3E%0A%20%20%3Ca%20href%3D%22https%3A%2F%2Fstudio-goro.com%2Fservice%2Fclaude-code%22%20target%3D%22_top%22%20class%3D%22cta-banner-link%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-text-area%22%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-sub-text%22%3E%E4%BB%8A%E3%81%AA%E3%82%89%E5%8A%A9%E6%88%90%E9%87%91%E5%88%A9%E7%94%A8%E3%81%A7%E6%9C%80%E5%A4%A775%EF%BC%85OFF%EF%BC%81%3C%2Fp%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-main-text%22%3E%E9%9D%9E%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E5%90%91%E3%81%91%E3%80%8CClaude%20Code%20%E6%B3%95%E4%BA%BA%E7%A0%94%E4%BF%AE%E3%80%8D%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-btn%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fdiv%3E%0A%20%20%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%3C!--%20%E2%96%B2%E2%96%B2%E2%96%B2%20%E7%B7%A8%E9%9B%86%E3%81%AF%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%E2%96%B2%E2%96%B2%E2%96%B2%20--%3EClaude Codeの始め方｜準備・インストール編ここからは実際の始め方です。準備は3つだけ。順番どおりに進めれば、今日中に使い始められます。【重要】バージョン選択：非エンジニアは「デスクトップアプリ版」一択！Claude Codeには3つのバージョンがあります。ターミナル版：黒い画面（正式にはCLI）でコマンド入力する。初心者には不向きVS Code拡張機能版：VS Codeというソフトに組み込んで使いやすくしたものデスクトップアプリ版：黒い画面も英語のコマンドも不要非エンジニアの方は、迷わずデスクトップアプリ版を選んでください。私たちがターミナル（コマンド入力）の操作を覚える必要はもうありません。かつては「VS Code拡張機能版」をすすめる発信者が多くいました。しかし、デスクトップアプリ版が2026年4月に大幅アップデートされ*、ターミナル版との差はほとんどなくなりました。VS Code拡張機能版は、今では選ぶ理由がありません。AI関連のツールは進化のスピードが速く、ネット上には古い情報も残っています。情報の日付には注意してください。%3Cdiv%20class%3D%22gr-citation%22%3E%0A*%E5%87%BA%E5%85%B8%EF%BC%9A%3Ca%20href%3D%22https%3A%2F%2Fclaude.com%2Fblog%2Fclaude-code-desktop-redesign%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3EClaude%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%EF%BD%9C%E4%B8%A6%E5%88%97%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E5%90%91%E3%81%91%E3%81%AB%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97%E4%B8%8A%E3%81%A7Claude%20Code%E3%82%92%E5%86%8D%E8%A8%AD%E8%A8%88%E3%81%99%E3%82%8B%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.gr-citation%20%7B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20text-align%3A%20right%3B%0A%20%20color%3A%20%23999999%3B%0A%20%20margin-top%3A%204px%3B%0A%7D%0A%0A.gr-citation%20a%2C%0A.gr-citation%20a%3Avisited%2C%0A.gr-citation%20a%3Ahover%2C%0A.gr-citation%20a%3Aactive%20%7B%0A%20%20color%3A%20%23999999%20!important%3B%0A%20%20text-decoration%3A%20underline%20!important%3B%0A%20%20text-decoration-color%3A%20%23999999%20!important%3B%0A%7D%0A%3C%2Fstyle%3ESTEP1：公式サイト「claude.com」でアカウント作成。無料プランではClaude Codeが使えない！登録は必ず公式サイト claude.com から行ってください。似た名前の非公式サイトにアカウント情報を入力しないよう、アドレスバーを必ず確認する習慣をつけましょう。Claude Codeは無料では使えません。有料のProプラン（月額20ドル、日本円でおよそ3,000円台）以上の契約が必須です*。%3Cdiv%20class%3D%22gr-citation%22%3E%0A*%E5%87%BA%E5%85%B8%EF%BC%9A%3Ca%20href%3D%22https%3A%2F%2Fclaude.com%2Fpricing%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3EAnthropic%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%EF%BC%88%E6%96%99%E9%87%91%E3%83%9A%E3%83%BC%E3%82%B8%EF%BC%89%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.gr-citation%20%7B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20text-align%3A%20right%3B%0A%20%20color%3A%20%23999999%3B%0A%20%20margin-top%3A%204px%3B%0A%7D%0A%0A.gr-citation%20a%2C%0A.gr-citation%20a%3Avisited%2C%0A.gr-citation%20a%3Ahover%2C%0A.gr-citation%20a%3Aactive%20%7B%0A%20%20color%3A%20%23999999%20!important%3B%0A%20%20text-decoration%3A%20underline%20!important%3B%0A%20%20text-decoration-color%3A%20%23999999%20!important%3B%0A%7D%0A%3C%2Fstyle%3E利用量が多い方向けの上位プラン「Max」（月額100ドルから）もあります。プランの選び方は、別の記事で詳しくまとめています。▶ Claude Codeの料金を法人向けに解説！費用対効果や支払方法までSTEP2：デスクトップアプリをダウンロード（Windowsだけ注意）公式ドキュメント*からお使いのOS用のデスクトップアプリをダウンロードします。MacでもWindowsでも使えます。Windowsだけの注意点：WindowsでCodeタブを初めて開くときだけ、「Git for Windows」という無料ソフトのインストールを求められます*。案内に従ってインストールし、アプリを再起動すれば使えます。難しい設定はなく、画面の指示どおりに進めれば1〜2分で終わります。%3Cdiv%20class%3D%22gr-citation%22%3E%0A*%E5%87%BA%E5%85%B8%EF%BC%9A%3Ca%20href%3D%22https%3A%2F%2Fcode.claude.com%2Fdocs%2Fen%2Fdesktop%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3EClaude%20Code%E5%85%AC%E5%BC%8F%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.gr-citation%20%7B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20text-align%3A%20right%3B%0A%20%20color%3A%20%23999999%3B%0A%20%20margin-top%3A%204px%3B%0A%7D%0A%0A.gr-citation%20a%2C%0A.gr-citation%20a%3Avisited%2C%0A.gr-citation%20a%3Ahover%2C%0A.gr-citation%20a%3Aactive%20%7B%0A%20%20color%3A%20%23999999%20!important%3B%0A%20%20text-decoration%3A%20underline%20!important%3B%0A%20%20text-decoration-color%3A%20%23999999%20!important%3B%0A%7D%0A%3C%2Fstyle%3ESTEP3：サインインしたら「Code」タブに切り替えるアプリを起動したら、契約したアカウントでサインインします。サインインが済んだら、画面上部の「Code」タブをクリックしてください。これでClaude Codeの機能が使えるようになります。Claude Codeの使い方｜実際にアプリを作ってみよう準備が終わったら、いよいよ実践です。やることは4つ。この順番で進めれば、非エンジニアの方でも今日中にアプリが完成します。STEP4：空フォルダ1つ作ればいい。練習用だから大事なファイルは触らないClaude Codeに作業してもらう「場所」を決めます。デスクトップに空のフォルダを1つ作ってください。名前は自由です。ここでは「[プロジェクト名]」として、自分の仕事の名前に置き換えて使ってください（例：サイト制作）。フォルダができたら、アプリの「Code」タブから「Local」→「Select folder」で、作ったフォルダを選びます。「このワークスペースを信頼しますか？」と聞かれたら「信頼する」を選んでください。理由は安全のためです。Claude Codeは、選んだフォルダの中身だけにアクセスして読んだり書き換えたりできます。大切なファイルが入ったフォルダは選ばず、まずは空の練習用フォルダから始めれば、何が起きても安心です。STEP5：モデルを選ぶ。初心者ならOpus、複雑ならSonnet。迷ったらOpusClaude Codeには複数のAIモデルが用意されていて、チャット欄のそばにあるモデル選択メニューから切り替えられます。アプリづくりのような複雑な作業には、最も高性能な「Opus」がおすすめです。日常的な軽い作業なら、バランス型の「Sonnet」でも十分です。迷ったらOpusを選んでおけば間違いありません。あとから何度でも切り替えられるので、気軽に試してみてください。STEP6：日本語で頼むだけ。ChatGPTと同じ感覚でOK準備ができたら、あとはチャット欄に日本語で話しかけるだけです。たとえば「PDFをPNG画像に変換するアプリを作って」のように、具体的に伝えます。指示を送ると、Claude Codeは必要なツールを確認し、プログラムを書き、ファイルを保存する、という流れを自動で進めます。実行前には必ず「こういう作業をします」と見せてくれるので、内容を確認してから進めてください。ChatGPTに質問するのと同じ感覚で問題ありません。違うのは、Claude Codeがその指示を受けて、実際にファイルを作る作業まで進めてくれる点です。STEP7：「戻して」で何度でもやり直せる。失敗を恐れず進めてOKできあがったファイルをダブルクリックで開いて、動きを確かめます。思ったとおりに動かなかったり、不具合があったりしても、慌てる必要はありません。チャットで「直して」「さっきの変更を元に戻して」と伝えれば、Claude Codeは何度でも修正してくれます。この「いつでもやり直せる」安心感は、初めての方には大きいはずです。失敗を恐れず、まずは身近な作業から試してみてください。実際に、4ステップだけでサイトが完成した例%3Cdiv%20class%3D%22speech-row%22%3E%0A%20%20%3Cdiv%20class%3D%22speech-avatar%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-120x120_0927ff79-9979-4ec0-837c-c270641f926c.svg%22%20alt%3D%22GORO%E7%B7%A8%E9%9B%86%E9%83%A8%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22speech-bubble%22%3E%0A%20%20%20%20%3Cp%3E%0A%20%20%20%20GORO%E3%81%AE%E7%A0%94%E4%BF%AE%E3%81%A7%E3%81%AF%E3%80%81%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E6%9C%AA%E7%B5%8C%E9%A8%93%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC8%E5%90%8D%E3%81%8C%E3%80%81%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E4%BD%9C%E6%88%90%E3%81%8B%E3%82%89%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E5%8F%8D%E6%98%A0%E3%80%81Web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E5%85%AC%E9%96%8B%E3%81%BE%E3%81%A7%E3%82%921%E6%97%A5%E3%81%A7%E5%AE%8C%E4%BA%86%E3%81%95%E3%81%9B%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%E5%8F%82%E5%8A%A0%E8%80%85%E3%81%AE1%E4%BA%BA%E3%81%AF%E3%80%8C%E3%83%9E%E3%83%BC%E3%82%AF%E3%83%80%E3%82%A6%E3%83%B3%E3%81%AE%E5%AE%9A%E7%BE%A9%E3%81%8C%E9%9D%9E%E5%B8%B8%E3%81%AB%E9%87%8D%E8%A6%81%E3%81%A0%E3%81%A8%E3%81%84%E3%81%86%E3%81%93%E3%81%A8%E3%81%8C%E8%85%91%E3%81%AB%E8%90%BD%E3%81%A1%E3%81%9F%E3%80%8D%E3%81%A8%E8%A9%B1%E3%81%97%E3%80%81%E5%88%A5%E3%81%AE%E5%8F%82%E5%8A%A0%E8%80%85%E3%81%8B%E3%82%89%E3%81%AF%E3%80%8CAI%E3%81%8C%E3%81%AA%E3%81%84%E6%99%82%E4%BB%A3%E3%81%AF%E5%85%A8%E9%83%A8%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E8%A6%9A%E3%81%88%E3%81%A6%E6%89%93%E3%81%9F%E3%81%AA%E3%81%8D%E3%82%83%E3%81%84%E3%81%91%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E3%80%82%E4%BB%8A%E3%81%AF%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%81%A7%E3%81%8A%E9%A1%98%E3%81%84%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%AE%E3%81%A7%E3%83%8F%E3%83%BC%E3%83%89%E3%83%AB%E3%81%8C%E5%A4%A7%E5%B9%85%E3%81%AB%E4%B8%8B%E3%81%8C%E3%81%A3%E3%81%9F%E3%80%8D%E3%81%A8%E3%81%84%E3%81%86%E6%84%9F%E6%83%B3%E3%82%82%E5%87%BA%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.speech-row%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20align-items%3A%20flex-start%3B%0A%20%20gap%3A%2020px%3B%0A%7D%0A%0A.speech-avatar%20%7B%0A%20%20flex-shrink%3A%200%3B%0A%20%20width%3A%2064px%3B%0A%7D%0A%0A.speech-avatar%20img%20%7B%0A%20%20width%3A%2064px%3B%0A%20%20height%3A%2064px%3B%0A%20%20border-radius%3A%2050%25%3B%0A%20%20border%3A%201px%20solid%20%23E5E5E8%3B%0A%7D%0A%0A.speech-bubble%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20background-color%3A%20%23ECEEF1%3B%0A%20%20padding%3A%2020px%2024px%3B%0A%20%20border-radius%3A%2016px%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%7D%0A%0A.speech-bubble%20p%20%7B%0A%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%81%AE%E3%82%B7%E3%83%83%E3%83%9D%EF%BC%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E5%81%B4%E3%82%92%E6%8C%87%E3%81%99%E4%B8%89%E8%A7%92%EF%BC%89%20*%2F%0A.speech-bubble%3A%3Abefore%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20position%3A%20absolute%3B%0A%20%20left%3A%20-10px%3B%0A%20%20top%3A%2024px%3B%0A%20%20width%3A%200%3B%0A%20%20height%3A%200%3B%0A%20%20border-top%3A%2010px%20solid%20transparent%3B%0A%20%20border-bottom%3A%2010px%20solid%20transparent%3B%0A%20%20border-right%3A%2012px%20solid%20%23ECEEF1%3B%0A%7D%0A%3C%2Fstyle%3E%3Cstyle%3E%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%AF%E5%9F%BA%E6%9C%AC%E3%81%95%E3%82%8F%E3%82%89%E3%81%AA%E3%81%84%20%3D%3D%3D%3D%3D%20*%2F%0A%20%20.cta-banner-box%7B%0A%20%20%20%20background-color%3A%23c24a1b%3B%0A%20%20%20%20background-image%3Aurl(%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-1800x246_v-frms_webp_e84aa254-1330-47a3-972c-10016ef516fc.png%22)%3B%0A%20%20%20%20background-size%3Acover%3B%20background-position%3Acenter%3B%0A%20%20%20%20border-radius%3A4px%3B%20overflow%3Ahidden%3B%20margin%3A32px%200%3B%0A%20%20%20%20font-family%3A%22Noto%20Sans%20JP%22%2Csans-serif%3B%0A%20%20%20%20transition%3Aopacity%20.2s%3B%0A%20%20%7D%0A%20%20.cta-banner-box%3Ahover%7B%20opacity%3A.85%3B%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E9%80%9A%E5%B8%B8%EF%BC%9DPC%E6%A8%AA%E4%B8%A6%E3%81%B3%20*%2F%0A%20%20.cta-banner-link%7B%0A%20%20%20%20display%3Aflex%3B%20align-items%3Acenter%3B%20justify-content%3Aspace-between%3B%0A%20%20%20%20gap%3A24px%3B%20padding%3A32px%2040px%3B%0A%20%20%20%20text-decoration%3Anone%3B%20color%3A%23fff%3B%0A%20%20%7D%0A%20%20.cta-text-area%7B%20display%3Aflex%3B%20flex-direction%3Acolumn%3B%20gap%3A4px%3B%20%7D%0A%20%20.cta-sub-text%7B%20%20margin%3A0%3B%20opacity%3A.9%3B%20line-height%3A1.6%3B%20font-size%3Aclamp(12px%2C%202.2vw%2C%2015px)%3B%20%7D%0A%20%20.cta-main-text%7B%20margin%3A0%3B%20font-weight%3Abold%3B%20line-height%3A1.5%3B%20font-size%3Aclamp(15px%2C%203.4vw%2C%2022px)%3B%20%7D%0A%20%20.cta-btn%7B%0A%20%20%20%20flex-shrink%3A0%3B%20background%3A%23242426%3B%20color%3A%23fff%3B%0A%20%20%20%20padding%3A20px%2024px%3B%20border-radius%3A100px%3B%0A%20%20%20%20font-weight%3Abold%3B%20line-height%3A1%3B%20white-space%3Anowrap%3B%0A%20%20%20%20font-size%3Aclamp(13px%2C%202.2vw%2C%2015px)%3B%0A%20%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E3%83%90%E3%83%8A%E3%83%BC%E5%B9%85500px%E4%BB%A5%E4%B8%8B%EF%BC%9D%E7%B8%A6%E7%A9%8D%E3%81%BF%E3%83%BB%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%B7%A6%E5%AF%84%E3%81%9B%E3%83%BB%E3%83%9C%E3%82%BF%E3%83%B3%E6%A8%AA%E5%B9%85%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%20*%2F%0A%20%20%40media%20(max-width%3A%20500px)%7B%0A%20%20%20%20.cta-banner-link%7B%20flex-direction%3Acolumn%3B%20align-items%3Aflex-start%3B%20text-align%3Aleft%3B%20gap%3A16px%3B%20padding%3A20px%2016px%3B%20%7D%0A%20%20%20%20.cta-btn%7B%20align-self%3Astretch%3B%20text-align%3Acenter%3B%20box-sizing%3Aborder-box%3B%20padding%3A14px%2024px%3B%20%7D%0A%20%20%7D%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%3D%3D%3D%3D%3D%20*%2F%0A%3C%2Fstyle%3E%0A%0A%3C!--%20%E2%96%BC%E2%96%BC%E2%96%BC%20%E7%B7%A8%E9%9B%86%E3%81%AF%E4%B8%8B%E3%81%AE%E3%80%8C%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%80%8D%E3%81%A8%E3%80%8C%E3%83%AA%E3%83%B3%E3%82%AFURL%E3%80%8D%E3%81%A0%E3%81%91%20%E2%96%BC%E2%96%BC%E2%96%BC%20--%3E%0A%3Cdiv%20class%3D%22cta-banner-box%22%3E%0A%20%20%3Ca%20href%3D%22https%3A%2F%2Fstudio-goro.com%2Fservice%2Fclaude-code%22%20target%3D%22_top%22%20class%3D%22cta-banner-link%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-text-area%22%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-sub-text%22%3E%E4%BB%8A%E3%81%AA%E3%82%89%E5%8A%A9%E6%88%90%E9%87%91%E5%88%A9%E7%94%A8%E3%81%A7%E6%9C%80%E5%A4%A775%EF%BC%85OFF%EF%BC%81%3C%2Fp%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-main-text%22%3E%E9%9D%9E%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E5%90%91%E3%81%91%E3%80%8CClaude%20Code%20%E6%B3%95%E4%BA%BA%E7%A0%94%E4%BF%AE%E3%80%8D%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-btn%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fdiv%3E%0A%20%20%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%3C!--%20%E2%96%B2%E2%96%B2%E2%96%B2%20%E7%B7%A8%E9%9B%86%E3%81%AF%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%E2%96%B2%E2%96%B2%E2%96%B2%20--%3Eただし、AIだけでサイトを完成させると、公開後に困るケースもあります。以下の記事で、AIが苦手な領域を先に押さえておくと安心です。▶ AI Web制作でどこまでできる？おすすめツール3選と限界Claude Codeの使い方｜最初は身近な仕事から任せるセットアップが終わったら、次の疑問は「何をやらせるか」です。おすすめは、失敗してもダメージのない身近な仕事から順に任せて、成功体験を積み重ねていく進め方です。まずは、散らかったフォルダやファイルの整理から「デスクトップに置きっぱなしのファイルを、種類ごとにフォルダを作って振り分けて」と伝えるだけで、Claude Codeが中身を見ながら整理してくれます。不要な重複ファイルを見つけて教えてもらうこともできます。実行前に「こう動かします」と確認が入るので、勝手に消される心配もありません。最初の練習にちょうどいい仕事です。次に、報告書や議事録からの書類づくり10個の日報から週報を1本にまとめる、複数の議事録から決定事項だけを抜き出して一覧にする、といった仕事もClaude Codeの得意分野です。フォルダの中の資料を読み込ませて「この形式で月次報告にまとめて」と指示すれば、内容を理解したうえで下書きを生成してくれます。ゼロから文章を作るのではなく手元の資料をもとに組み立てるため、事実と違う内容を作りにくいのも利点です。慣れたら、シフト管理のような社内ツールの自作へこれまで外注していた小さな仕組みも、自分で作れるようになります。「勤務希望を入力するとシフト表ができる簡単なツールを作って」と伝えると、その場で1つのプロジェクト（関係するファイルをひとまとめにした作業のかたまり）として組み立て、正しく動作するかのテストまでやってくれます。おかしな挙動（バグ）が見つかれば、修正まで続けて頼めます。ただし、SNSで見かける「Claude Codeで1日で事業ができた」といった話は、半分は本当で半分は誇張です。順番を飛ばして大きな仕事から任せると、うまくいかないときに原因を切り分けられません。身近な仕事から階段を上るのが、結局いちばんの近道です。具体的にどんな仕事を任せられるか知りたい方は、Claude Codeの活用事例をまとめた記事もご覧ください。▶ 実際にClaude Codeで業務効率化した活用事例11選！やったことは対話しただけGOROコラムの制作現場では、週3時間の作業がゼロになりましたエンジニアの会社ではないGOROも、整理・書類づくり・ツール自作の順で任せる範囲を広げてきました。%3Cdiv%20class%3D%22speech-row%22%3E%0A%20%20%3Cdiv%20class%3D%22speech-avatar%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-120x120_0927ff79-9979-4ec0-837c-c270641f926c.svg%22%20alt%3D%22GORO%E7%B7%A8%E9%9B%86%E9%83%A8%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22speech-bubble%22%3E%0A%20%20%20%20%3Cp%3E%0A%20%20%20%20GORO%E3%81%A7%E3%81%AF%E6%AF%8E%E9%80%B1%E9%87%91%E6%9B%9C%E6%97%A5%E3%80%81Web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E6%88%90%E6%9E%9C%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E3%81%A5%E3%81%8F%E3%82%8A%E3%81%AB%E5%8D%88%E5%89%8D%E4%B8%AD%E3%81%BE%E3%82%8B%E3%81%BE%E3%82%8B3%E6%99%82%E9%96%93%E3%81%8B%E3%81%91%E3%81%A6%E3%81%84%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%E9%A0%86%E4%BD%8D%E3%82%92%E8%A6%8B%E3%81%A6%E3%80%81%E6%B5%81%E5%85%A5%E3%82%92%E8%A6%8B%E3%81%A6%E3%80%81%E4%BB%AE%E8%AA%AC%E3%82%92%E7%AB%8B%E3%81%A6%E3%81%A6%E3%80%81%E6%89%93%E3%81%A1%E6%89%8B%E3%82%92%E6%B1%BA%E3%82%81%E3%81%A6%E2%80%A6%E3%81%A8%E3%81%84%E3%81%86%E4%BD%9C%E6%A5%AD%E3%81%A7%E3%81%99%E3%80%82%0A%3Cbr%3E%E3%81%9D%E3%82%8C%E3%81%8CClaude%20Code%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E3%81%BB%E3%81%BC%E3%82%BC%E3%83%AD%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%E4%BB%8A%E3%81%AF%E3%80%8E%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%81%AE%E8%AA%98%E5%B0%8E%E6%95%B0%E3%80%8F%E3%81%BE%E3%81%A7%E8%A6%8B%E3%81%A6%E3%81%8F%E3%82%8C%E3%81%A6%E3%80%81%E3%83%9C%E3%83%88%E3%83%AB%E3%83%8D%E3%83%83%E3%82%AF%E3%81%AE%E7%89%B9%E5%AE%9A%E3%81%A8%E6%89%93%E3%81%A1%E6%89%8B%E3%81%AE%E6%8F%90%E6%A1%88%E3%81%BE%E3%81%A7%E3%80%81%E3%82%B3%E3%83%BC%E3%83%92%E3%83%BC%E3%82%92%E5%85%A5%E3%82%8C%E7%B5%82%E3%82%8F%E3%82%8B%E5%89%8D%E3%81%AB%E7%B5%82%E3%82%8F%E3%81%A3%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.speech-row%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20align-items%3A%20flex-start%3B%0A%20%20gap%3A%2020px%3B%0A%7D%0A%0A.speech-avatar%20%7B%0A%20%20flex-shrink%3A%200%3B%0A%20%20width%3A%2064px%3B%0A%7D%0A%0A.speech-avatar%20img%20%7B%0A%20%20width%3A%2064px%3B%0A%20%20height%3A%2064px%3B%0A%20%20border-radius%3A%2050%25%3B%0A%20%20border%3A%201px%20solid%20%23E5E5E8%3B%0A%7D%0A%0A.speech-bubble%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20background-color%3A%20%23ECEEF1%3B%0A%20%20padding%3A%2020px%2024px%3B%0A%20%20border-radius%3A%2016px%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%7D%0A%0A.speech-bubble%20p%20%7B%0A%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%81%AE%E3%82%B7%E3%83%83%E3%83%9D%EF%BC%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E5%81%B4%E3%82%92%E6%8C%87%E3%81%99%E4%B8%89%E8%A7%92%EF%BC%89%20*%2F%0A.speech-bubble%3A%3Abefore%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20position%3A%20absolute%3B%0A%20%20left%3A%20-10px%3B%0A%20%20top%3A%2024px%3B%0A%20%20width%3A%200%3B%0A%20%20height%3A%200%3B%0A%20%20border-top%3A%2010px%20solid%20transparent%3B%0A%20%20border-bottom%3A%2010px%20solid%20transparent%3B%0A%20%20border-right%3A%2012px%20solid%20%23ECEEF1%3B%0A%7D%0A%3C%2Fstyle%3Eレポート作成やGA4分析、契約書づくりなど、[Claude Codeの活用事例]を10個以上まとめた記事もあります。Claude Codeの使い方｜CLAUDE.mdで「毎回の説明」をなくすClaude Codeに慣れてきたら、次に効いてくるのがCLAUDE.mdです。会社のルールやよく使う言い回しをメモに書いておくだけで、毎回同じ説明をする手間が消え、AIの受け答えも安定します。ここでは、その必要性から書き方までを順にやさしく解説します。なぜCLAUDE.mdが必要なのかAIに同じ説明を何度も繰り返した経験はないでしょうか。新しい会話を始めるたびに、「うちの会社は◯◯です」「いつもこういうルールで進めています」と、一から説明し直す煩わしさです。CLAUDE.mdは、その煩わしさを解消する仕組みです。会社のルール・よく使う言い回し・注意してほしいことを一度書いておくと、Claude Codeが会話を始めるたびに自動でそれを読み込みます。AIが勝手に記憶してくれるわけではなく、「あなたが書いたメモを、毎回最初に読んでもらう」という仕組みです。書いておいた分だけ、効果が出ます。「.md」とは何か「.md」は「Markdown（マークダウン）」という書き方の拡張子です。もともとは人間が読みやすい文章を簡単に書くための記法で、難しいプログラミング言語ではありません。メモ帳に近い、誰でも書ける普通の文章ファイルです。近年はAIに指示を伝える場面でもよく使われています。ゼロから書く必要はありません。作業フォルダでチャット欄に「/init」と入力すると、Claude Codeがプロジェクトの内容を分析して土台を自動で作ってくれます。まずは自動生成された内容を見ながら、足りない部分を書き足していけば十分です。CLAUDE.mdに書くべき内容厳密に言うと、Claude Codeは会話を「記憶」しているのではなく、会話を始めるたびにCLAUDE.mdを毎回読み直しています。だからこそ、内容を整理して簡潔に書くことが大切です。長すぎたり、ごちゃごちゃ書いていると、せっかくの内容も読み流されてしまいます。CLAUDE.mdは「絶対のルール」ではなく「参考にしてほしいメモ」です。基本的には従ってくれますが、100％守られる保証はありません。書いたとおりに動かないことがあっても、故障ではないので安心してください。何を書けばいいか迷ったら、次の5つを目安にしてください。カテゴリ書く内容の例①プロジェクトの目的このサイト・サービスは何のためのものか②共通ルール文体・トーン・言葉選びのルール③出力の方針形式・長さ・構成の指定④やってほしくないことNG表現・避けたい行動⑤参照先・補足参照してほしい資料や用語集スキル（SKILL.md）との違いCLAUDE.mdと同じ「.md」形式を使う仕組みが、もう一つあります。スキル（SKILL.md）は、「このやり方で進めて」という決まった作業手順をテンプレート化したものです。CLAUDE.mdが「常に守ってほしいルール」なら、スキルは「特定の作業のときだけ使う手順書」だと考えてください。スキルも、最初から使う必要はありません。CLAUDE.mdだけ作っておけば十分に効果を感じられます。よく繰り返す作業が出てきたら、スキルとして整理していけば大丈夫です。Claude Codeの使い方でつまずかない4つのコツClaude Codeの始め方がわかっても、いざ使い始めると「思ったように動いてくれない」と感じる場面が出てきます。ChatGPTで「うまく使いこなせない」「事実と違うことを言われた」という経験がある方ほど、ここが気になるはずです。つまずきやすいポイントを、資料の渡し方から指示の出し方まで、先回りしてお伝えします。コツ1. 見せる資料は、目的の分だけにまとめておく作業をお願いするときは、関係する資料だけを1つのフォルダにまとめておくと、Claude Codeが迷わずたどり着けます。写真や動画など無関係な重いデータを同じ場所に入れておくと、探す手間が増えるだけでなく確認にも時間がかかります。慣れてきたら、仕事の種類ごとにフォルダを分けておくと、次回以降の指示もスムーズになります。コツ2. 「@」で、見てほしい資料を直接指定する入力欄で「@」と打つと、フォルダの中のファイル名の候補が表示され、選ぶだけで会話に渡せます。数文字打つだけで絞り込めるので、正式な名前を覚えていなくても大丈夫です。画像やPDFはドラッグ&ドロップでそのまま渡せます。これはCLI（ターミナル版）には無い、デスクトップアプリだけの機能です（出典：Claude Code公式ドキュメント）。コツ3. 指示は「作って」だけで終わらせず、「何を・どうしたいか」まで伝える「雑な指示を送ると大失敗する」というほど神経質になる必要はありません。情報が足りなければ、Claude Codeのほうから聞き返してくれるからです。とはいえ、頼みごとを新しく入った社員にお願いするつもりで「誰に向けた、何のためのものを、どんな雰囲気で」まで最初から伝えておくと、聞き返しのやり取りが減ります。最初から完璧を狙わず、出てきたものを見て「ここをこう直して」と会話しながら仕上げていくのが、うまくいく進め方です。コツ4. トラブル時はエラー文章をそのまま貼り付け、原因の特定と修正を任せる作業中に赤いエラー文字が出たり、思い通りに動かなくなったりしても、ネットで検索して調べる必要はありません。エラーの文章や画面のスクショ*をそのままチャット欄に貼り付け、「どう直せばいい？」と指示するだけで大丈夫です。Claude Codeが状況を分析し、原因の特定から実際の修正まで一貫して対応してくれます。*ファイルを保存せずそのままチャット欄に貼り付けられる範囲スクショのショートカットが便利です：Mac： Shift ＋ Command（⌘） ＋ Control ＋ 4 Windows： Windows ＋ Shift ＋ SClaude Codeについてよくある質問よく聞かれる質問に答えます。Q. Claude.aiとClaude Codeは何が違いますか？多くの方がつまずくポイントです。GOROの研修でも、Claude.aiをダウンロードして「これがClaude Codeだ」と思い込んでいた参加者が実際にいました。違いは1つだけ覚えれば十分です。Claude.aiは質問に答えてくれますが、あなたのパソコンにあるファイルを直接開いたり書き換えたりはできません。一方Claude Codeは、あなたが許可したフォルダの中のファイルを実際に読んで、直して、作ってくれます。Claude.aiClaude Code向いている場面すぐに質問して答えが欲しいときファイルを作ったり直したりしたいとき準備ブラウザを開くだけ作業用フォルダを1つ用意するファイルの扱い貼り付けて相談できる直接読んで書き換えられる向いている人ちょっと調べたい人作業そのものを任せたい人ちょっとした相談ならClaude.ai、実際の作業を任せたいならClaude Code。用途で使い分ければ十分です。Q. Windowsでも使えますか？使えます。Claude CodeのデスクトップアプリはMac専用ではなく、Windowsにも対応しています（出典：Claude Code公式ドキュメント）。1点だけ、WindowsでCodeタブを初めて開くときに「Git for Windows」という無料ソフトのインストールを求められます。案内に従ってインストールし、アプリを再起動すれば、あとはMacと同じように使えます。Q. 無料で試す方法はありませんか？残念ながら、Claude Codeを無料で試す方法はありません。Proプラン（月額20ドル、日本円でおよそ3,000円台）以上の契約が必要です。これまで手作業でやっていた仕事が1つ自動化できれば十分に回収できる金額なので、初心者の方も1ヶ月だけ契約して自分の仕事にどれだけ効くかを確かめてみるのがおすすめです。合わなければその月でやめれば大丈夫です。Q. ターミナル版やVS Code版には、後から乗り換えられますか？同じ契約のまま、デスクトップアプリ版・ターミナル版・VS Code版（VS Codeに拡張機能を追加して使う方式）のどれでも使えます。最初はデスクトップアプリ版で問題ありません。決まった作業を本格的に自動化したくなったら、そのときにターミナル版を検討すれば十分です。本格的に使うようになると、GitHub（複数人でファイルを共有・管理する場所）と連携して変更履歴を1つずつ記録（コミット）したり、SlackやNotionなど外部サービスとつなぐ仕組み（MCP）を足したりもできます。ただし、これらは入り口では覚える必要はありません。必要になったときに、Claude Code本人に聞きながら少しずつ広げていけば大丈夫です。まとめ：まず今日1つ試して、社内展開はClaude Code研修でClaude Codeは、「Code」という名前から想像するような難しいものではありません。デスクトップアプリを入れ、日本語で話しかけるだけです。黒い画面もコマンドも必要ありません。今日やることは1つだけです。アプリを入れて練習用の空フォルダを作り、身近な作業を1つ頼んでみてください。「これは使える」という手応えが得られるはずです。本当の壁は「続けること」導入で一番難しいのは、始めることではなく続けることです。多くの会社で、最初にさわった人が「すごいね」と感心して、そのまま使われなくなっていきます。%3Cdiv%20class%3D%22speech-row%22%3E%0A%20%20%3Cdiv%20class%3D%22speech-avatar%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-240x240_webp_9a963038-863a-46c1-8131-2d0f26c31ee0.webp%22%20alt%3D%22GORO%E4%BB%A3%E8%A1%A8%20%E6%97%AD%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22speech-avatar-label%22%3EGORO%E4%BB%A3%E8%A1%A8%3Cbr%3E%E6%97%AD%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22speech-bubble%22%3E%0A%20%20%20%20%3Cp%3E%0A%20%20%20%E4%BD%95%E4%BA%8B%E3%82%82%E3%80%81%E7%8B%AC%E5%AD%A6%E3%81%A7%E3%82%84%E3%82%8A%E5%A7%8B%E3%82%81%E3%82%8B%E3%81%A8%E3%80%81%E4%BD%95%E3%82%92%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%8B%E5%88%86%E3%81%8B%E3%82%89%E3%81%AA%E3%81%8F%E3%81%AA%E3%81%A3%E3%81%A6%E3%82%84%E3%82%81%E3%81%A6%E3%81%97%E3%81%BE%E3%81%86%E3%82%B1%E3%83%BC%E3%82%B9%E3%81%8C%E5%A4%9A%E3%81%84%E3%81%A8%E6%80%9D%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3Cbr%3EGORO%E7%A4%BE%E5%86%85%E3%81%A7%E3%81%AF%E3%80%81Claude%20Code%E3%81%AE%E5%B0%8E%E5%85%A5%E3%82%92%E4%B8%80%E7%B7%92%E3%81%AB%E3%82%84%E3%82%8B%E3%81%93%E3%81%A8%E3%81%A7%E5%AD%A6%E7%BF%92%E3%82%B3%E3%82%B9%E3%83%88%E3%81%8C%E4%B8%8B%E3%81%8C%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.speech-row%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20align-items%3A%20flex-start%3B%0A%20%20gap%3A%2020px%3B%0A%7D%0A%0A.speech-avatar%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20flex-direction%3A%20column%3B%0A%20%20align-items%3A%20center%3B%0A%20%20flex-shrink%3A%200%3B%0A%20%20width%3A%2080px%3B%0A%7D%0A%0A.speech-avatar%20img%20%7B%0A%20%20width%3A%2064px%3B%0A%20%20height%3A%2064px%3B%0A%20%20border-radius%3A%2050%25%3B%0A%20%20border%3A%201px%20solid%20%23E5E5E8%3B%0A%20%20object-fit%3A%20cover%3B%0A%7D%0A%0A.speech-avatar-label%20%7B%0A%20%20margin-top%3A%206px%3B%0A%20%20text-align%3A%20center%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20font-size%3A%2011px%3B%0A%20%20line-height%3A%201.3%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%20%20font-weight%3A%20700%3B%0A%7D%0A%0A.speech-bubble%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20background-color%3A%20%23ECEEF1%3B%0A%20%20padding%3A%2020px%2024px%3B%0A%20%20border-radius%3A%2016px%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%7D%0A%0A.speech-bubble%20p%20%7B%0A%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%81%AE%E3%82%B7%E3%83%83%E3%83%9D%EF%BC%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E5%81%B4%E3%82%92%E6%8C%87%E3%81%99%E4%B8%89%E8%A7%92%EF%BC%89%20*%2F%0A.speech-bubble%3A%3Abefore%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20position%3A%20absolute%3B%0A%20%20left%3A%20-10px%3B%0A%20%20top%3A%2024px%3B%0A%20%20width%3A%200%3B%0A%20%20height%3A%200%3B%0A%20%20border-top%3A%2010px%20solid%20transparent%3B%0A%20%20border-bottom%3A%2010px%20solid%20transparent%3B%0A%20%20border-right%3A%2012px%20solid%20%23ECEEF1%3B%0A%7D%0A%3C%2Fstyle%3E最初の一歩だけ、プロと一緒に越える選択肢もありますClaude Codeは何度でもやり直しができますが、業務で定着させるには「AIが迷わない指示の出し方」を掴むことが抜け道になります。%3Cdiv%20class%3D%22speech-row%22%3E%0A%20%20%3Cdiv%20class%3D%22speech-avatar%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-320x320_0526dfa3-48ec-45dd-9cb7-f97a58503fe8.webp%22%20alt%3D%22%E7%A0%94%E4%BF%AE%E5%8F%82%E5%8A%A0%E8%80%85%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22speech-avatar-label%22%3EClaude%20Code%3Cbr%3E%E7%A0%94%E4%BF%AE%E5%8F%82%E5%8A%A0%E8%80%85%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22speech-bubble%22%3E%0A%20%20%20%20%3Cp%3E%0A%E6%9C%80%E5%88%9D%E3%81%AFClaude%20Code%E3%81%8B%E3%82%89%E3%81%AE%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E7%84%A1%E6%80%9D%E8%80%83%E3%81%A7%E5%8F%8D%E6%98%A0%E3%81%99%E3%82%8B%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%A7%E3%81%97%E3%81%9F%E3%81%8C%E3%80%81%E6%84%8F%E5%9B%B3%E3%82%92%E6%AD%A3%E7%A2%BA%E3%81%AB%E4%BF%9D%E3%81%A1%E3%81%AA%E3%81%8C%E3%82%89%E6%8C%87%E7%A4%BA%E3%82%92%E5%87%BA%E3%81%99%E3%81%93%E3%81%A8%E3%81%8C%E9%87%8D%E8%A6%81%E3%81%A0%E3%81%A8%E6%B0%97%E3%81%A5%E3%81%8D%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%3Cbr%3E%E5%AE%9A%E7%9D%80%E3%81%99%E3%82%8B%E3%81%8B%E3%81%A9%E3%81%86%E3%81%8B%E3%81%AE%E5%88%86%E3%81%8B%E3%82%8C%E7%9B%AE%E3%81%AF%E3%80%81%E6%89%8D%E8%83%BD%E3%81%A7%E3%81%AF%E3%81%AA%E3%81%8F%E3%80%8E%E6%8C%87%E7%A4%BA%E3%81%AE%E8%B3%AA%E3%82%92%E8%87%AA%E5%88%86%E3%81%A7%E7%A3%A8%E3%81%91%E3%82%8B%E3%81%8B%E3%81%A9%E3%81%86%E3%81%8B%E3%80%8F%E3%81%AB%E3%81%82%E3%82%8B%E3%81%AE%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82%0A%20%20%20%20%3C%2Fp%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A.speech-row%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20align-items%3A%20flex-start%3B%0A%20%20gap%3A%2020px%3B%0A%7D%0A%0A.speech-avatar%20%7B%0A%20%20display%3A%20flex%3B%0A%20%20flex-direction%3A%20column%3B%0A%20%20align-items%3A%20center%3B%0A%20%20flex-shrink%3A%200%3B%0A%20%20width%3A%2080px%3B%0A%7D%0A%0A.speech-avatar%20img%20%7B%0A%20%20width%3A%2064px%3B%0A%20%20height%3A%2064px%3B%0A%20%20border-radius%3A%2050%25%3B%0A%20%20border%3A%201px%20solid%20%23E5E5E8%3B%0A%7D%0A%0A.speech-avatar-label%20%7B%0A%20%20margin-top%3A%206px%3B%0A%20%20text-align%3A%20center%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20font-size%3A%2011px%3B%0A%20%20line-height%3A%201.3%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%20%20font-weight%3A%20700%3B%0A%7D%0A%0A.speech-bubble%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20background-color%3A%20%23ECEEF1%3B%0A%20%20padding%3A%2020px%2024px%3B%0A%20%20border-radius%3A%2016px%3B%0A%20%20font-family%3A%20sans-serif%3B%0A%20%20color%3A%20%231A1A1C%3B%0A%7D%0A%0A.speech-bubble%20p%20%7B%0A%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%81%AE%E3%82%B7%E3%83%83%E3%83%9D%EF%BC%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E5%81%B4%E3%82%92%E6%8C%87%E3%81%99%E4%B8%89%E8%A7%92%EF%BC%89%20*%2F%0A.speech-bubble%3A%3Abefore%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20position%3A%20absolute%3B%0A%20%20left%3A%20-10px%3B%0A%20%20top%3A%2024px%3B%0A%20%20width%3A%200%3B%0A%20%20height%3A%200%3B%0A%20%20border-top%3A%2010px%20solid%20transparent%3B%0A%20%20border-bottom%3A%2010px%20solid%20transparent%3B%0A%20%20border-right%3A%2012px%20solid%20%23ECEEF1%3B%0A%7D%0A%3C%2Fstyle%3E「自分が使えるところまでは来たが、社内に広げて定着させるところが不安だ」という方は、GOROのClaude Code法人研修をのぞいてみてください。つまずきやすい場所を先回りして設計しているので、「すごいね」で終わらせない導入をお手伝いできます。%3Cstyle%3E%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%AF%E5%9F%BA%E6%9C%AC%E3%81%95%E3%82%8F%E3%82%89%E3%81%AA%E3%81%84%20%3D%3D%3D%3D%3D%20*%2F%0A%20%20.cta-banner-box%7B%0A%20%20%20%20background-color%3A%23c24a1b%3B%0A%20%20%20%20background-image%3Aurl(%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2FbrqEm1Ggq4%2Fs-1800x246_v-frms_webp_e84aa254-1330-47a3-972c-10016ef516fc.png%22)%3B%0A%20%20%20%20background-size%3Acover%3B%20background-position%3Acenter%3B%0A%20%20%20%20border-radius%3A4px%3B%20overflow%3Ahidden%3B%20margin%3A32px%200%3B%0A%20%20%20%20font-family%3A%22Noto%20Sans%20JP%22%2Csans-serif%3B%0A%20%20%20%20transition%3Aopacity%20.2s%3B%0A%20%20%7D%0A%20%20.cta-banner-box%3Ahover%7B%20opacity%3A.85%3B%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E9%80%9A%E5%B8%B8%EF%BC%9DPC%E6%A8%AA%E4%B8%A6%E3%81%B3%20*%2F%0A%20%20.cta-banner-link%7B%0A%20%20%20%20display%3Aflex%3B%20align-items%3Acenter%3B%20justify-content%3Aspace-between%3B%0A%20%20%20%20gap%3A24px%3B%20padding%3A32px%2040px%3B%0A%20%20%20%20text-decoration%3Anone%3B%20color%3A%23fff%3B%0A%20%20%7D%0A%20%20.cta-text-area%7B%20display%3Aflex%3B%20flex-direction%3Acolumn%3B%20gap%3A4px%3B%20%7D%0A%20%20.cta-sub-text%7B%20%20margin%3A0%3B%20opacity%3A.9%3B%20line-height%3A1.6%3B%20font-size%3Aclamp(12px%2C%202.2vw%2C%2015px)%3B%20%7D%0A%20%20.cta-main-text%7B%20margin%3A0%3B%20font-weight%3Abold%3B%20line-height%3A1.5%3B%20font-size%3Aclamp(15px%2C%203.4vw%2C%2022px)%3B%20%7D%0A%20%20.cta-btn%7B%0A%20%20%20%20flex-shrink%3A0%3B%20background%3A%23242426%3B%20color%3A%23fff%3B%0A%20%20%20%20padding%3A20px%2024px%3B%20border-radius%3A100px%3B%0A%20%20%20%20font-weight%3Abold%3B%20line-height%3A1%3B%20white-space%3Anowrap%3B%0A%20%20%20%20font-size%3Aclamp(13px%2C%202.2vw%2C%2015px)%3B%0A%20%20%7D%0A%20%20%2F*%20%E2%96%BC%20%E3%83%90%E3%83%8A%E3%83%BC%E5%B9%85500px%E4%BB%A5%E4%B8%8B%EF%BC%9D%E7%B8%A6%E7%A9%8D%E3%81%BF%E3%83%BB%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%B7%A6%E5%AF%84%E3%81%9B%E3%83%BB%E3%83%9C%E3%82%BF%E3%83%B3%E6%A8%AA%E5%B9%85%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%20*%2F%0A%20%20%40media%20(max-width%3A%20500px)%7B%0A%20%20%20%20.cta-banner-link%7B%20flex-direction%3Acolumn%3B%20align-items%3Aflex-start%3B%20text-align%3Aleft%3B%20gap%3A16px%3B%20padding%3A20px%2016px%3B%20%7D%0A%20%20%20%20.cta-btn%7B%20align-self%3Astretch%3B%20text-align%3Acenter%3B%20box-sizing%3Aborder-box%3B%20padding%3A14px%2024px%3B%20%7D%0A%20%20%7D%0A%20%20%2F*%20%3D%3D%3D%3D%3D%20CSS%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%3D%3D%3D%3D%3D%20*%2F%0A%3C%2Fstyle%3E%0A%0A%3C!--%20%E2%96%BC%E2%96%BC%E2%96%BC%20%E7%B7%A8%E9%9B%86%E3%81%AF%E4%B8%8B%E3%81%AE%E3%80%8C%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%80%8D%E3%81%A8%E3%80%8C%E3%83%AA%E3%83%B3%E3%82%AFURL%E3%80%8D%E3%81%A0%E3%81%91%20%E2%96%BC%E2%96%BC%E2%96%BC%20--%3E%0A%3Cdiv%20class%3D%22cta-banner-box%22%3E%0A%20%20%3Ca%20href%3D%22https%3A%2F%2Fstudio-goro.com%2Fservice%2Fclaude-code%22%20target%3D%22_top%22%20class%3D%22cta-banner-link%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-text-area%22%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-sub-text%22%3E%E4%BB%8A%E3%81%AA%E3%82%89%E5%8A%A9%E6%88%90%E9%87%91%E5%88%A9%E7%94%A8%E3%81%A7%E6%9C%80%E5%A4%A775%EF%BC%85OFF%EF%BC%81%3C%2Fp%3E%0A%20%20%20%20%20%20%3Cp%20class%3D%22cta-main-text%22%3E%E9%9D%9E%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E5%90%91%E3%81%91%E3%80%8CClaude%20Code%20%E6%B3%95%E4%BA%BA%E7%A0%94%E4%BF%AE%E3%80%8D%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22cta-btn%22%3E%E7%84%A1%E6%96%99%E3%81%A7%E7%9B%B8%E8%AB%87%E3%81%99%E3%82%8B%3C%2Fdiv%3E%0A%20%20%3C%2Fa%3E%0A%3C%2Fdiv%3E%0A%3C!--%20%E2%96%B2%E2%96%B2%E2%96%B2%20%E7%B7%A8%E9%9B%86%E3%81%AF%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%20%E2%96%B2%E2%96%B2%E2%96%B2%20--%3E▶ 非エンジニア向けClaude Code法人研修の詳細を見る