AI 【Claude】「skill」って何？初心者向けにわかりやすく解説
「ClaudeやChatGPTって、毎回同じような指示を最初から書き直すのが地味に面倒…」「AIに自分のやり方を覚えさせておくことってできないの？」そんな悩みに答えてくれるのが、Claudeの「skill(スキル)」という機能です。今回は、...
maple
AI 
サイト作成 【2026年】家庭用プリンターの比較と選び方|インクジェット・レーザー・エコタンクどれがいい?
「プリンターが欲しいけど、種類が多すぎてどれを選べばいいかわからない」「たまにしか印刷しないのに、高いものを買うのはもったいない気がする」プリンター選びで迷う原因のほとんどは、方式(インクジェット/レーザー/エコタンク)の違いと、自分の使用...
サイト作成 Web制作・コーディング用に外部モニターを選ぶなら？価格帯別5台比較
「そろそろ外部モニターが欲しいけれど、種類が多すぎてどれを選べばいいかわからない」「安いモニターと高いモニターって、結局どこが違うの？」そんな迷いの本質を突き詰めると、「画面のきれいさ」と「反応の速さ」のどちらを優先するか、という2つの軸に...
ネタ帳 看護師からWeb業界へ独学で転職した体験談|使った教材・挫折・未経験OKの転職サービスまとめ
/* ===== 記事内スタイル(mtc-プレフィックスでテーマと干渉しにくくしています) ===== */.mtc-article{line-height:1.9;}.mtc-article h2{margin-top:3.5em;mar...
Github 【GitHub】CLIを使ったプルリクエスト作成ガイド
初心者向けに、GitHub CLIを使ってコマンドラインでプルリクエストを作成する方法を説明します。ステップ1: GitHub CLIをインストールまず、GitHub CLIをインストールします。Homebrewを使用するのが簡単です。br...
CSS 【保存版】Tailwind CSS チートシート｜文字サイズ・余白・Flex・Grid・レスポンシブ対応まとめ
Tailwind CSSを使うたびに、text-xlって何pxだっけ？px-4って左右16pxだっけ？justify-betweenとitems-centerが毎回ごっちゃになる……そういうことで、よく表記方法を検索しているのですが、自分で...
Github 【GitHub】複数ブランチを同時に作業しても大丈夫？ ｜変更が消える心配を解消する
はじめにGitHubでブランチを使って開発していると「複数の作業を別のブランチを切って作業したい！」という場面がでてきますよね。私は最初、何も考えずにメインから複数のブランチを切って作業していました。ですが、片方をマージした際に気づきました...
PHP 【データベース】下層ページもURLパラメータを使いたい｜$config[‘query_string’]
データベースを使ったPHPサイトを作成していた時、トップページはURLでテキストが変わるようにできたのに、内部リンクを使ってトップページから下層ページに移動するとURLが元に戻ってしまう問題が起きました。例） ↓ 内部リンクで下層ページにア...
SEO 【対処法】ブログ記事がインデックスされてなくて検索結果に載ってなかった！｜WordPress
せっかく頑張って作成した記事なのにみられないなんてもったいないですよね。Googleは記事を公開したからといって、必ずインデックスしてくれるわけではありません。特に次のようなページはインデックスされにくい傾向があります。記事の文字数が少ない...
LP PHPファイルだけで「データベース風」にURLでHTMLを切り替える方法
はじめに「果物ごとにページを作りたいけど、毎回HTMLファイルをコピーするのは大変…」そんなときに便利なのが、PHPの配列をデータベース代わりに使う方法です。通常、Webサイトで大量のデータを管理する場合はMySQLなどのデータベースを利用...
PHP phpMyAdmin エクスポート＆インポート方法（上書き保存対応）
はじめにリモートサーバーのデータベースをローカル環境にコピーしたいとき、phpMyAdminのエクスポート・インポート機能を使うと簡単にできます。ただし、ローカルに同じテーブルが既にある場合、そのままインポートすると「テーブルはすでに存在し...
Docker 【Docker】docker-compose.ymlの書き方がわからない！rootと一般ユーザーの違いを初心者向けに解説
はじめにDockerを使ってPHP + MySQL環境を構築していると、こんな設定を見かけることがあります。// docker-compose.ymldb: image: mysql:8.0 environment: MYSQL_ROOT_...
Docker 【データベース×Docker】PHPサイトをローカルで動かす環境を作る方法｜Nginx
はじめにWeb制作をしていると、こんな場面がありませんか？コードを書いたけど、レンタルサーバーにアップロードしないと動作確認できないデータベースを使うページを作ったけど、ローカルで確認する方法がわからないPHPファイルをブラウザで開いても、...
Docker 【初心者でもわかる】 Docker Desktopを導入してPHPサイトで使えるようにする方法
はじめにDockerを使うには、まず Docker Desktop というアプリをインストールする必要があります。この記事では、Docker Desktopのインストールから、実際にPHPサイトを表示するまでの手順をまとめています。Dock...
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」と入力するだけで使用することができます）以前は問題なく使えていたのに、ある日突然動かなくなったケースです...