Web 制作・保守、静的コーディングについての技術ブログです。https://2026-04-06as.vercel.app/https://2026-04-06as.vercel.app/blog/2026-05-20b/https://2026-04-06as.vercel.app/blog/2026-05-20b/301/302 の判断、Apache と WordPress の分担、記述順、RewriteRule の例、確認方法と運用メモを整理する。Wed, 20 May 2026 03:45:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-20/https://2026-04-06as.vercel.app/blog/2026-05-20/WordPress案件のテスト環境について、Basic認証、本番と見分けがつくURL、プラグイン自動更新、APIキーの最小権限、納品後の削除タイミングまで、よしあきの運用ルールを整理する。Tue, 19 May 2026 23:45:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-19/https://2026-04-06as.vercel.app/blog/2026-05-19/前編（静的サイト）の続き。WordPress制作用テンプレートでコーダーが担うSEOの土台、静的テンプレとの違い、自動生成ページの404化、未整理の課題を棚卸しする。Tue, 19 May 2026 01:30:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-18/https://2026-04-06as.vercel.app/blog/2026-05-18/SEO対策をコンテンツ・設計・実装・運用に分け、コーダーが担当すべき範囲と、よしあきの静的サイトテンプレートで現状対応していることを整理する。Sun, 17 May 2026 23:46:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-15b/https://2026-04-06as.vercel.app/blog/2026-05-15b/制作パートナーとのやり取りで、作業難度を決めつけずに成果物の特徴を伝えるための言葉の使い分けを整理する。Fri, 15 May 2026 08:27:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-15/https://2026-04-06as.vercel.app/blog/2026-05-15/デザインを優先しつつ、余白を当たり判定に含めるなどして押しやすさを確保する。Google とデジタル庁の公開資料を手がかりに、48px を目標にした自分用の運用をルール化する。Fri, 15 May 2026 05:30:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-13/https://2026-04-06as.vercel.app/blog/2026-05-13/Web 制作者よしあきの WordPress 制作フローと割り切り方を、AI が読者向けに整理して紹介する。実装担当としてディレクターと協業する前提で、指定が無いときのよしあきルール（管理画面の最小化・PHP 寄せとフルサイト編集の対比を含む）、構築でのナビ・定数・画像（静的との差）・ブロックエディタ用スタイル、仕上げでの管理画面メニュー整理、要件整理から検証・環境・構築・デプロイ・公開までを時系列で扱う。Wed, 13 May 2026 03:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-12/https://2026-04-06as.vercel.app/blog/2026-05-12/認証が要る API を叩くとき、APIキーやトークンをどう運用するか。平文で残さない理由、環境変数と source、リクエストヘッダへの載せ方までまとめる。Tue, 12 May 2026 05:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-11/https://2026-04-06as.vercel.app/blog/2026-05-11/関わった案件での事象をきっかけに、Webサイト（CMS 利用を含む）で起きやすい不正アクセスの一次対応・復旧の切り分け・想定経路・予防を、ホスティング・CMS・運用のレイヤーに分けて整理した。Mon, 11 May 2026 05:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-10/https://2026-04-06as.vercel.app/blog/2026-05-10/関数やオブジェクトでつまずきやすい「識別子は自分で決めていいのか／仕様どおり書かねばならないのか」を、任意と所定の具体例と区別の質問から整理するメモです。Sun, 10 May 2026 06:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-08/https://2026-04-06as.vercel.app/blog/2026-05-08/案件でのつまずきや調査をログに残し、理解を深めるために Astro の Markdown で記事にする運用、このサイトのコンテンツ仕様までを整理する。Fri, 08 May 2026 11:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-06/https://2026-04-06as.vercel.app/blog/2026-05-06/script.js のエントリーポイントパターンを起点に、type="module" がもたらすスコープの独立、import/export の役割、バンドラーなしでの運用との違いを整理した。Wed, 06 May 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-05-01/https://2026-04-06as.vercel.app/blog/2026-05-01/grid-template-columns で minmax の役割を押さえ、auto-fit と auto-fill の共通点と差（空トラックと 1fr）を整理する。検証デモと参考記事へのリンク付き。Fri, 01 May 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-29/https://2026-04-06as.vercel.app/blog/2026-04-29/シンアカウントAPIの提供開始を前提に、サブドメイン〜GitHub〜ローカルまでを短文指示と Bash シェルスクリプトでつなぐ流れと、Skills の分割・セキュリティ・今後の課題を整理する。値や鍵の具体例は載けない。Wed, 29 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-29b/https://2026-04-06as.vercel.app/blog/2026-04-29b/Webフォント運用を自分向けに言語化しつつ、ダウンロード・圧縮・@font-face・preload・カスタムプロパティ・body 適用の順で流れを固定する。CDN ではなく自己ホストにする整理と、Cursor Agent Skill で手順を型にした話。Wed, 29 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-28/https://2026-04-06as.vercel.app/blog/2026-04-28/ドメイン移管、ネームサーバー切替、DNS、Webサイト、メール移行を分けて考えるための整理。WHOISメール、承認手続き、同時切替時の注意点をまとめる。Tue, 28 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-25/https://2026-04-06as.vercel.app/blog/2026-04-25/X や Facebook などのシェア用 href を、URLSearchParams / ヘルパで組み立てる方法、デモページ、EJS とクライアントの記述例、サービスごとの差を整理する。Sat, 25 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-25b/https://2026-04-06as.vercel.app/blog/2026-04-25b/自分の制作ラインとして「どこまでやるか」を文章にし、触った範囲から合わせる運用。正本はナレッジの wiki。WCAG 適合の宣言ではない内部向け仮基準 v0.1.3 相当の要点。Sat, 25 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-25c/https://2026-04-06as.vercel.app/blog/2026-04-25c/「? 以降」の形、なぜエンコードが要るか、二重にしない、percent-encoding、そしてURLSearchParamsの作り方・setとappendを整理する。Sat, 25 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-24/https://2026-04-06as.vercel.app/blog/2026-04-24/word-wrap と overflow-wrap の関係、word-break: keep-all の効き方、th/td の列幅、Markdown の区切り行のハイフンが列幅に効かない理由まで、テーブル文脈で整理する。Fri, 24 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-23b/https://2026-04-06as.vercel.app/blog/2026-04-23b/README に載せるライセンス表記の定番、LICENSE との役割分担、リポジトリの種類別の考え方と短文例を整理する（一般的な運用メモであり法的助言ではない）。Thu, 23 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-23c/https://2026-04-06as.vercel.app/blog/2026-04-23c/学習の順番を先に示し、非同期の前提から簡単な例、状態と then／async-await、実装での待ち合わせ、末尾の Q&A（できること／できないことと setTimeout）まで整理したメモ。Thu, 23 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-22/https://2026-04-06as.vercel.app/blog/2026-04-22/Content Collections の .md 内コードフェンスが、ビルド時に Shiki で着色されること。Astro に標準で入っていること、astro.config での変更、Astro 以外での Shiki の使い方を公式ドキュメント付きで整理する。Wed, 22 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-22b/https://2026-04-06as.vercel.app/blog/2026-04-22b/背景だけ薄くしたいのに opacity で文字まで透ける問題を避け、Sass の rgba() による指定、color-mix と色補間空間（oklch / srgb）をどう選ぶかを整理する。Wed, 22 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-22c/https://2026-04-06as.vercel.app/blog/2026-04-22c/Cloudflare の EmDash を、WordPress との差分（運用基盤・エコシステム・制約）の観点で整理し、案件投入より検証向きと判断する理由を述べる。Wed, 22 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-22e/https://2026-04-06as.vercel.app/blog/2026-04-22e/全体は border-box のまま、インナーコンテナだけ content-box に寄せて max-width をデザイン数値に直結させる判断と、width:100% を避ける理由を整理する。Wed, 22 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-22f/https://2026-04-06as.vercel.app/blog/2026-04-22f/Sass の $ 変数と CSS の -- 変数がいつ評価され、どうスコープし、上書きやテーマ切り替えにどちらが向くかを整理する。Wed, 22 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-21/https://2026-04-06as.vercel.app/blog/2026-04-21/User Rules・プロジェクトルール・AGENTS.md・.cursor/rules の違いを整理し、ルール追加時に先に決めるべき適用範囲と、チャットで @ する一時的な載せ方までをまとめる。Tue, 21 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-21b/https://2026-04-06as.vercel.app/blog/2026-04-21b/デザインのベース字重を body に置いたときに見出しや strong がズレる理由を、継承とユーザーエージェントスタイルで整理する。body * に font-weight:inherit を足す意図と、WordPress the_content 周りを例外に切る考え方まで。Tue, 21 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-18/https://2026-04-06as.vercel.app/blog/2026-04-18/Gutenberg の columns が 782px / 781px 基準、テーマが 768px / 767px 基準のときに起きるレイアウトのずれと、本文スコープで flex-wrap と flex-basis を上書きする手順。Sass の % 解釈にも触れる。Sat, 18 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-17/https://2026-04-06as.vercel.app/blog/2026-04-17/同一コンポーネントの見た目差分を、BEM modifier・親ブロックからの上書き・カスタムデータ属性・CSS カスタムプロパティなどの手段のうち、data 属性と変数に寄せる理由と自分の運用、メリット・デメリットを整理する。Fri, 17 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-16/https://2026-04-06as.vercel.app/blog/2026-04-16/スパムメールの意味、届く理由、受信側・送信認証・運用の対策をやさしく整理します。件数や傾向を把握する調査の考え方と、問い合わせ用アドレスを題材にした対応の流れの概要も載せます。Thu, 16 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-16b/https://2026-04-06as.vercel.app/blog/2026-04-16b/複数の HTML ページを行き来するとき、sessionStorage にスラッグ一覧を溜め、未訪問を優先して抽選し、ボタンで location 遷移するまでの流れをコードの単位で整理する。URL のベース取りは補足として触れる。Thu, 16 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-16c/https://2026-04-06as.vercel.app/blog/2026-04-16c/sessionStorage の役割、setItem / getItem の最小例、キーと値のペアでしか保存できない理由の Q&A、タブ単位の寿命、localStorage との比較、初回だけ UI を出すパターンまで整理する。Thu, 16 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-16d/https://2026-04-06as.vercel.app/blog/2026-04-16d/「表示を崩さない」「処理を止めない」「エラーを通知する」の三つに分けて整理し、本番と開発の違い・互換レイヤの是非・AIが出しがちな「握りつぶし続行」との付き合い方まで、Web 制作向けにまとめる。Thu, 16 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-15/https://2026-04-06as.vercel.app/blog/2026-04-15/SCSS を global / base / layouts / components に分けて読み込むときの順序と、各層の役割。後半では `u-*` を補助として扱う前提と、`c-*` との違い（表示制御と表現部品）を整理する。Wed, 15 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-15b/https://2026-04-06as.vercel.app/blog/2026-04-15b/追跡済みを外す3手順を示し、手順2では例として単一ファイルとディレクトリごとを並べる。.gitignore だけでは足りない理由、git rm -r --cached . を避ける理由と起きうる問題もまとめる。Wed, 15 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-14/https://2026-04-06as.vercel.app/blog/2026-04-14/GA4 のプロパティ作成から Web データストリーム、測定 ID の取得、Astro サイトへの埋め込み、Vercel での反映確認までの基本手順を整理する。あわせて Google Tag Manager が必要になりやすい場面もまとめる。Tue, 14 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-14b/https://2026-04-06as.vercel.app/blog/2026-04-14b/SCSS のプレフィックスを、ブロックを切り出す理由と部品の大きさで整理する考え方をまとめる。`c-menu-button` のような独立管理したい小さなUI部品の分け方も扱う。Tue, 14 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-14c/https://2026-04-06as.vercel.app/blog/2026-04-14c/iPhone でタップ後に `:hover` の見た目が残る理由を整理し、`@media (any-hover: hover)` と `:active` をどう使い分けると安全かをまとめる。タブ切り替えボタンのような UI での考え方も扱う。Tue, 14 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-14d/https://2026-04-06as.vercel.app/blog/2026-04-14d/カスタムスクロールバーを実装するときに、まず何を書けばよいかを示し、そのあとで Chrome 系と Firefox で指定方法が分かれる理由を整理する。Tue, 14 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-14e/https://2026-04-06as.vercel.app/blog/2026-04-14e/`calc()` 内の演算と単位の組み合わせはブラウザで差が出やすい。足し算・引き算との違いを最小の例で整理する。Tue, 14 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-13/https://2026-04-06as.vercel.app/blog/2026-04-13/ブラウザでURLを開いても表示できないとき、端末・DNS・TLS・サーバー・アプリのどこで止まっているかを順に狭める考え方と、curlや開発者ツールの使い方を整理する。Mon, 13 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-13b/https://2026-04-06as.vercel.app/blog/2026-04-13b/カード一覧などで画像のアスペクト比を揃えたいとき、CSS で揃える方法と画像自体を生成し分ける方法がある。このブログの Astro 実装がどちらに当たるかと、WordPress の add_image_size() との対応を整理する。Mon, 13 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-12/https://2026-04-06as.vercel.app/blog/2026-04-12/RSS／Atomの役割、フィードリーダーでの利用、サイト側の要件、WordPressの標準フィード、Astroで@astrojs/rssとheadのalternateを使う例を整理する。Sun, 12 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-11/https://2026-04-06as.vercel.app/blog/2026-04-11/RSS の概要と、このブログで astro.config の site が canonical・RSS・sitemap にどう効くかをコード付きで整理する。Sat, 11 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-10/https://2026-04-06as.vercel.app/blog/2026-04-10/Astro で astro:assets の Image を使うと、元が PNG や JPEG でも dist 側が WebP になる挙動の整理。デフォルト出力フォーマットと Sharp の役割、format の指定と public 静的配信の違い。Fri, 10 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-10b/https://2026-04-06as.vercel.app/blog/2026-04-10b/Cursor の SKILL.md 形式の Skill と、AGENTS.md・prompts/chat-to-astro-blog.md のようなプロジェクト内手順書の役割の違い。置き場所・効く範囲・Git 共有のしやすさ、併用の考え方。Fri, 10 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-10c/https://2026-04-06as.vercel.app/blog/2026-04-10c/メインクエリに対するテンプレート上の二次クエリを、WP_Queryのクラス・インスタンス・メソッドでどう読むかを整理する。データベースのSQLサブクエリは別文脈のため本稿では扱わない。Fri, 10 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-10d/https://2026-04-06as.vercel.app/blog/2026-04-10d/メディアクエリなどで打ち消しを書くときの `0` / `initial` / `unset` / `revert`。非継承（margin など）と継承（color など）で意味がどう分岐するか、用途ごとに整理する。Fri, 10 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-09/https://2026-04-06as.vercel.app/blog/2026-04-09/Bear Blog 由来のスタイルから、本文・見出しの rem 段階、リンクの識別、等幅コードなどをデジタル庁デザインシステムの読み物向けの考え方に寄せて調整したメモ。Thu, 09 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-08/https://2026-04-06as.vercel.app/blog/2026-04-08/REST APIの考え方、wp/v2/posts のURL例、wp_remote_get() による最小サンプル、キャッシュや認証などの注意点をメモとして整理しました。Wed, 08 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-08b/https://2026-04-06as.vercel.app/blog/2026-04-08b/WP 5.5 以降で渡せる第3引数の配列、$args の由来と変数名、連想配列・数値添字・別名について、実務で迷いやすい点を整理しました。Wed, 08 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-08c/https://2026-04-06as.vercel.app/blog/2026-04-08c/パーシャルやアイコンの並び順を揃えると既存パーツを見つけやすくなる、という仕事仲間とのやりとりを整理。カテゴリ先頭の命名、icon_ プレフィックスを基本にする方針と、英語語順とのトレードオフをメモにしました。Wed, 08 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-08d/https://2026-04-06as.vercel.app/blog/2026-04-08d/テーマ内で HTML に値を出すときの XSS 対策として、用途ごとにどの esc_* / wp_kses を使うかを整理する。Wed, 08 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-07/https://2026-04-06as.vercel.app/blog/2026-04-07/JavaScriptで今日の日付を動的に表示する方法を例示。Tue, 07 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-07b/https://2026-04-06as.vercel.app/blog/2026-04-07b/ライト／ダークの配色トークンと、メイン・アクセントの役割のメモ。Tue, 07 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/2026-04-04/https://2026-04-06as.vercel.app/blog/2026-04-04/Lorem ipsum dolor sit ametSat, 04 Apr 2026 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/markdown-style-guide/https://2026-04-06as.vercel.app/blog/markdown-style-guide/Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro.Wed, 19 Jun 2024 00:00:00 GMThttps://2026-04-06as.vercel.app/blog/using-mdx/https://2026-04-06as.vercel.app/blog/using-mdx/Lorem ipsum dolor sit ametSat, 01 Jun 2024 00:00:00 GMT