update contributions

src/content/config.ts

@@ -21,6 +21,7 @@ const contributions = defineCollection({
       pubDate: z.date(),
       link: z.string().url(),
       channel: z.string(),
+      channelDetail: z.string().optional(),
       description: z.string().optional(),
     }),
 });

src/content/contributions/2018-10-26-shiftbrain-in-page-links-and-click-event.yml

@@ -1,4 +1,5 @@
 title: 'ページ内リンクの実装から考える、a要素のclickイベントとその振る舞い'
 pubDate: 2018-10-26
 link: 'https://standard.shiftbrain.com/blog/default-action-for-click-event-of-a-element'
-channel: 'ウェブ（シフトブレイン／スタンダードデザインユニット）'
+channel: 'ウェブ'
+channelDetail: 'シフトブレイン／スタンダードデザインユニット'

src/content/contributions/2019-02-18-shiftbrain-interface.yml

@@ -1,4 +1,5 @@
 title: 'ユーザー自身の道具になるためのインターフェイス'
 pubDate: 2019-02-18
 link: 'https://yuheiy.github.io/interface-to-become-your-own-tool/'
-channel: '登壇（社内）'
+channel: '登壇'
+channelDetail: '社内発表'

src/content/contributions/2019-03-08-html-for-creators.yml

@@ -1,4 +1,5 @@
 title: '制作者のためのHTML'
 pubDate: 2019-03-08
 link: 'https://yuheiy.github.io/html-for-creators/'
-channel: '登壇（<a href="https://ca11y.connpass.com/event/120003/">CA11Y #1 〜アクセシビリティはじめて物語〜</a>）'
+channel: '登壇'
+channelDetail: '<a href="https://ca11y.connpass.com/event/120003/">CA11Y #1 〜アクセシビリティはじめて物語〜</a>'

src/content/contributions/2019-04-29-shiftbrain-mix-blend-mode.yml

@@ -1,4 +1,5 @@
 title: 'mix-blend-modeとスタックコンテキスト'
 pubDate: 2019-04-29
 link: 'https://standard.shiftbrain.com/blog/mix-blend-mode-and-stacking-context'
-channel: 'ウェブ（シフトブレイン／スタンダードデザインユニット）'
+channel: 'ウェブ'
+channelDetail: 'シフトブレイン／スタンダードデザインユニット'

src/content/contributions/2019-08-26-shiftbrain-responsive-design.yml

@@ -1,4 +1,5 @@
 title: 'レスポンシブデザインに見るデザインカンプと実装との溝'
 pubDate: 2019-08-26
 link: 'https://standard.shiftbrain.com/blog/the-gap-between-design-and-implementation-in-responsive-design'
-channel: 'ウェブ（シフトブレイン／スタンダードデザインユニット）'
+channel: 'ウェブ'
+channelDetail: 'シフトブレイン／スタンダードデザインユニット'

src/content/contributions/2019-09-10-meanings-of-the-alternative.yml

@@ -1,4 +1,5 @@
 title: '「代替」の意味を探して'
 pubDate: 2019-09-10
 link: 'https://yuheiy.github.io/meanings-of-the-alternative/'
-channel: '登壇（社内）'
+channel: '登壇'
+channelDetail: '社内発表'

src/content/contributions/2019-12-16-shiftbrain-layout-primitives.yml

@@ -1,4 +1,5 @@
 title: 'レイアウトプリミティブ'
 pubDate: 2019-12-16
 link: 'https://standard.shiftbrain.com/blog/layout-primitives'
-channel: 登壇（<a href="https://dist.connpass.com/event/155593/">DIST.30「一歩差がつくCSSテクニック」</a>）
+channel: '登壇'
+channelDetail: '<a href="https://dist.connpass.com/event/155593/">DIST.30「一歩差がつくCSSテクニック」</a>'

src/content/contributions/2020-06-30-shiftbrain-inert-attribute.yml

@@ -1,4 +1,5 @@
 title: 'UIにおける見えるけど利用できない非活性な領域の実装とinert属性について'
 pubDate: 2020-06-30
 link: 'https://standard.shiftbrain.com/blog/unavailable-inert-regions-and-inert-attribute'
-channel: 'ウェブ（シフトブレイン／スタンダードデザインユニット）'
+channel: 'ウェブ'
+channelDetail: 'シフトブレイン／スタンダードデザインユニット'

src/content/contributions/2020-07-09-codegrid-tailwindcss.yml

@@ -1,4 +1,5 @@
 title: 'Tailwind CSSの設計思想を業務に活かす'
 pubDate: 2020-07-09
 link: 'https://www.codegrid.net/series/2020-tailwind-talk'
-channel: 'ウェブ（CodeGrid）'
+channel: 'ウェブ'
+channelDetail: 'CodeGrid'

src/content/contributions/2021-12-16-codegrid-everylayout.yml

@@ -1,4 +1,5 @@
 title: '「Every Layout」をめぐる座談会'
 pubDate: 2021-12-16
 link: 'https://www.codegrid.net/series/2021-talk-about-every-layout'
-channel: 'ウェブ（CodeGrid）'
+channel: 'ウェブ'
+channelDetail: 'CodeGrid'

src/content/contributions/2021-12-27-shiftbrain-everylayout.yml

@@ -1,4 +1,5 @@
 title: '『Every Layout』に到った背景と思想についての私の解釈'
 pubDate: 2021-12-27
 link: 'https://note.com/shiftbrain/n/n0a01726673e0'
-channel: 'ウェブ（SHIFTBRAIN note）'
+channel: 'ウェブ'
+channelDetail: 'SHIFTBRAIN note'

src/content/contributions/2022-05-27-body-typography.yml

@@ -1,4 +1,5 @@
 title: '本文のタイポグラフィとCSS'
 pubDate: 2022-05-27
 link: 'https://paper.dropbox.com/doc/CSS-wPD007Sd9dSeEDLP78jri'
-channel: '登壇（社内）'
+channel: '登壇'
+channelDetail: '社内発表'

src/content/contributions/2023-02-24-webdbpress-tailwindcss.yml

@@ -1,4 +1,5 @@
 title: 'Tailwind CSS実践入門——まず作ってから、あとで共通化する'
 pubDate: 2023-02-24
 link: 'https://gihyo.jp/magazine/wdpress/archive/2023/vol133'
-channel: '雑誌（WEB+DB PRESS）'
+channel: '雑誌'
+channelDetail: 'WEB+DB PRESS Vol.133'

src/content/contributions/2023-07-24-gihyojp-tailwindcss.yml

@@ -1,4 +1,5 @@
 title: 'Tailwind CSS実践入門——まず作ってから、あとで共通化する'
 pubDate: 2023-07-24
 link: 'https://gihyo.jp/list/group/Tailwind-CSS%E5%AE%9F%E8%B7%B5%E5%85%A5%E9%96%80-%EF%BD%9E%E3%81%BE%E3%81%9A%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%8B%E3%82%89-%E3%81%82%E3%81%A8%E3%81%A7%E5%85%B1%E9%80%9A%E5%8C%96%E3%81%99%E3%82%8B'
-channel: 'ウェブ（gihyo.jp）'
+channel: 'ウェブ'
+channelDetail: 'gihyo.jp'

src/content/contributions/2023-11-02-cssnite-link-in-link.yml

@@ -1,4 +1,5 @@
 title: '「リンクの中にあるリンク」「ボタンの中にあるボタン」を正しく実装する'
 pubDate: 2023-11-02
 link: 'https://cssnite.doorkeeper.jp/events/163736'
-channel: '登壇（CSS Nite「#朝までマークアップ」）'
+channel: '登壇'
+channelDetail: 'CSS Nite「#朝までマークアップ」'

src/content/contributions/2023-12-16-next-web-conf.yml

@@ -1,4 +1,5 @@
 title: '次世代Webカンファレンス 2023: CSS Session'
 pubDate: 2023-12-16
 link: 'https://nextwebconf.connpass.com/event/300174/'
-channel: '登壇（次世代Webカンファレンス）'
+channel: '登壇'
+channelDetail: '次世代Webカンファレンス 2023'

src/content/contributions/2024-08-05-analyze-internal-ui-library-usage.yml

@@ -1,4 +1,5 @@
 title: 'ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する'
 pubDate: 2024-08-05
 link: 'https://tech.plaid.co.jp/analyze-internal-ui-library-usage'
-channel: 'ウェブ（PLAID Engineer Blog）'
+channel: 'ウェブ'
+channelDetail: 'PLAID Engineer Blog'

src/content/contributions/2024-11-06-no-npm-packages.yml

@@ -1,4 +1,5 @@
 title: 'npmパッケージじゃない仕組みで共有ライブラリを管理する'
 pubDate: 2024-11-06
 link: 'https://plaidtech.connpass.com/event/328629/'
-channel: '登壇（Webフロントエンドを軸に、幅を広げたエンジニアたちの仕事）'
+channel: '登壇'
+channelDetail: 'Webフロントエンドを軸に、幅を広げたエンジニアたちの仕事'

src/pages/contributions.astro

@@ -13,7 +13,10 @@ const items = (await getCollection('contributions'))
   .map((entry) => ({
     title: entry.data.title,
     link: entry.data.link,
-    meta: `${renderDateToHtml(entry.data.pubDate)} · ${entry.data.channel}`,
+    meta: [
+      renderDateToHtml(entry.data.pubDate),
+      `${entry.data.channel}${entry.data.channelDetail ? `（${entry.data.channelDetail}）` : ''}`,
+    ].join(' · '),
     description: entry.data.description,
   }));
 ---

src/pages/index.astro

@@ -24,7 +24,7 @@ function toPrimaryItem(entry: CollectionEntry<'blog' | 'contributions'>): Detail
       return {
         title: entry.data.title,
         link: entry.data.link,
-        meta: entry.data.channel,
+        meta: entry.data.channelDetail ?? entry.data.channel,
       };
 
     default: