🔰はじめての方へ

サイト作成

サイト作成
SEO

Google Search Consoleでドメインプロパティを追加する方法|DNSレコードで所有権を確認する

Google Search Consoleでドメインプロパティを追加し、DNSのTXTレコードでドメイン所有権を確認する方法を初心者向けにまとめました。
アプリ

Macでスクリーンショットを撮る方法|ウィンドウだけきれいに保存する

パソコンを使っていると、ブログ記事やアプリの紹介、MacOSのアプリスクショ画像などで「画面の一部だけスクリーンショットを撮りたい」と思うことがあります。特にMacでは、アプリのウィンドウだけを選択して撮影すると、ウィンドウの形に合わせて角...
SQL

複数サーバーでWordPressを運営していた私が、XServerへ安全に移行するためにやったこと|バックアップでつまずいたポイントも解説

複数サーバーを使っていた私が、XServerへ安全に移行するまでの手順を実体験で解説。DNS・メール・WordPress・SQLバックアップでつまずいたポイントも紹介します。
AI

VercelでHTMLサイトにBasic認証を設定する方法|無料!独自ドメインなしでもOK!Previewでは動くのに本番で効かない原因も解説

VercelでHTMLだけのサイトにBasic認証を設定する方法を解説。独自ドメインなしでも可能です。Previewでは動くのに本番で反映されない原因と、Alias・Deploymentの確認方法、vercel promote による解決方法も紹介します。
AI

Vercelで別プロジェクトを上書きしかけた話 ―― 原因は複製した.vercelだった

はじめに個人開発でつくった静的サイト(HTML1枚のツール)に、ファビコンとOGP画像を追加してVercelにデプロイしました。ところが「画像が表示されない!」「別のアプリを上書きしちゃったかも!?」と、かなり肝を冷やす出来事があったので、...
HTML

作ったHTMLをスマホで使いたい人へ。Vercelで無料公開する手順をまとめました

作ったHTMLファイルをスマホで使いたくて、Vercelで公開してみました。Vercelとは何かという説明から、フォルダの作り方、ターミナルでのコマンド、URLが発行されるまでの流れを実際の画面の順番どおりにまとめています。
Wordpress

WordPressでHTMLファイルをそのまま公開する方法|FileZillaで簡単アップロード!

WordPressサイトにHTMLファイルをそのままアップロードして公開する方法を初心者向けに解説。FileZillaを使った手順や注意点、活用例も紹介します。
Google広告

【AdSense不合格】有用性の低いコンテンツと言われた個人開発サイトの改修ポイント

Google AdSenseの審査に「有用性の低いコンテンツ」で落ちました。原因はサイトが単なるリンク集に見えていたことでした。トップページの情報設計をどう変えたのか、実際にやった改修点を記録しています。
AI

【Claude】「skill」って何?初心者向けにわかりやすく解説

「ClaudeやChatGPTって、毎回同じような指示を最初から書き直すのが地味に面倒…」「AIに自分のやり方を覚えさせておくことってできないの?」そんな悩みに答えてくれるのが、Claudeの「skill(スキル)」という機能です。今回は、...
サイト作成

【2026年】家庭用プリンターの比較と選び方|インクジェット・レーザー・エコタンクどれがいい?

「プリンターが欲しいけど、種類が多すぎてどれを選べばいいかわからない」「たまにしか印刷しないのに、高いものを買うのはもったいない気がする」プリンター選びで迷う原因のほとんどは、方式(インクジェット/レーザー/エコタンク)の違いと、自分の使用...
サイト作成

Web制作・コーディング用に外部モニターを選ぶなら?価格帯別5台比較

「そろそろ外部モニターが欲しいけれど、種類が多すぎてどれを選べばいいかわからない」「安いモニターと高いモニターって、結局どこが違うの?」そんな迷いの本質を突き詰めると、「画面のきれいさ」と「反応の速さ」のどちらを優先するか、という2つの軸に...
CSS

【保存版】Tailwind CSS チートシート|文字サイズ・余白・Flex・Grid・レスポンシブ対応まとめ

Tailwind CSSを使うたびに、text-xlって何pxだっけ?px-4って左右16pxだっけ?justify-betweenとitems-centerが毎回ごっちゃになる……そういうことで、よく表記方法を検索しているのですが、自分で...
Github

【GitHub】複数ブランチを同時に作業しても大丈夫? |変更が消える心配を解消する

はじめにGitHubでブランチを使って開発していると「複数の作業を別のブランチを切って作業したい!」という場面がでてきますよね。私は最初、何も考えずにメインから複数のブランチを切って作業していました。ですが、片方をマージした際に気づきました...
SEO

【インデックスが50件増えた】ブログ記事が見られていない原因|インデックスされてなくて検索結果に載ってなかった!|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 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)で白い三角形を重ねる方法です。下の画像は背景が画像になっている...