SCOA対策 UI-0 シェル + ピラー記事 プレビュー回覧

2026-07-15 | branch: feat/scoa-preview(feat/scoa-lp-ui0 + feat/scoa-toha-article の合流・ローカルビルド撮影)(7/15夜更新: 本番同等ヘッダー+記事内CTA+ホットフィックス反映済み)

未公開・noindex 開始導線なし(UI-0仕様) build PASS / テスト全緑

1. SCOA専用LP `/scoa/`

1ページ1メッセージ=「SCOAは一つではない。受ける形式から選ぶ」。5形式カードはカタログ駆動・状態ラベルのみでクリック可能な偽ボタンなし。

モバイル 390px(全画面)
SCOA LP モバイル表示
デスクトップ 1280px(全画面)
SCOA LP デスクトップ表示

2. 受験モード選択 `/scoa/exam/`

形式→モード→確認の3段選択。利用可否は「availability=available」+「releaseReadyプロフィール実在」の二重ゲートで、URL改ざんでは開始不可。UI-0では全形式が準備中表示。

モバイル 390px
SCOA受験モード選択 モバイル表示
デスクトップ 1280px
SCOA受験モード選択 デスクトップ表示

3. ピラー記事 `/articles/scoa-toha/`(2万字・図解7点)

主KW「SCOAとは」(月4,400)。ファクトチェックBLOCKER 0(NOMA公式+自治体4例を実取得照合)。図解はEducareブランド準拠SVG。デプロイ依頼書提出済(委員会prod-deployゲート経由)。

モバイル 390px
SCOAとは記事 モバイル表示
デスクトップ 1280px
SCOAとは記事 デスクトップ表示

確認してほしい点(敏向け・3つだけ)

QA証跡: selectorユニットテスト/既存spiテスト/npm run build 全PASS実測・noindexをbuilt HTMLで確認・非提携注記3箇所(法人名=株式会社日本経営協会総合研究所)・コンソールエラーはlocalhost AdSense 403のみ(本番非該当)