add /newsletter/

src/components/pages/NewsLetter.astro

@@ -0,0 +1,77 @@
+---
+import type { MarkdownInstance } from "astro";
+import type { Lang } from "@components/types";
+import { getISODateString } from "src/util";
+
+interface Frontmatter {
+    title: string;
+    breadcrumb: {
+        title: string;
+    };
+}
+
+export interface Props {
+    mailLang?: Lang;
+    displayLang?: Lang;
+}
+
+const { mailLang = "ja", displayLang = "ja" } = Astro.props;
+
+const allArchives = {
+    ja: Object.values(
+        import.meta.glob<MarkdownInstance<Frontmatter>>("/src/pages/newsletter/archives/*/index.md", { eager: true }),
+    ),
+    en: Object.values(
+        import.meta.glob<MarkdownInstance<Frontmatter>>("/src/pages/en/newsletter/archives/*/index.md", {
+            eager: true,
+        }),
+    ),
+};
+
+const archives = allArchives[mailLang];
+
+const items = archives
+    .map((archive) => {
+        const dirName = archive.file.split("/").at(-2)!;
+        // ディレクトリ名からYYYYMMDD部分を抽出して日付に変換
+        const dateMatch = dirName.match(/^(\d{4})(\d{2})(\d{2})/);
+        const date = dateMatch ? new Date(`${dateMatch[1]}-${dateMatch[2]}-${dateMatch[3]}`) : new Date(0);
+        return {
+            date,
+            title: archive.frontmatter.breadcrumb.title,
+            url: archive.url!,
+        };
+    })
+    .sort((a, b) => b.date.getTime() - a.date.getTime());
+
+const itemsByYear = Map.groupBy(items, ({ date }) => date.getFullYear());
+---
+
+{
+    [...itemsByYear.entries()].map(([year, yearItems]) => (
+        <>
+            <h2>{displayLang === "en" ? year : `${year}年`}</h2>
+            <ul class="date_list">
+                {yearItems.map(({ date, title, url }) => (
+                    <li>
+                        <span class="date">{getISODateString(date)}</span>
+                        <span class="title">
+                            <a href={url}>{title}</a>
+                        </span>
+                    </li>
+                ))}
+            </ul>
+        </>
+    ))
+}
+
+<style lang="scss">
+    @use "@styles/color";
+
+    .date {
+        display: inline-block;
+        width: 6rem;
+        color: color.$heading-color;
+        margin-right: 5px;
+    }
+</style>

src/data/notice.yml

@@ -20,6 +20,12 @@
 # - 既存のお知らせを編集する場合，以下にご注意ください．
 #   - お知らせを編集しても，Twitterに投稿した内容には反映されません．
 #   - 「一番上のお知らせのタイトル，リンク，日付のうち，2個以上を編集」すると，再投稿されます．したがって，一番上のお知らせを編集する場合は1項目までの変更とし，2個以上の項目を編集する必要がある場合には，Slackでご相談ください．
+-
+  date: 2026-04-13
+  content:
+    ja: "[uteleconメールマガジンの配信を開始します](/notice/2026/0413-newsletter/)"
+    en: "[Launch of the utelecon Newsletter (uteleconメールマガジン) — Available in Japanese](/en/notice/2026/0413-newsletter/)"
+  important: true
 -
  date: 2026-04-01
  content:

src/pages/en/notice/2026/0413-newsletter.mdx

@@ -0,0 +1,21 @@
+---
+title: Launch of the utelecon Newsletter (uteleconメールマガジン) — Available in Japanese
+---
+
+<div style="text-align: right;">April 13, 2026</div>
+
+The utelecon portal site has been expanding its channels for sharing the latest information, including an RSS feed and social media (X, formerly Twitter). We are now also launching the utelecon Newsletter (uteleconメールマガジン).
+
+<b class="box center">
+       [utelecon Newsletter (only in Japanese)](/newsletter/)
+</b>
+
+Edited by student supporters of the utelecon project, the newsletter delivers updates from the utelecon portal site and announcements of various events approximately once a month. Distribution will begin in late April.
+
+**Please note that the newsletter is currently available only in Japanese**. For information in English, please follow our official X account:
+
+- [utelecon | UTokyo (posts in English)](https://x.com/utelecon_pr_en)
+- [utelecon | 東京大学 (posts in Japanese)](https://x.com/utelecon_pr)
+
+If you have any questions or feedback, please contact us via the support email form.
+

src/pages/newsletter/archives/index.mdx

@@ -0,0 +1,9 @@
+---
+title: uteleconメールマガジン バックナンバー
+breadcrumb:
+  title: バックナンバー
+---
+
+import NewsLetter from "@components/pages/NewsLetter.astro";
+
+<NewsLetter />

src/pages/newsletter/index.mdx

@@ -0,0 +1,42 @@
+---
+title: uteleconメールマガジン
+breadcrumb:
+  title: uteleconメールマガジン
+---
+
+## uteleconメールマガジンとは
+
+uteleconメールマガジンは，東京大学にご所属の方向けにuteleconポータルサイトの更新情報や各種イベントのご案内など，東京大学の情報システムに関する情報をお届けするメールマガジンです．
+原則として**月1回**配信予定です．
+
+これまでのuteleconメールマガジンは[バックナンバー](./archives/)からご覧いただけます．
+
+<b class="box center">
+       [uteleconメールマガジン バックナンバー](./archives/)
+</b>
+
+## 登録申し込み
+
+メールマガジンへの登録をご希望の方は下記のフォームよりお申し込みください．
+
+<b class="box center">
+       [登録申し込みフォーム](https://forms.gle/hgXGfCgjkBrchYP17)
+</b>
+
+登録は東京大学にご所属の方限定とさせていただきます．東京大学にご所属でない方は，uteleconポータルサイト上に同じ内容を掲載しておりますので，そちらをご覧ください．
+
+手続きは手動で行っておりますので，お申し込みのタイミングによっては完了まで時間がかかる場合がございます．あらかじめご了承ください．
+
+## 配信停止
+
+メールマガジンの配信停止をご希望の方は下記のフォームよりお申し込みください．
+
+<b class="box center">
+       [配信停止フォーム](https://forms.gle/m8KybHDiiLmPmQbp6)
+</b>
+
+手続きは手動で行っておりますので，お申し込みのタイミングによっては完了まで時間がかかる場合がございます．あらかじめご了承ください．
+
+## 配信先メールアドレスの変更
+
+配信先メールアドレスの変更をご希望の方は，お手数をおかけしますが元のメールアドレスで配信停止のお申し込みをいただいたあと，新たに配信を希望されるメールアドレスで登録の申し込みをお願いいたします．

src/pages/notice/2026/0413-newsletter.mdx

@@ -0,0 +1,58 @@
+---
+title: uteleconメールマガジンの配信を開始します
+---
+
+<div style="text-align: right;">2026年4月13日</div>
+
+uteleconポータルサイトでは，RSSフィードやSNS（X；旧Twitter）での情報発信など，最新情報へのアクセス手段を順次拡充してきました．このたび新たに，「uteleconメールマガジン」の配信を開始しますのでお知らせします．
+
+<b class="box center">
+       [uteleconメールマガジン](/newsletter/)
+</b>
+
+## メールマガジンの内容
+
+メールマガジンでは，uteleconポータルサイトの更新情報や各種イベントのご案内を，uteleconプロジェクトの学生サポーターが編集してお届けします．原則として月1回の配信を予定しています．
+
+また将来的には，uteleconポータルサイトの情報を日常の業務や学生生活に役立てていただくためのヒントなども掲載していくことを構想しています．
+
+## 登録のお申し込み
+
+メールマガジンの配信は4月下旬より開始します．登録をご希望の方は，下記のフォームよりお申し込みください．
+
+<b class="box center">
+       [登録申し込みフォーム](https://forms.gle/hgXGfCgjkBrchYP17)
+</b>
+
+購読は東京大学にご所属の方（学生および教職員）を対象としています．東京大学にご所属でない方は，メールの配信と同時にuteleconポータルサイト上にも同じ内容を掲載する予定ですので，そちらをご覧ください．
+
+なお，メールマガジンは配信専用のアドレスから送信するため，メールへの返信によるお問い合わせにはお答えいたしかねます．メールマガジンに関するご質問やご意見がございましたら，[サポート窓口のメールフォーム](/support/#email-form)よりご連絡ください．
+
+## メールマガジンを始める背景
+
+uteleconでは，ポータルサイトへの掲載を基本としつつ，RSSやSNSを通じた情報発信を行ってきました．一方で，これらの仕組みは利用者自身がRSSリーダーを導入したりSNSアカウントをフォローしたりする必要があり，普段これらのツールを使わない方には情報が届きにくいという課題がありました．メールマガジンは，登録するだけで定期的に情報が届くため，より幅広い構成員の皆さまに情報をお届けする手段として導入するものです．
+
+## 既存の情報発信手段との違い
+
+uteleconでは，メールマガジンのほかにも以下の手段で情報を発信しています（詳しくはお知らせ[「最新情報をRSSとSNS（X；旧Twitter）で便利に受け取れるようになりました」](/notice/2024/1227-rss-sns)をご覧ください）．目的に応じて使い分けてご利用ください．
+
+### RSSフィード
+
+「お知らせ」欄の新着情報をリアルタイムに配信します．RSSリーダーを日常的に利用されている方に適しています．詳しくは[RSSの説明ページ](/notice/rss/)をご覧ください．
+
+### X（旧Twitter）公式アカウント
+
+「お知らせ」欄の内容に加え，新着記事の紹介や時期に応じたご案内などを随時発信します．タイムリーに情報を受け取りたい方に適しています．詳しくは[uteleconのソーシャルメディアポリシー](/docs/sns-policy/)をご覧ください．
+
+- [utelecon | 東京大学（日本語での投稿）](https://x.com/utelecon_pr)
+- [utelecon | UTokyo（英語での投稿）](https://x.com/utelecon_pr_en)
+
+### 「システムの障害・メンテナンス情報」メール配信
+
+障害・メンテナンス情報に特化したメール配信です．Googleグループ経由でECCSクラウドメールに通知を受け取れます．メールを受け取ることを希望する方は，ECCSクラウドメールにログインした上で[「システムの障害・メンテナンス情報」グループのページ](https://groups.google.com/a/g.ecc.u-tokyo.ac.jp/g/service-status-group)にアクセスし，上部の「グループに参加」ボタンを押して登録してください．
+
+メールマガジンは，これらの手段と異なり，一定期間の情報をまとめてお届けする形式です．個々の更新を逐一追わなくても，月に一度の配信で主要な情報を概観できるという利点があります．
+
+ただし，メールマガジンは月1回の定期配信のため，緊急の障害情報や急を要するお知らせをリアルタイムにお届けすることには適していません．速報性の高い情報を確実に受け取りたい場合は，ほかの情報発信手段もあわせてご利用ください．
+
+ぜひuteleconメールマガジンをご活用ください．