Docker 【初心者でもわかる】 Docker Desktopを導入してPHPサイトで使えるようにする方法
はじめにDockerを使うには、まず Docker Desktop というアプリをインストールする必要があります。この記事では、Docker Desktopのインストールから、実際にPHPサイトを表示するまでの手順をまとめています。Dock...
maple
Docker 
AI 【Claude Code】機密ファイル（パスワードなど）をClaude Codeに読み込まないで欲しい時の書き方
私はAI を使用してサイトの作成をすることが多く、cursorやClaude Codeを使ってコードを修正してもらったりしています。Claude Codeは、AIがコードを読み書きしてくれるとても便利なツールです。しかし便利すぎるがゆえに、...
CSS 【背景画像に対応】CSSだけでリボン風デザインを作る方法｜clip-path
よく見かけるリボンCSSよく見かけるリボンの作り方は、色付き四角の左右に三角の背景と同じ色のものを被せてリボン風にするやり方です。疑似要素（::before / ::after）で白い三角形を重ねる方法です。下の画像は背景が画像になっている...
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 拡張機能を使っていて、「今どのモデルが使われているの？」と気になったことはありませんか？チャットのところになにも書いていないので困りました。モデルによって消費量も異なるようなので、切り替えは...
AI 【Claude Code】ターミナルで起動できない時の対処法
はじめにClaude Code をターミナルから使おうとしたところ、エラーが発生して起動できなくなっていました。（普段は「claude」と入力するだけで使用することができます）以前は問題なく使えていたのに、ある日突然動かなくなったケースです...
Github 【GitHubパスワード管理】使うなら必須！パスワードやデータベース情報を安全に管理する方法
PHPやWordPress、Webサイト制作を学び始めると、GitHubでソースコードを管理する機会が増えてきます。しかし、その際に注意しなければならないのが「パスワードの管理」です。私も最初は、データベースのパスワードはどこに書けばいいの...
Github 【PHPファイル機密情報管理】他者に見られてしまう情報と見られないもの。AIに機密情報を読み込まれないようにする方法も解説
PHPでデータベースを利用し始めると、データベースのユーザー名やパスワードはどこに書けばいいの？ブラウザの検証ツールで他人に見られないの？CursorやClaudeなどのAIに読み込まれないようにできるの？といった疑問が出てきます。私自身も...
Google広告 Google広告を始める前にやること一覧【LP制作〜計測設定まで完全まとめ】
Google広告を出稿するとき、とりあえず広告を作るLPを作って入稿するだけで始めてしまうと、後からコンバージョン計測できないどの広告が成果出ているかわからないGoogleから品質評価が下がるデータが正しく取れていないなどの問題が発生しやす...
Wordpress Googleアドセンスの「ads.txt ファイルを修正してください」の対処法｜WordPress・HTMLサイト両対応
Googleアドセンスを使用していると、管理画面でこのような警告が表示されることがあります。要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。今回は、ads.txtとは何かなぜ設定が必要なのかWor...
AI Claude CodeとClaude Designを使いこなす！設定からデザインHandoffまで完全ガイド
「AIにコードを書かせたい」「デザインをそのままコードに変換したい」——そんな夢を叶えるのが、AnthropicのClaude CodeとClaude Designです。この記事では、MacBookでゼロからセットアップし、Claude D...
サイト作成 【XServer】リトルサーバーからXServerへ移管した理由と、実際に使ってわかったこと【お友達紹介コードあり】
WordPress で複数サイトを運営するようになってきて、 リトルサーバーからエックスサーバー（XServer）へ移管することにしました。今回はその流れと、実際に感じたポイント、そして 申し込み時に絶対に知っておいた方がいい注意点など20...
サイト作成 Xのカードが表示されない問題
HTML、CSSでサイト作成。X（旧Twitter）へのシェアボタンを作成しましたが、Xの投稿にカードが表示されず困りました・・・↑こんな感じですしっかりmetaタグを書いていましたが表示されず。今回は私がやったことを紹介します。困っている...
Wordpress 【WordPress】ContactForm7から送信されたメールが迷惑メールフォルダに入ってしまう問題
今回はWordPressのプラグイン「Contact Form 7 」を使ってお問い合わせページを作成したところ、全て迷惑メールフォルダに入ってしまうことについての話です。自分がやったことと解決方法について説明します。私がやったこと「Con...
Github Macで勝手に出てくる「.DS_Store」をGitHubに上げない方法【完全ガイド】
Mac に変更してから GitHub にコミットすると、見慣れないファイル 「.DS_Store」 が毎回紛れ込んできます。このファイルは、Mac が自動で生成するフォルダの表示設定データで、プログラムには一切不要。最悪情報漏洩の可能性もあ...
CSS 【CSS】iPhone Safariで上下に余白ができてしまう問題
HTML・CSS・JavaScriptで制作したサイトを調整していた際、iPhone（iOS Safari）でのみ上下に白い余白が出てしまう現象に遭遇しました。問題の画像↓（ちなみにこのサイトはです！）調べていく中で分かった原因と、実際に効...
CSS 【JavaScript】Chart.jsでラベルを表示させたい！
自分用のメモとして記事を作成しました。ラベル表示で悩んでいる方にもお役に立てたらと思います！今回は下のようなグラフを作成します。別の記事で、Chart.jsが表示されない件についても記事にしているので、お困りの方はご参照ください！書き方HT...
CSS 【JavaScript】Chart.jsが表示されない！｜初期状態非表示にしてませんか？
今回はサイトで円グラフを表示させるために、Chart.jsを使用することにしました。検索していると比較的簡単そうに実装できそうだったため舐めていましたが、落とし穴が！特に、入力した数値を入れて「enter」でグラフを表示させるような動きを書...
PHP 【PHP】MacBookに移行／HomebrewでのPHPインストールとVSCode設定方法まとめ
WindowsからMacに乗り換えて、開発環境を整えていたときに「PHP 実行可能ファイルを指定されていません」という通知を見たことはありませんか？私も、WindowsからMacBookに変えてからVSCodeやCursorでPHPを書いて...