Skip to content

お知らせを Jekyll Posts に移行#26

Merged
yasulab merged 3 commits intomainfrom
migrate-microcms-to-jekyll-posts
Jan 27, 2026
Merged

お知らせを Jekyll Posts に移行#26
yasulab merged 3 commits intomainfrom
migrate-microcms-to-jekyll-posts

Conversation

@yasulab
Copy link
Member

@yasulab yasulab commented Jan 27, 2026

概要

お知らせ機能を microCMS から Jekyll 標準の Posts 機能に移行しました。

変更内容

追加

  • _layouts/post.html: お知らせ記事詳細ページのレイアウト
  • _includes/news_card.html: お知らせカード UI のパーシャル
  • _posts/: お知らせ記事(Markdown)
    • 2025-12-28: 公式 WEB サイト公開のお知らせ
    • 2026-01-13: イベント一般参加の申込受付開始のお知らせ
  • img/posts/: サムネイル画像

修正

  • index.md: お知らせセクションを Liquid テンプレートに置き換え(最新3件表示)
  • _pages/news.md: お知らせ一覧を Liquid テンプレートに置き換え

削除

  • microCMS 専用の JavaScript コード(約330行)
  • 不要になった API キー

改善点

  • Jekyll 標準機能のみを使用(外部依存度を下げた)
  • ビルド時に静的 HTML 生成
  • Markdown でシンプルに記事作成・管理

視覚的な確認(左: Before、右: After

トップページ(お知らせセクション)

index.md

お知らせ一覧ページ

/news

お知らせ詳細ページ(1つ目)

/news/website-launched

お知らせ詳細ページ(2つ目)

/news/attendee-registration

今後のお知らせ追加方法

  1. _posts/ に新しい Markdown ファイルを作成
  2. Front Matter を記述
  3. Git コミット・プッシュで自動デプロイ

- _layouts/post.html: お知らせ記事詳細ページのレイアウト
- _includes/news_card.html: お知らせカード UI のパーシャル
- カテゴリーバッジ(お知らせ/重要なお知らせ/募集情報)対応
- サムネイル画像の表示・NO IMAGE フォールバック対応
- 日付フォーマット(YYYY.MM.DD)対応
- 2025-12-28: 公式 WEB サイト公開のお知らせ
- 2026-01-13: イベント一般参加の申込受付開始のお知らせ
- サムネイル画像を /img/posts/ に配置
- permalink で /news/{slug}/ 形式の URL を実現
microCMS から Jekyll 標準の Posts 機能に移行しました。

【変更内容】
- index.md: お知らせセクションを Liquid テンプレートに置き換え(最新3件表示)
- _pages/news.md: お知らせ一覧を Liquid テンプレートに置き換え

【削除】
- microCMS 専用の JavaScript コード(約330行)
- 不要になった API キーを削除

【改善】
- セキュリティ: Jekyll 標準機能のみを使い、外部からのコンテンツ注入を止めた(外部依存度を下げた)
@yasulab yasulab merged commit 7c96cc7 into main Jan 27, 2026
2 checks passed
@yasulab yasulab deleted the migrate-microcms-to-jekyll-posts branch January 27, 2026 03:49
yasulab added a commit that referenced this pull request Jan 27, 2026
サムネイル画像が指定されていないお知らせ記事は、
自動的に /img/cover.jpg が表示されるようになりました。

- _layouts/post.html: デフォルトサムネイルのコードを復活
- _includes/news_card.html: NO IMAGE 表示を削除し、デフォルト画像を使用

Ref: #26
yasulab added a commit that referenced this pull request Jan 27, 2026
記事本文の段落間に適切なスペース(1.5rem)を追加しました。

これにより、段落が詰まって表示される問題が解消され、
読みやすさが向上しました。

Ref: #26
yasulab added a commit that referenced this pull request Jan 27, 2026
記事内の見出し(h2, h3)に適切なスタイルを追加しました。

- h2: 下線付き、サイトのアクセントカラー (#00AFAA) を使用
- h3: シンプルなスタイル
- 適切なマージンとフォントサイズで可読性を向上

Ref: #26
yasulab added a commit that referenced this pull request Jan 27, 2026
- ヘッダーに「お知らせ」リンクを追加(/#news にアンカーリンク)
- NEWS セクションに id="news" を設定
- 「もっと見る」ボタンを一時的にコメントアウト(記事数が少ないため)
- 「開催概要を見る」ボタンを追加(UX 向上)

Ref: #26
yasulab added a commit that referenced this pull request Jan 27, 2026
トップページの全メジャーセクションにアンカーリンク機能を追加しました。

- CATEGORIES, NEWS, SPONSORS, FAQ にそれぞれ id を設定
- 各見出しをアンカーリンク化(URL共有・ブックマーク可能に)
- セクション間のスペーシングを統一(pt-36)
- ヘッダー高を考慮した適切な padding-top に調整

Ref: #26
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