%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が非エンジニアでも使える理由Claude Codeが非エンジニアでも使える理由はシンプルです。「デスクトップアプリ版」があり、これを使えばプログラミングの知識は一切不要だからです。もともとのClaude Codeは、ターミナル（画面に文字でコマンドを打ち込んで操作する、エンジニアが使う黒い画面）でしか使えないツールでした。「黒い画面に英語でコマンドを打ち込む難しいツール」というイメージは、ここから来ています。今はデスクトップアプリが用意されており、チャット欄に日本語で「やってほしいこと」を伝えるだけで使えます。ターミナルを一度も開く必要はありません。コツは1つだけです。難しいコマンドを覚える必要はなく、「やってほしいこと」を日本語で伝えるだけ。次の章で、具体的な始め方を見ていきましょう。まずは「デスクトップアプリ版」から始めよう（ターミナル不要・3ステップで使える）デスクトップアプリには3つのタブがあります。「Claude Code」が指すのは、このうちCodeタブです。タブ何をする場所か向いている作業Chat質問・相談・雑談ちょっと調べる、アイデアを練るCowork事務作業の自動化メール・カレンダー・Office文書のやり取りCodeコーディング・ファイル操作この記事で紹介する自動化やWebサイト作成などアプリをダウンロードしただけでChatタブを触っている方も多いので、起動したら最初にCodeタブを選んでいるか確認してください。Codeタブの画面は、自分が使いやすいように自由にレイアウトを変えられます。迷ったら、まずは以下の2つか３つを並べた表示から始めるのがおすすめです。チャット欄：日本語でやってほしいことを伝えるファイル一覧・差分表示：どのファイルが変わったかが一目でわかるプレビュー画面（任意）：Webページやアプリを作る際、その場でブラウザ表示して確認できるここに日本語で「これをこう変えて」と書いて送るだけです。英語でコードを手打ちする場面は一切ありません。操作の流れは3ステップです。「〇〇をやってほしい」と日本語で伝えるAIが動いて結果を出す「ここを直して」と日本語で修正を伝えるエラーが出たときも同じです。「エラーが出た」とそのまま貼り付けると、AIが原因を特定して直してくれます。エンジニアに聞く必要はありません。もう少し複雑な作業（複数のファイルをまたいで編集する、変更履歴を細かく見返すなど）をしたくなったときは、VSCode拡張機能版という上級者向けの選択肢もあります。チャット欄から日本語で指示する基本操作は同じなので、ここで迷う必要はありません。インストール直後に試せる、よくある指示文の例書いてほしいことを日本語で伝えるだけ、と言われても、何を頼めばいいのか想像しづらい方も多いはずです。実際によく使われる指示文の例を、業務シーン別に挙げます。インストールしてログインしたあと、そのままコピペして試せます。業務シーン指示文の例できること会議・議事録「このフォルダの議事録メモを全部読んで、決定事項とToDoだけを抜き出して1枚にまとめて」複数ファイルを横断して要約マーケ・数値集計「このCSVを月別に集計して、グラフ付きのレポートをHTMLで作って」データ集計＋簡易レポート作成Web担当・更新作業「このページのテンプレートを使って、新着情報を1件追加して」既存サイトへの追記・更新経営者・全体把握「各部署の週次レポートを全部読んで、進捗が遅れている項目だけ抜き出して」複数資料の横断チェック情シス・ログ調査「このフォルダのログファイルを読んで、エラーが出ている日だけ一覧にして」ログの抽出・整理うまくいかなければ「ここが違う」と日本語で伝え直すだけです。一度で完璧な結果が出ることは少なく、2〜3回のやり取りで仕上げていくのが普通の使い方です。この章で示した指示文は雛形です。自分の業務に当てはめるときは「Claude Code 始め方・使い方」の記事で、セットアップから実務応用までを順番に進めるのが確実です。慣れてきたら「ターミナル版」で高度な自動化に挑戦するターミナル版は、黒い画面（ターミナル）に直接コマンドを打ち込んで使う、Claude Codeのもとからの使い方です。デスクトップアプリ版と同じAIを、より自由度の高い形で動かせます。「本当にデスクトップアプリ版だけで十分なのか」と気になる方のために、ターミナル版でしかできないことを具体的に挙げます。できることデスクトップアプリ版ターミナル版人が画面の前にいなくても、決まった時間に自動で作業を回す（PC自体は起動しておく）×○複数のAIを同時に会話させながら、並行で大規模な作業を進める×○Linuxサーバー上で動かす×（Mac/Windowsのみ）○ただし、ここまでの自動化は大量のやり取り（トークン）を消費します。また、これだけの規模の自動化が必要になる非エンジニアはごく一部です。当てはまるのは、次のような方だけです。決まった時間に、人が立ち会わずに大量の作業を自動で回したい情シス・バックオフィス担当複数の作業を並行で大規模に進めたい担当者それ以外のほとんどの方は、デスクトップアプリ版だけで十分に業務を自動化できます。「いつか必要になるかも」と身構える必要はありません。それでも自動化に挑戦したくなったら、弊社GOROの研修でハンズオン形式で一緒に手を動かしながら覚えるのが近道です。%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--%3EGOROが実際にClaude Codeを使っている話ここまでの説明が机上の空論でないことを、GORO自身の経験で示します。GOROにはエンジニアがいません。それでもSEOモニタリングの自動化・提案書や議事録の生成など、社内の繰り返し業務をClaude Codeで自動化してきました。さらに2026年、SaaS企業・menu社の社員5名に研修を実施し、プログラミング未経験の参加者全員が、その日のうちに採用サイトのコーディングを完成させました。この研修の詳しい実録は、以下の記事で詳しく紹介しています。▶ 実際にClaude Codeで業務効率化した活用事例11選！やったことは対話しただけ非エンジニアがClaude Codeで最初にやる６STEP月額費用：$20（約3,000円）からClaude Codeを始めるには、最低$20（約3,000円）の月額プランへの加入が必要です。2026年7月現時点ではClaude Codeに無料プランが存在しないからです。毎週2〜3時間かかっている作業が自動になれば、月数千円は数回分の作業時間で回収できます。なお、「Claude」で検索すると、公式と無関係な「Claude日本語版無料サイト」のような偽サイトが表示されることがあります。申し込み・ログインは必ず公式サイト（claude.com / claude.ai）であることをURLで確認してください。最初にやる6ステップClaude Proプランに加入する（月額$20、約3,000円）デスクトップアプリをインストールする（ダウンロードしてログインするだけです）Codeタブを開く（インストール後はすぐにチャット欄から日本語で指示できます）CLAUDE.mdファイルを作る（チャット欄に「/init」と入力すると、Claudeがプロジェクトの内容を分析して土台を自動で作ってくれます）まずは『フォルダ整理』を試す（変更前に内容を確認・承認できるので安心です。「このフォルダの中のファイルを、種類と日付ごとに整理して」と伝えるだけ）自分の業務で試す（毎週繰り返している手作業を1つ選んで渡す）インストールの手順が不安な方、自動化までのレベルを一緒に目指したい方は、GOROの研修をご活用ください。ハンズオン形式で、その日のうちに実務で使えるレベルまで一緒に仕上げます。%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の提案にも間違いがあります。重要な作業は、最終チェックを人が行ってくださいファイルの変更はデフォルトで事前確認が入ります。内容をよく見てから承認してください思った通りに動かなかったら、いったん止めて「ここを直して」と日本語で伝え直せば大丈夫ですClaude Codeを使う非エンジニアによくある質問Claude Codeの初心者からよくある質問に回答します。Q：プログラミング経験がなくても本当に使えますか？A. 使えます。Claude Codeは「コードを書くツール」ではなく「日本語で指示するだけでAIがコードを書いてくれるツール」です。GOROの研修では、プログラミング未経験の社員5名が研修当日にWebサイトを完成させています。Q：「ClaudeCode 非エンジニア やめとけ」と言われることがあるのは本当ですか？A. 半分は本当です。ただし「挫折する」のは、いきなりターミナル版（黒い画面）を試した場合の話です。この記事で紹介したデスクトップアプリ版なら、黒い画面を使わず同じことができるので挫折しにくいです。「Antigravityで十分」という声もありますが、両者は目的が違うツールで、単純な優劣ではありません。つまずきやすいのは最初の環境構築だけ。ここを誰かと一緒に乗り越えれば、あとは一人で進められます。不安な方は、まずGOROの研修にご相談ください。%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--%3EQ：Claude.aiと何が違うんですか？A. Claude.aiは「相談できるAI」で、Claude Codeは「実行してくれるAI」です。繰り返し業務の自動化、ファイルの操作、外部ツールとの連携はClaude Codeでしかできません。Q：会社のパソコンで使っても情報漏洩の心配はない？A：盗難・悪用のリスクは低いです。ただし、入力したデータが運営チームに見られるかどうかは設定次第です。Pro/Maxプラン → デフォルトではAnthropicの改善チームに見られます。設定から「学習対象から除外」に変更することで、見られないようにできます法人向けプラン（Claude for Work など） → 初期設定から見られません社内機密を扱う場合は、Pro/Maxなら設定変更を必ずする、または法人プランを選ぶのが安心です。Q：料金はいくらかかりますか？最低$20/月（約3,000円）のProプランへの加入が必要です。無料プランはありません。業務で本格的に使う場合、使い込むほど上限に達することがあるため、$100/月（約15,000円）のMaxプランが安定します。（最新の料金はClaude公式の料金ページをご確認ください）Q：自分一人でセットアップできますか？難しい場合はどうすればいいですか？▼インストール手順はこちらで解説しています Claude Codeの始め方・使い方【初心者向け】迷わず使えるそれでも不安な方、社内に展開したい方は、GOROの研修をご活用ください。ハンズオン形式で、その日のうちに実務で使えるレベルまで一緒に仕上げます。%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を中心にした働き方へここからは予測です。今後、Claude Codeを中心に置いた働き方が広がっていくと考えられます。AIから操作・連携できないサービスは、自分で作ったほうが効率がいいという選択に、少しずつ置き換わっていく可能性があります。実際に、ノーコードツール「Studio」で運用していた採用サイトを解約し、Claude Codeで独自のWebサイトに作り直した事例*も出てきています。*Ubie株式会社・橋山氏、2026年5月公開のnote記事よりもちろん、すべてのSaaSがすぐに置き換わるわけではありません。ただ、「このサービスはAIに任せられるか」という視点を持っておくことは、今後ますます重要になっていくはずです。非エンジニア向けClaude Code用語集この記事に出てきた用語を、比喩を交えてかんたんに説明します。ターミナルボタンや一覧画面が何もなく、コマンドという決まった書き方のルールに従って文字を打ち込み、コンピューターを直接操作する画面のことです。古い自動販売機で、欲しい商品のボタンを押す代わりに「コーラ、1本」と決まった言い方を毎回正確に入力しないと何も出てこない、とイメージすると近いです。CLI（Command Line Interface）ターミナルを使う操作方法そのものを指す言葉です。この記事の「ターミナル版」は、CLIで動かす使い方のことです。GUI（Graphical User Interface）ボタンやアイコンを画面で見ながら操作できる画面のことです。文字のコマンドを覚えなくても、誰でも直感的に操作できるようにするために存在します。デスクトップアプリ版はGUIです。API（Application Programming Interface）各サービス（Slack、Notionなど）が持っている、独自の差し込み口（プラグ）のようなものです。サービスごとに差し込み口の形が違うため、つなぐ相手が変わるたびに、その専用の形に合わせる必要があります。なお、APIは提供する会社によって有料・無料が分かれます。たとえばClaude CodeでX（旧Twitter）に自動投稿する場合、X社のAPIは有料で、1投稿につき約2円〜30円程度（リンクの有無などで変動）かかります（2026年6月時点）。（出典：X API公式の料金）APIキーそのAPIを使う権限を持っていることを証明するパスワードのようなものです。提示することで、誰が使っているかを確認しながら安全にやり取りします。MCP（Model Context Protocol）形の違う差し込み口（API）を、すべて同じ形に変換してくれる共通の変換アダプタです。Claudeは、この共通の差し込み口（MCP）の形だけ覚えておけば、対応しているサービスならどれでもつながれます。まだ対応する変換アダプタ（MCPサーバー）が用意されていないサービスには、Claudeがそのサービスの差し込み口（API）に直接つなぐ専用コードを書いて対応します。トークンAIが文章を読み書きするときの処理量の単位です。電気料金のキロワット時のように、やり取りが多い・長いほど多く消費します。Proプランの利用上限は「5時間ごとにリセットされる枠」と「7日ごとにリセットされる週次の枠」の2段構えです（出典：Claude公式ヘルプ）。チャット欄の右端に今の残量とリセットまでの時間を確認できます。会話が長くなるほど、ファイルを多く読み込ませるほど消費が増えるので、別の作業に切り替えるときは「/clear」、同じ作業を続けながら整理したいときは「/compact」を使うと節約になります。記事のまとめClaude Codeは、非エンジニアでも使えるツールです。必要なのはプログラミングの知識ではなく、「何をやってほしいか」を日本語で伝える力だけです。最初はデスクトップアプリ版だけで十分。慣れてきたら、ターミナル版で自動化に挑戦すればOKです。GOROの社員は、自社の業務自動化にClaude Codeを使っています。menu社の研修では、プログラミング未経験の社員5名が1日でWebサイトを完成させました。最初のセットアップさえ乗り越えれば、あとは日本語で話しかけながら進められます。実務で使えるレベルまで一気に仕上げたい方は、ハンズオン形式のGOROの研修にご相談ください。%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法人研修」の詳細を見る