Skip to content

feat: スポンサー紹介カードの土台を追加 - #4

Open
UmeboshiAllux wants to merge 13 commits into
mainfrom
feat/sponsors-section
Open

feat: スポンサー紹介カードの土台を追加#4
UmeboshiAllux wants to merge 13 commits into
mainfrom
feat/sponsors-section

Conversation

@UmeboshiAllux

Copy link
Copy Markdown
Contributor

About ページの Our Team の下に Sponsors セクションを追加するための土台です。実データはまだ入れていません。

やっていること

ファイル 内容
src/content/config.ts sponsors コレクションを定義。ロゴは image() でビルド時に検証する
src/components/SponsorCard.astro ロゴ+名前+紹介文のカード。url があるとカード全体がリンクになる
src/content/sponsors/data.yaml 中身は sponsors: [] と記入例のコメントのみ
src/pages/about.astro Our Team の下に Sponsors セクションを追加
README.md 「コンテンツの更新」に追加手順を追記

更新のしかた

  1. ロゴ画像を src/content/sponsors/logos/ に置く
  2. data.yaml に追記する
sponsors:
  - name: 会社・団体名
    logo: ./logos/example.png # 必須
    logo_background: light # 任意。light(既定・白地)/ dark(黒地)/ none
    url: https://example.com/ # 任意。指定するとカード全体がリンクになる
    description: 支援内容や企業紹介。 # 任意

黒背景のサイトにロゴの地色を合わせるため logo_background を用意しています。

表示への影響

sponsors が空のあいだは Sponsors セクションごと表示されません。このままマージしても現行ページの見た目は変わりません。

確認したこと

  • ダミーデータ8件を一時的に入れて astro dev で描画を確認(1列 / sm:2列 / lg:3列の折り返し、リンクあり・なし、logo_background の3パターン)。ダミーはコミットしていません
  • yaml への追記はホットリロードで反映されることを確認
  • bun run build は microCMS の認証情報が必要なため未実行です

残っている検討事項

  • スポンサー専用ページとナビ追加にするか、About 内のセクションのままにするか
  • 「協賛企業 / 物品支援」のような区分が必要なら schema に category を追加する

🤖 Generated with Claude Code

Umeboshi and others added 7 commits August 27, 2026 19:58
About ページの Our Team の下に Sponsors セクションを追加する。
スポンサーは src/content/sponsors/data.yaml で管理し、ロゴ画像を
logos/ に置いて yaml へ追記するだけでカードが増える構成にした。

- sponsors コンテンツコレクションを定義(ロゴは image() で検証)
- SponsorCard.astro を追加(url があるとカード全体がリンクになる)
- sponsors が空のあいだはセクションごと非表示にする
- 追加手順を README と data.yaml のコメントに記載

実データは未投入。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
rocket.astro は volubilis-assemble.jpg / volubilis-launch.jpg を
小文字で import しているが、実ファイル名は先頭大文字だった。
大文字小文字を区別しない Windows では通るが、Linux ランナーでは
"Could not resolve" でビルドが落ちるため、同ディレクトリの他ファイルに
合わせて小文字へ統一する。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
sponsors: [] の角括弧が残ったままエントリが書かれており、
インデントと "- " の空白も無いため YAML として解釈できず、
DataCollectionEntryParseError でビルドが失敗していた。

角括弧を外し、リスト項目として正しいインデントに直した。
値(name / logo / logo_background / url / description)は変更していない。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
空リストを表す [] を残したまま追記すると YAML が壊れてビルドが落ちる。
実際に踏んだので data.yaml のコメントと README に明記した。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@UmeboshiAllux
UmeboshiAllux marked this pull request as ready for review August 27, 2026 11:47
Umeboshi and others added 6 commits August 28, 2026 08:46
スポンサー紹介を About のセクションから独立したページへ移し、
ヘッダーのメニューに章として並べた。

- ヘッダーの navItems に Sponsors を追加(CanSat と News の間)
- src/pages/sponsors.astro を追加。About の Sponsors セクションは削除
- 表示をカードのグリッドから横並びの行へ変更(左右交互にはしない)。
  SponsorCard.astro を廃止し SponsorRow.astro を追加
- data.yaml に message を追加。一覧の下に出す文章(協賛のお願いなど)を
  yaml から編集できるようにした。空のあいだは表示しない
- 名刺の QR から開く想定のリンク集 src/pages/links.astro を追加。
  公式サイト・X・Instagram へ飛べる。メニューには載せていない
- BaseLayout に bare を追加し、リンク集ではヘッダーとフッターを出さない

データは STEP 1 件のままで、実際の協賛企業は未投入。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
見出しと説明文の二段構えをやめ、「STEPが協賛・協力をいただいている
皆様の紹介です。」の一文にした。ページ見出しは Hero の h1 があるため、
見出しの階層が飛ばないよう企業名を h3 から h2 に変更した。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
- 「公式サイト」を「STEP公式サイト」に変更
- X と Instagram のボタンにアカウント名(@Tsukuba_STEP / @tsukuba_step)を
  2 行目として表示
- data.yaml の message に協賛のお願いの仮文面を記入。表示確認用であり、
  本番前に文面を確定させること

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 行目に置くと読みにくかったため、ラベルと同じ行の右端へ寄せた。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
名刺の QR から開いた人が、何も押さずにスクロールするだけで
トップページの内容まで辿り着ける形にした(試行)。

- トップページの紹介セクションを HomeSections.astro に切り出し、
  index.astro とリンク集の両方から使う
- リンク集の 1 画面目の右下に SCROLL の矢印を置き、押すと下へ
  スムーズスクロールする。JS 無しでもアンカーとして機能する
- リンク集の下部にサイト本体の紹介とフッターを表示
- 内容がトップページと重複するため、BaseLayout に canonicalPath を追加し、
  リンク集の正規 URL をトップページに向けた

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
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