AI 【AIに記事を書いてもらう人向け】WordPress囲み枠を使いたい！ショートコードを作る
最近、AIを使ってブログ記事を書いてもらう人が増えてきました。ブログ記事の自動化とか量産とか聞きますよね。私も文章力がないしまとめ方もうまくないのでAIによく頼んだりしています。わたし余白を入れてください！・・・余白になってない・・・わたし...
AI
AI 
AI 【AIに記事を書いてもらう人向け】記事に余白を入れたい！Cocoonのテンプレート機能でショートコード化する手順
Cocoonのテンプレート機能を使うと、セクション間の余白をショートコード 一つで入れられます。スペーサーのdivを毎回貼り直さずに済むので、AIに記事を書いてもらう人にも便利でした。登録手順を画像つきでまとめています。
AI データベースを使うPHPサイトをローカルで確認したい。DockerでNginx環境を作る方法【コード全部あり】
Web制作の勉強中に、データベースを使うPHPサイトをローカルで確認する方法がわからず困りました。DockerでNginx・PHP-FPM・MySQL・phpMyAdminの環境を作った手順を、各ファイルのコードごと初心者目線でまとめています。
AI データベースが怖かった私が、PHPのファイル構成を理解するまで【コード例つき】
Web制作の勉強をしていて、ずっと避けていたものがあります。データベースです。触ったら何か取り返しのつかないことが起きるんじゃないか、という気持ちがありました。AIを使いながら学習していたのですが、出てくる言葉が英単語ばかりでした。PDOっ...
AI 【Claude Code】ターミナルで改行する方法｜Shift+Enterで送信されてしまうとき
Claude Codeのターミナルで改行したいのにEnterで送信されてしまう問題を、実際に試して解決した方法をまとめました。Ctrl+Jで改行する方法と、/terminal-setupでShift+Enterを使えるようにする手順を紹介しています。
AI 【Claude Code】VSCode拡張版とターミナル版の違いと使い分け
Claude CodeのVSCode拡張版とターミナル版の違いを、実際に使っている立場からまとめました。私がターミナルを避けている理由（変更が見えにくい、Enterで送信されてしまう）と、その改行問題が設定で解決できることも紹介しています。
AI 【2026年7月／Claude Code】Fable・Opus・Sonnet・Haikuの違いと使い分け
Claude CodeのモデルFable・Opus・Sonnet・Haikuの違いと使い分けを、実際に使った体感とあわせてまとめました。Sonnetで詰まったらOpusに切り替える判断の目安や、モデルの切り替え方（/model）も紹介しています。2026年7月時点の情報です。
AI 【Claude Code】インストールが失敗する・起動しないときの症状別まとめ
Claude Codeが起動しない・インストールに失敗するときの対処法を、エラーメッセージ別にまとめました。permission denied、native binary not installed、command not found、ENOTEMPTYの4つを、症状から原因を切り分けられるように整理しています。
AI DockerでWordPress子テーマをローカル確認する手順｜本番サーバーに触らず修正できる環境を作った
WordPressの子テーマを、本番サーバーにアップロードせずローカルで確認する手順をまとめました。Docker Composeで空のWordPressとCocoon親テーマを立て、子テーマをマウントするだけです。実際に使ったdocker-compose.ymlも載せています。
AI 【AIアプリ初心者必見】一応作れたけどFirebaseがわからない…｜Firestore設定でつまずいた5つのポイント
Firebaseの設定手順を、非エンジニア目線で1から解説します。Authenticationはどこにあるのか、エディションはどちらを選ぶのか、apiKeyはAIに見せていいのか。実際に詰まった箇所をまとめました。
AI 【Claude Code】5時間制限で作業が途中終了しそうなときの中断・退避手順｜ブランチ切り忘れの直し方も
Claude Codeで作業をしていたら、5時間制限の使用量が94%まで来ていました。しかも画面は「この変更を適用していいですか？」という確認待ちの状態。ここでOKしたら、作業の途中で制限に引っかかって止まってしまうかもしれない。かといって...
AI 【Claude Code】VSCode使用中で作業終了・確認待ちの通知を音付きで受け取る方法「Claude Notifier」
Claude Codeで長時間の処理をお願いしていると、「もう終わったかな？」と何度も画面を確認してしまうことはありませんか？私も今までは、別の作業をしていて気付いたらClaude Codeが10分以上前に作業を終えていた…ということが何度...
AI 【Claude】zsh: permission denied: claude の対処法
Claude Code をターミナルで起動しようとしてclaudeと打ったら、zsh: permission denied: claudeと出て動かなくなったことがありました。この記事では、そのときに私が実際に確認して直した手順を、順番にま...
AI 【Claude】claude と打っても「command not found」になるときに確認したいこと
Claude Code をターミナルで使おうとしてclaudeと打ったら、command not found: claude（または zsh: command not found: claude）と出て動かない、というケースがあるようです。...
AI 【Claude】error: claude native binary not installed の対処法
Claude Code をターミナルで起動しようとしたら、Error: claude native binary not installedというエラーが出て動かなくなったことがありました。私の場合は、前は普通に使えていたのに、ある日突然こ...
AI 【Claude】「skill」って何？初心者向けにわかりやすく解説
「ClaudeやChatGPTって、毎回同じような指示を最初から書き直すのが地味に面倒…」「AIに自分のやり方を覚えさせておくことってできないの？」そんな悩みに答えてくれるのが、Claudeの「skill(スキル)」という機能です。今回は、...
AI 【Claude Code】機密ファイル（パスワードなど）をClaude Codeに読み込まないで欲しい時の書き方
私はAI を使用してサイトの作成をすることが多く、cursorやClaude Codeを使ってコードを修正してもらったりしています。Claude Codeは、AIがコードを読み書きしてくれるとても便利なツールです。しかし便利すぎるがゆえに、...
AI 【初心者向け】Claude CodeをVSCodeで使う方法｜インストールから初期設定まで解説
最近話題のAI開発支援ツール「Claude Code」。ChatGPTのようにチャットで質問するだけでなく、実際にコードの作成や修正、リファクタリングまでサポートしてくれるため、Web制作やプログラミング学習に役立ちます。この記事では、私が...
Claude Code VSCodeおすすめ拡張機能8選｜Web制作・PHP開発で実際に使っているものを紹介
VSCode（Visual Studio Code）は拡張機能を追加することで、より便利に利用できます。しかし初心者の方は、何を入れればいいかわからないおすすめの拡張機能を知りたいWeb制作向けの拡張機能が知りたいという方も多いと思います。...
AI 【Claude Code】VScode拡張機能で使用中のモデルを確認・変更する方法
はじめにVSCode の Claude Code 拡張機能を使っていて、「今どのモデルが使われているの？」と気になったことはありませんか？チャットのところになにも書いていないので困りました。モデルによって消費量も異なるようなので、切り替えは...