AI活用ノート

ClaudeのSonnetとOpusに、キャッチコピー・HTML部品・JSON-LD・meta descriptionの4作業を同じプロンプトで頼んで比べました。かかった時間、既存ページに貼ったときに起きたこと、そのまま使えるプロンプトをまとめています。

お客様の問い合わせメモ10件をClaudeに渡し、FAQページとJSON-LDを作りました。1回目のつまずきと直し方、コピーして使えるプロンプト、2026年5月にFAQリッチリザルトが終わった後の構造化データの扱いをまとめています。

「あなたは〇〇のプロです」は本当に効くのか。美容室トップページの紹介文を、一行だけ・役割つき・条件つき・例文つきの4通りでClaudeに頼み、文字数や禁止語を実測しました。失敗を直した完成プロンプトとチェック用スクリプトも載せています。

整体院のLPをClaudeに作ってもらい、プロンプトを3回直しました。一行だけで頼んだ回から仕上げまで、各回のプロンプト原文と崩れた画面、直し方を載せています。コピーして使える完成プロンプトと、公開前に確認する所もまとめました。

配色・レイアウト・画像・アイコンの作業ごとに向くAIツールを分けて、小さな店舗のLP1本でどの順に使うかをまとめました。無料枠・料金（2026年10月15日確認）・商用利用の条件・次のツールへ渡すデータまで、作業から引ける形にしています。

サイトの配色をAIに相談するときの指示文と、出てきた3色（メイン・サブ・アクセント）が読みやすいかを確かめる手順をまとめました。合格ラインは4.5:1と3:1です。WebAIMとChrome DevToolsで確認し、足りない色を直すところまで書いています。

WordPressで会社のホームページを作るときは、最初に会社概要・サービス・お問い合わせなどのページ構成を決めます。公開まで最短で進める9つの手順、テーマの料金比較、フォームの注意点、公開前のチェック項目をまとめました（2026年10月14日時点）。

ChatGPTやClaudeに書かせたCSSやPHPをWordPressのどこに貼れば安全かを、追加CSS・子テーマ・functions.phpの順にまとめました。作業前のバックアップ、AIへの頼み方の文例、CSSが効かないときの確認、真っ白になったときの戻し方も載せています。

WordPressのブロックをスクロールでフワッと出したい人向けに、プラグイン・コード貼り付け・テーマ機能の3つの方法を、手軽さ・重さ・壊れにくさで比べました。WP7.0で変わった画面、scriptが消える原因、動きを減らす設定への対応までまとめています。

WordPressでAIに記事を書かせたい人向けに、下書き保存から事実確認・画像・メタデータの確認を経て公開するまでの6ステップをまとめました。WordPress 7.0のAI機能、Googleの公式ガイダンス、権限の設定、AI画像の権利も1本で分かります。

おしゃれで動きのあるWordPressテーマは、デザインより先に「更新が続くか・自分で直せるか・重さ・料金の形」で絞ると選びやすくなります。スライダーやふわっと出る演出の確かめ方と、SWELL・Snow Monkey・TCD・Lightningの料金とライセンスの違いを、2026年10月時点の公式情報でまとめました。

ホームページはノーコードで作るか、Claude CodeなどのAIにコードを書かせるか。この記事では「作った後」の更新・元に戻す・引き継ぎ・引っ越しの4つの場面で、StudioやWixの公式情報をもとに違いを整理しました。どちらが向くかは条件で分けています。

AIで作ったサイトが重いときの直し方をまとめました。PageSpeed Insightsで見るのは3か所だけです。そのうえで、効き目の大きい画像、アニメーション、フォントの順に手を入れます。AIツールにそのまま渡せる修正指示文と、直したあとに効果を確かめる手順も載せています。

AIで作ったサイトがスマホで崩れるときに多い原因5つ（はみ出し・文字サイズ・画像比率・固定幅・横スクロール）を、症状からの見分け方、コピペ用CSS、AIへそのまま渡せる直し指示つきでまとめました。

v0で作った画面を、自分のサーバーや既存のReactプロジェクトに移す方法をまとめました。コードの持ち出し方は3つあり、静的HTMLとして書き出す手順と、移した後に残る手直しも載せています。料金は2026年10月時点、仕事のサイトをVercelの無料枠で公開するときの条件にも触れます。

参考サイトのデザインをAIで再現したいWeb制作者向けです。真似してよいのは構造と手法で、文言・画像・ロゴ・コードは差し替えます。その線引きを先に整理し、参考URLから構成メモを書き出してClaude Designやv0に組ませる手順と、公開前の差し替えチェックをまとめました。

コピペしたCSSアニメーションで「重い」「スマホで横にはみ出す」「動きで酔う人がいる」が起きたときの直し方をまとめました。prefers-reduced-motionをどこに何行足せばいいか、端末での確かめ方、AIへの指示文の例まで載せています。

Claude Codeでホームページを1から作って公開するまでの流れを、最初の指示文、手直しの進め方、初心者がつまずきやすい場所の順にまとめました。費用は2026-10-11時点の公式情報に基づきます。Netlify・Cloudflare・GitHub Pagesの選び方も載せています。

スクロールで文字がふわっと出る、縦に回すと横に流れる、カーソルに丸がついてくる。おしゃれなサイトでよく見る10個の動きについて、名前、作り方（CSSだけか、GSAPなどが要るか）、スマホで動くか、AIや制作者への頼み方を1枚の表にまとめました。

AIが書いたGSAPのコードを、to・from・timelineの3つで読めるようにします。速さ、重なり、時間差を変えるときに触る数字を早見表と図にまとめました。from()のちらつきの直し方と、2026年10月時点の商用ライセンスも載せています。

ヒーローセクションに入れる動き6パターン（フェード・文字の分割表示・背景の流れ・背景動画・スクロール連動・3D）を、合う業種と重さの目安つきで比べました。AIにそのまま渡せる指示文と、公開前に確認したいLCPや「動きを減らす設定」への対応もまとめています。

GSAPのScrollTriggerで「いつ動き始めて、いつ終わるか」を図で整理しました。AIにそのまま渡せる指示文の型と、スマホでカクつく・ガタつくときに上から順に試す直し方をまとめています。無料で使えるか、仕事で使ってよいかも公式ライセンスで確認しました。

AIでホームページを作るときに、構成・デザイン・文章・公開・更新の5工程それぞれでAIに任せる所と人が決める所を整理しました。Wix・STUDIOのようなサイトビルダー型と、v0のようなコード生成型の分かれ道、公開後の更新で手が止まりやすい点も扱います。

AIにLPの文章を書かせると、構成は整っているのに申し込みにつながらないことがあります。ファーストビュー・悩み・解決・実績・申し込みの5段の型と、AIがずれやすい「訴求の順番・CTAの数・実績の具体性」の直し方を、指示文の例つきでまとめました。

Geminiの良い口コミ・満足の声を、レビューサイトと公式の導入事例から拾いました。Gmailやドキュメントの中でそのまま使える点が評価の中心です。料金と使用量の上限は2026-10-07時点の公式表示で確認。無料でも使える機能、守秘案件のファイルを読ませるなら個人アカウントではなくWorkspace版に寄せる理由（人間のレビューと保存期間の違い）、生成した画像を納品物に使うときの規約まで整理しました。

Claudeの口コミを公式レビュー・アプリストア・導入事例から集め、満足されているポイントを5つに絞りました。料金は2026-10-06時点の公式ページ基準。無料で足りる人、Proが要る人の線引きに加えて、上限に当たったときに「待つ→追加クレジット→プラン変更」の順で試す理由、消費を抑える使い方、出力の権利と入力データの扱いまで公式ページで確認しています。

Perplexityについて満足している人の声と、気になる点を挙げる人の声を同じ数だけ並べ、どちらが自分に当てはまるかで判断できるようにしました。App Storeの実際のレビュー、料金の公式表記、引用精度の調査結果を2026年10月5日時点で確認しています。

Midjourneyは Product Hunt で5点満点の4.7。毎日使う人が挙げる満足4つを紹介しつつ、料金・権利・返金の条件を公式ドキュメントで確認し、どんな人にどのプランが向いているかを整理しました。

ChatGPTを仕事で毎日使う人のレビューから、満足の声と「どんな作業に向いているか」を整理しました。料金は2026年10月5日時点の公式表示を根拠に、無料枠が合う人と有料プランが合う人の線引きまで書いています。

AI OverviewsやChatGPT検索に自社サイトが引用される条件を、Google・OpenAI・Anthropic・Perplexity・Microsoftの公式ドキュメントだけを根拠に整理します。llms.txtを置くべきかの判断材料と、載っているか確認する場所もまとめました。

AI音声でナレーションを作るとき、無料プランの音声は納品に使えません。ElevenLabsやCoeFontなど主要サービスの料金と商用ライセンスの線引きを公式ページで確認し、日本語の文字数に換算して整理しました。

AIに関数を作らせると、見た目は正しいのに数字が合わないことがあります。指示に入れる5つの情報、失敗しやすい言い方、公式機能だけで終わる検算4ステップを、ExcelとGoogleスプレッドシートの公式情報をもとに整理しました。2026-10-01時点の情報です。

英語のランディングページを日本語にするとき、DeepL・ChatGPT・Geminiのどれを使うかで詰まる場所が変わります。誤訳の分類、用語集の上限、入力テキストの行き先を公式情報で整理しました。

ChatGPT・Midjourney・Adobe Firefly・Gemini・Canva・Stable Diffusionの利用規約を、2026年9月30日時点の原文で比較。生成物の権利より、プラン条件と補償の範囲でつまずきます。表に入れなかったIdeogramとMicrosoftの規約、「商用利用OK」と「ロゴに使ってOK」が別の条件であること、文化庁のチェックリストが勧めるプロンプトの保管まで整理しました。

ブラウザを勝手に動かすAIエージェントは、いま何ができて何で止まるのか。Claude in Chrome・ChatGPT Atlas・Cometの公式仕様と、実際に起きた事故の公的報告をもとに、任せられる作業と任せてはいけない作業を整理しました。

生成AIに書かせた広告コピーは著作物になるのか、「AI使用」と表示する義務はあるのか。文化庁「AIと著作権に関する考え方について」とチェックリストを根拠に、納品前に確認することを整理しました。2026年9月29日時点の情報です。

同じ資料をまとめて渡すとき、ChatGPT Projectsはファイルの本数で止まり、Claudeのプロジェクトは容量で止まります。両社の公式ヘルプに書かれている上限と、渡す前の手順を整理しました。

日本語の会議音声で、Whisper・Notta・Google Speech-to-Textはどれくらい間違えるのか。公開されている評価値と各社の公式表記を並べ、自分の会議音声で誤りの数を数える手順までまとめました。

ChatGPTのカスタム指示（Custom Instructions）の設定場所、プラン別の文字数上限、制作現場でそのまま使える記入例をまとめました。プロジェクト指示との優先順位や、指示が効かないときに疑う場所まで、公式ヘルプの記述に沿って整理しています。

AIに作らせた表の列がずれる・毎回変わるのは、プロンプトの上手さではなく表フォーマットの仕様が原因です。失敗例と成功例、Markdown/CSV/TSV/JSONの使い分け、APIで列を固定するStructured Outputsの仕様差までまとめました。

プロンプトを「役割・入力・出力形式・制約・例」の5つに分解し、それぞれビフォー/アフターで書き換え方を整理しました。提供元3社の公式ドキュメントを読み比べ、どの型から直すと出力が安定するかまで踏み込みます。

SunoとUdioで作った曲を動画のBGMに使ってよいか、両社の公式規約とヘルプを2026年9月11日時点で確認しました。Sunoは9月3日から商用利用の起点が「ダウンロード」に変わり、Udioは音声の書き出し自体が止まっています。

Perplexityは出典つきで答えますが、出典があることと内容が正しいことは別です。国際調査の実データをもとに、出典リンクの3つの壊れ方、30秒でできる検証手順、断定的な要約が危ない場面を実例で整理します。

同じ仕様を投げたとき差が出るのは最初の出力ではなく2回目以降です。Cursor・v0・Claude Codeの公式ドキュメントと利用者の報告から、手戻りがどこで発生するか、料金がどう溶けるか、生成コードの権利はどうなるかを2026-09-11時点で整理しました。

手元のPDFや議事録だけを根拠にAIに答えさせるNotebookLM（現Gemini Notebook）の手順を、公式ヘルプの記述に沿って整理しました。ソース数の上限、出典表示の仕組み、Web取り込みで落ちるもの、無料枠でどこまでいけるかまで。

Geminiの画像生成（Nano Banana）で文字入れと部分修正を安定させる指示の型を、公式ドキュメントの記述をもとに整理しました。モデル別の1枚あたり単価、可視透かしの扱い、納品物に使う前に確認すべき規約もまとめています。

Claudeの無料プランでどこまでできるのか、Pro（月20ドル）で何が増えるのかを、公式ヘルプとプライシングページから2026年9月8日時点で整理しました。制作の現場での使いどころと、使用量の消費のされ方まで。

ChatGPTの最新モデルGPT-6 Astraと前世代GPT-5.6の違いを、文章要約・表作成・コード修正の3タスクに絞って公式ドキュメントから整理しました。料金の実際、APIで外れた機能、自分で比較を回す手順まで。

AIが書いた広告コピーには最上級表現や効果の断定が自然に混ざります。景品表示法と薬機法のどこに当たるのかを、消費者庁と厚生労働省の一次資料から整理し、納品前に通す確認の流れと、指摘されやすい語をまとめました。

ChatGPTに構造化データを書かせると、骨組みは正しいのに値で落ちます。営業時間の中抜け、定休日、必須プロパティ欠落、価格形式など実際に落ちる7パターンと、生成後に確認する項目を公式ドキュメントから整理しました。

Figma Make・Framer・Webflow・STUDIO・v0・Lovable・Bolt の書き出し形式を、提供元の公式ドキュメントの記述だけで確認しました。zipが出るか出ないかより、「書き出したあと何が動かなくなるか」で差がつきます。2026-09-03時点の記述に基づきます。

「商用利用可」と書いてあっても、著作権の帰属・入力の学習利用・第三者への再ライセンスは別条項です。実際に開けた規約の該当箇所と、文化庁の公表資料をもとに、納品前に何を確認しておくかを整理しました。

生成AIの画像は既定でPNGのまま数MBになることがあります。生成サイズの決め方、リサイズと圧縮をどちらから先にやるか、WebPに変換する判断、1枚あたりの目標KBの決め方を、公式ドキュメントの数値をもとに手順として整理しました。

要素を画面に出すコードまではAIで足ります。差が出るのはイージング・時間差・減速の長さの3つで、ここは今も手で数値を決める仕事です。W3C仕様とMaterial Design、GSAP公式ドキュメントの公開値をもとに、自動化する層と触る層を分けます。

Framer・Webflow・STUDIOの公式料金表から、案件1本・3本・10本のときの月額を積み上げて比べました。表示価格が安く見えるのは、席（編集者）と未公開サイト枠が別勘定だからです。2026-09-02時点の公式ページで確認した数値のみ使っています。