Portfolio
← 記事一覧に戻る

Hello World - ブログ始めました

ポートフォリオサイトにブログ機能を追加しました。技術記事やメモを投稿していきます。

Next.jsブログMarkdown

はじめに

ポートフォリオサイトにブログ機能を追加しました。このブログでは、Web開発に関する技術記事や学んだことをメモとして残していきます。

技術スタック

このブログは以下の技術で構築されています：

  • Next.js 16 — App Router によるファイルベースルーティング
  • Tailwind CSS v4 — ユーティリティファーストなスタイリング
  • Markdown — gray-matter + unified でパース
  • rehype-pretty-code — Shiki によるシンタックスハイライト

コードハイライトのデモ

TypeScript のコード例：

interface User {
  name: string;
  email: string;
  age: number;
}
 
function greet(user: User): string {
  return `Hello, ${user.name}! Welcome to our site.`;
}
 
const user: User = {
  name: "Taro",
  email: "taro@example.com",
  age: 25,
};
 
console.log(greet(user));

リスト表記

GFM (GitHub Flavored Markdown) にも対応しています：

  • Markdown パーサーの実装
  • コードハイライトの設定
  • ブログ一覧ページ
  • タグフィルタリング
  • RSS フィード

まとめ

今後もコンテンツを充実させていきますので、よろしくお願いします！