2025 review

app/blog/[slug]/page.tsx

@@ -64,7 +64,9 @@ export default async function BlogPostPage({
 					<h1 className="text-3xl font-semibold tracking-tight">
 						{frontmatter.title}
 					</h1>
-					<p className="text-sm text-neutral-600">{frontmatter.description}</p>
+					<p className="text-sm text-neutral-600 dark:text-muted-foreground">
+						{frontmatter.description}
+					</p>
 					<div className="flex flex-wrap items-center gap-2 text-xs text-neutral-500">
 						<time dateTime={frontmatter.date}>{frontmatter.date}</time>
 						{frontmatter.tags?.length ? (

app/blog/page.tsx

@@ -15,7 +15,7 @@ export default async function BlogIndexPage() {
 		<main className="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-8 p-6 sm:p-12">
 			<header className="space-y-2">
 				<h1 className="text-3xl font-semibold tracking-tight">Blog</h1>
-				<p className="text-sm text-neutral-600">
+				<p className="text-sm text-neutral-600 dark:text-muted-foreground">
 					Thoughts, notes, and experiments.
 				</p>
 			</header>
@@ -31,7 +31,7 @@ export default async function BlogIndexPage() {
 								<h2 className="text-xl font-semibold tracking-tight group-hover:underline">
 									{post.frontmatter.title}
 								</h2>
-								<p className="text-sm text-neutral-600">
+								<p className="text-sm text-neutral-600 dark:text-muted-foreground">
 									{post.frontmatter.description}
 								</p>
 								<div className="flex flex-wrap items-center gap-2 text-xs text-neutral-500">

app/globals.css

@@ -36,33 +36,33 @@
 	}
 
 	.dark {
-		--background: 222.2 84% 4.9%;
-		--foreground: 210 40% 98%;
+		--background: 222 20% 11%;
+		--foreground: 210 20% 92%;
 
-		--card: 222.2 84% 4.9%;
-		--card-foreground: 210 40% 98%;
+		--card: 222 20% 13%;
+		--card-foreground: 210 20% 92%;
 
-		--popover: 222.2 84% 4.9%;
-		--popover-foreground: 210 40% 98%;
+		--popover: 222 20% 13%;
+		--popover-foreground: 210 20% 92%;
 
-		--primary: 210 40% 98%;
-		--primary-foreground: 222.2 47.4% 11.2%;
+		--primary: 210 30% 90%;
+		--primary-foreground: 222 20% 16%;
 
-		--secondary: 217.2 32.6% 17.5%;
-		--secondary-foreground: 210 40% 98%;
+		--secondary: 220 18% 20%;
+		--secondary-foreground: 210 20% 90%;
 
-		--muted: 217.2 32.6% 17.5%;
-		--muted-foreground: 215 20.2% 65.1%;
+		--muted: 220 16% 18%;
+		--muted-foreground: 215 14% 72%;
 
-		--accent: 217.2 32.6% 17.5%;
-		--accent-foreground: 210 40% 98%;
+		--accent: 220 18% 22%;
+		--accent-foreground: 210 20% 90%;
 
-		--destructive: 0 62.8% 30.6%;
-		--destructive-foreground: 210 40% 98%;
+		--destructive: 0 58% 38%;
+		--destructive-foreground: 210 20% 92%;
 
-		--border: 217.2 32.6% 17.5%;
-		--input: 217.2 32.6% 17.5%;
-		--ring: 212.7 26.8% 83.9%;
+		--border: 220 15% 24%;
+		--input: 220 15% 24%;
+		--ring: 215 18% 70%;
 	}
 }
 
@@ -74,3 +74,27 @@
 		@apply bg-background text-foreground;
 	}
 }
+
+@layer components {
+	section[data-footnotes] {
+		font-size: 0.875rem;
+		line-height: 1.6;
+	}
+
+	section[data-footnotes] ol {
+		list-style: decimal;
+		padding-left: 1.5rem;
+	}
+
+	section[data-footnotes] li {
+		margin-top: 0.5rem;
+	}
+
+	section[data-footnotes] li::marker {
+		color: hsl(var(--muted-foreground));
+	}
+
+	section[data-footnotes] p {
+		display: inline;
+	}
+}

content/blog/2025-review.mdx

@@ -0,0 +1,45 @@
+---
+title: "2025年の振り返り"
+description: "社会人2年目"
+date: "2026-02-11"
+tags: ["2025", "振り返り"]
+status: "published"
+---
+
+年末年始ドタバタしていたのもあり、  
+書けていなかったのでこのタイミングだが2025年を振り返る。
+
+# 仕事
+新卒2年目の年。あっという間なもので、2022年の冬に今の会社でインターンを始めてから、気がつけば3年が経つ。
+年の頭から明確にチームを率いるポジションにアサインされ、四苦八苦しながらも進めてきた。メンバーにも恵まれて感謝の日々である。
+
+上半期には社内で[RubyKaigi 2025](https://rubykaigi.org/2025/)に向けたBootcampを主催した。登壇者を社内で募りながら企画を行い、自分はCRubyそのものの全体像の話と、YARVの話だったりYJITの話をした。「Rubykaigi参加する前にこれなかったらやばかったですよ」と、参加者からも比較的好評だったようで、改めてやって良かったなと思う。(今年も下の代が引き継いでBootcampを開催するようで、とても楽しみである。)[^1]
+
+自身の担当領域的なところでいくと、ここ2年くらいはWebだけでなくモバイルアプリの開発にも携わっている。お世話になった前任の方が退職されたので（この方には入社時から本当にお世話になり、感謝してもしきれない）、年の半ばごろからはモバイルアプリチームのリードもすることになった。元々持っていたWeb側のチームと合わせて実質2チームを引っ張る形だったので、ハードではあったが大きなトラブルもなく進められたのはよかった。
+
+年末には育休を取得してお休みをいただいた。幸いなことに社内のサポートも手厚く、初めてで不慣れな中でも相談に乗ってくれた社長やマネージャー陣・バックオフィスの方々には感謝しかない。チームメンバーにも不在の間迷惑をかけたと思う。改めてサポートしていただいたみなさん、本当にありがとうございました。
+
+
+# 私生活
+## 子育て
+秋に子供が生まれた。まず何よりも、辛い妊娠期間や出産を乗り越えてくれた奥さんには頭が上がらない。本当にありがとう。幸いなことに出産の場に立ち会えて、我が子の誕生をこの目で見られたのはグッとくるものがあった（妻によるとしっかり泣いていたらしい）。
+
+
+ドタバタした生活ではあるが、仕事もしばらくはフルリモートにしてちょっとずつルーティーンが固まってきてはいる。毎日の沐浴だったりミルク・おむつ替えなどを通じて子供の成長を見られるのが、日々の生き甲斐であり楽しみでもある。
+結婚した時も感じたことではあるが、守るべきかけがえのない存在がいるということを改めて実感しながら、過ぎ去る時間もこれからの時間も大切に生きてきたい。
+
+## OSS
+業務に関連するものではあるが、[Flutter](https://flutter.dev/)公式ルーティングパッケージである[go_router](https://pub.dev/packages/go_router)のディープリンクまわりでトラブルを引いたので、パッチを送ったところ、スッと取り込んでもらえた。Androidのコールドスタート時にのみ起こるニッチなものの、直せたのは良かった。
+
+
+[[go_router] Fix Android Cold Start deep link with empty path losing scheme and authority.](https://github.com/flutter/packages/pull/9868)
+
+ルーティングのデファクト的な立ち位置でもあり、そこそこ利用者の多いパッケージではあるので、自分の修正が[リリースノート](https://pub.dev/packages/go_router/changelog)に載った時は流石に嬉しかった。
+
+# 2026年にむけて
+3年目も引き続き精進する。子育ても全力で頑張る。OSSも頑張りたい。
+
+
+---
+
+[^1]: RubyKaigiも落ち着いたらまた参加したい

mdx-components.tsx

@@ -6,7 +6,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
 		a: ({ className, ...props }) => (
 			<a
 				className={cn(
-					"text-blue-600 underline underline-offset-4 hover:text-blue-700",
+					"text-blue-600 underline underline-offset-4 hover:text-blue-700 dark:text-sky-300 dark:hover:text-sky-200",
 					className,
 				)}
 				{...props}

next.config.mjs

@@ -10,6 +10,7 @@ const withMDX = createMDX({
 	extension: /\.(md|mdx)$/,
 	options: {
 		remarkPlugins: [
+			"remark-gfm",
 			"remark-frontmatter",
 			["remark-mdx-frontmatter", { name: "frontmatter" }],
 		],

package.json

@@ -27,6 +27,7 @@
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
 		"remark-frontmatter": "^5.0.0",
+		"remark-gfm": "^4.0.1",
 		"remark-mdx-frontmatter": "^5.2.0",
 		"tailwind-merge": "^2.6.1",
 		"tailwindcss-animate": "^1.0.7",