Skip to content

執筆活動に Claude Design 自己検証 HTML の記事を追加#20

Merged
Corvus400 merged 2 commits into
mainfrom
feature/add-self-verifying-html-article
Jun 1, 2026
Merged

執筆活動に Claude Design 自己検証 HTML の記事を追加#20
Corvus400 merged 2 commits into
mainfrom
feature/add-self-verifying-html-article

Conversation

@Corvus400

@Corvus400 Corvus400 commented Jun 1, 2026

Copy link
Copy Markdown
Owner

概要

執筆活動 (Outside Activities) の「執筆」セクション先頭に、新しく公開した Zenn 記事を追加します。

変更内容

2 コミット構成です。

1. test: その他活動の崩壊検出を右端リンク列の有無に変更しドリフトを解消

  • これまで footer の Y 座標が固定値未満であること (footerTop < N) で desktop レイアウト崩壊を検出していたが、ページ全体高さを測るため記事を 1 件足すたびに閾値の手動引き上げ (1800 から 2000 等) が必要で、検出対象を記事追加のたびに緩めていた
  • 崩壊の実体 (e9b8963) は desktop で各行が横並びではなく縦積みに崩れること。実測で行高さは 91 から 141px とばらつき高さ閾値では判定不能。横並びのときだけ outside-activity-link-column キーが emit される
  • footer 固定上限を廃止し、links を持つ全エントリで右端リンク列キーの存在と右端揃えを検証する形へ変更。件数非依存で記事追加時の閾値更新が不要に
  • golden 失敗時の test/failures/ を .gitignore に追加

2. 執筆活動に記事を追加

  • SSOT の content/resume/activities.yaml を編集し生成物を再生成
  • 記事追加で desktop の activities ページ見た目が変わるため golden (desktop_activities.png) を再生成

動作確認

  • flutter analyze が警告なし
  • flutter test が成功 (golden 含む全 39 件 All tests passed)
  • dart run tool/generate_resume_content.dart --check が成功
  • 必要に応じて golden を更新 (--update-goldens で desktop_activities.png 再生成)
  • 新テストの red 確認: リンク列キーを存在しない値に変えると崩壊検出として失敗 (素通りテストでないことを実証)

🤖 Generated with Claude Code

Corvus400 and others added 2 commits June 1, 2026 09:23
その他活動ページの UI 契約テストは、これまで footer の Y 座標が固定値
未満であること (footerTop < N) で「desktop でのレイアウト崩壊」を検出して
いた。これはページ全体の高さを測るため、記事を 1 件追加するたびに閾値を
手で引き上げる必要があり (1800→2000→…)、本来検出したい崩壊を記事追加の
たびに緩める運用になっていた。

崩壊の実体は e9b8963 (fix: prevent outside activity layout collapse) の通り
「desktop で各行が横並び (period | body | links 列) ではなく縦積みに崩れる」
こと。実測すると行高さは detail の折り返しや links 数で 91〜141px とばらつき、
高さ閾値では崩壊を判定できない。一方、横並びレイアウトのときだけ
'outside-activity-link-column-<period>-<title>' キーが emit され、縦積みに
崩れるとこのキーは出ない (outside_activities_view.dart)。

そこで footer 位置の固定上限を廃止し、links を持つ全エントリについて
右端リンク列キーが存在し行の右端に揃っていることを検証する形へ変更した。
件数に依存しないため記事を追加しても閾値の更新は不要で、レイアウト分岐
自体が変わったときだけ再検討すればよい。

あわせて golden 失敗時に flutter が吐く test/failures/ を .gitignore に追加。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
activities の執筆セクション先頭に Zenn 記事
「Claude Design が作った HTML に、要件を満たしているか自己検証させる」
(2026.06) を追加。SSOT の activities.yaml を編集し生成物を再生成。
記事 1 件追加で desktop の activities ページ見た目が変わるため
golden (desktop_activities.png) を再生成した。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@Corvus400
Corvus400 merged commit 29d0176 into main Jun 1, 2026
3 checks passed
@Corvus400
Corvus400 deleted the feature/add-self-verifying-html-article branch June 1, 2026 00:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant