サイト作成
サイト作成
サイト作成 
PHP 迷惑メールに入ってしまう解決に使った「Resend」の設定方法｜DNS・APIキー・PHPでの送信までまとめました
仕事で作っているLPのお問い合わせフォームで、送信テストをするたびにメールが迷惑メールフォルダに入ってしまいました。何度送り直しても結果は同じ…そこで、メール送信サービスのResend（リセンド）を使うことにしました。とはいっても、私は設定...
PHP メール設定で出てくるSPF・DKIM・DMARC・ARCとは？MXレコードとの違いもやさしく解説
メール設定で出てくるSPF・DKIM・DMARC・MXの意味を、初学者の私が調べた内容をもとに郵便のたとえで整理しました。それぞれの役割の違いや、Gmailの送信者ガイドラインとの関係もまとめています。
CSS ハンバーガーメニューの作り方とスクロール対応｜CSSだけで作るチェックボックス方式
ハンバーガーメニューを開いても中身がスクロールできないときの原因と、CSSでの直し方をまとめました。チェックボックス方式の基本コードと、dvh・overflow・overscroll-behaviorなど1行ずつの意味を解説しています。
サイト作成 正規表現チートシート｜.htaccess・VSCode・JavaScriptで使える記号の早見表
正規表現を早見表にまとめました。文字・位置・回数・グループの記号一覧と、.htaccess・VSCode・JavaScriptでの書き方の違い、よく使うパターン例を初心者向けに解説します。
サイト作成 .htaccessの書き方を初心者向けに解説｜一部のエリアだけ検索に出してそれ以外をnoindexにする方法
.htaccessの意味と基本の書き方を初心者向けに解説。たくさんのページの中から特定のエリアだけを検索にインデックスさせ、それ以外にnoindexを付けるコードを1行ずつ読み解きます。
PHP PHPファイルの権限（パーミッション）644・フォルダ700って何？ターミナルのls -alで見るパーミッション入門
サイト制作中に指摘された「PHPは644、フォルダは700」の意味がわからなかったので調べてまとめました。パーミッションの数字の意味、ターミナルのls -alでの見方、サーバー側での変更方法を初心者目線で解説します。
CSS CSSで日本語の改行位置を指定する方法｜word-break: keep-all、＜wbr＞タグ、inline-block、nowrap、auto-phrase、text-wrap: balance
HTML・CSSで日本語テキストの折り返し位置を指定する方法をまとめました。私が使ったword-break: keep-allとwbrの組み合わせのほか、br・inline-block・nowrap・auto-phrase・text-wrap: balanceも紹介します。
サイト作成 Mailpit(メールピット)ってなんぞや！？お問い合わせフォームのテストメールをDockerで確認する方法｜初心者
Mailpit(メールピット)は、開発中のお問い合わせフォームから送ったメールを受け止めて画面で確認できるテスト用ツールです。Dockerでの起動方法や画面の見方を初心者向けにまとめました。
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が毎回ごっちゃになる……そういうことで、よく表記方法を検索しているのですが、自分で...