kobitoDevelopment

CREATE TABLE users (
    id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,  -- 内部用（高速）
    uuid BINARY(16) NOT NULL UNIQUE,                 -- 外部公開用
    name VARCHAR(255),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    
    INDEX idx_uuid (uuid)
);

kobitoDevelopment

ブラウザが自動で実施するケース

• GET、POST、HEAD 以外のメソッド（PUT、DELETE など）
• カスタムヘッダーを含む（Authorization、X-Custom-Header など）
• Content-Type が application/json など

実行順序

1. ブラウザがOPTIONSメソッドでプリフライトリクエストを送る
2. サーバーが許可情報（許可するオリジン・メソッド・ヘッダー）を返す
3. ブラウザが許可情報を検証し、本番リクエストが許可されているか判断する

kobitoDevelopment

.toc {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.toc-list {
  scroll-target-group: auto;
}

kobitoDevelopment

クロスサイトコンバージョン計測（img ピクセル方式）

サイトA（送客元）からサイトB（送客先）への遷移を計測する汎用的な手法。 CMS や特定のサービスに依存しない、ピュア HTML + JavaScript で実現できるアプローチ。

---

前提

• サイトA とサイトB は異なるドメインで運用されている

kobitoDevelopment

.container {
  height: 300vh;
}

.ornament-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;

kobitoDevelopment

<?xml version="1.0" encoding="UTF-8"?>
<!--
  参照: https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap?hl=ja

  1ファイルで済むパターン

  制限:
  - 最大 50,000 URL
  - 最大 50MB（非圧縮時）

kobitoDevelopment

.popover-target {
  position: absolute;
  top: anchor(bottom);
  left: anchor(center);
}

kobitoDevelopment

/* @layer宣言の外で記述されているスタイル */
.text {
  color: red !important;
  font-size: 1rem !important;
  text-align: start !important;
  text-decoration: underline double !important;
  margin-top: 400px !important;
}

.text {

kobitoDevelopment

メール認証技術（SPF・DKIM・DMARC）学習メモ

---

1. SPF（Sender Policy Framework）

概要

• 「このドメインからのメールは、これらのIPアドレスから送信される」とDNSで宣言する仕組み
• 受信サーバーが送信元IPをSPFレコードと照合し、正当性を検証する

kobitoDevelopment

.hoge{
  /*ここの詳細度は1*/
}
.hoge.hoge{
  /*ここの詳細度は2*/
}