Blog·稼働中·2022-11: 進行中
BBlog
個人ブログ
記事と Log を表現できるサイトです。 メインページでは Notice と最新 Article を表示し、Article list ではタグフィルタと検索を、Log ではタイムラインで記録を表示します。
技術スタック
制作の動機
velog · tistory · medium といったプラットフォームもありますが、試したい技術を自由に適用できる場が必要でした。
コメント
4年間スタックを変え続けた痕跡がブランチにそのまま残っているブログです。 長期運用とレガシーマイグレーションを継続しており、現在は Vercel + 別バックエンドの構成でサイトを運営しています。
主な特徴
- 01Article: マークダウンベースの長文 (MDX + remark/rehype レンダリング)
- 02Notice: メインページに公知 + 最新 Article を自動表示
- 03Article list: タグ別フィルタリング + キーワード検索 (タイトル / 本文)
- 04Log ページ: 短文タイムライン
- 05コメント / カテゴリ / 画像添付 (自前イメージサーバ経由)
- 06管理画面ダッシュボード: 統計 / モデレーション / 記事ステータス管理
- 07Vue → Svelte → Next.js へ 4 年間スタック移行
- 08AWS Cognito → NextAuth → better-auth と認証を進化
- 09AWS Lightsail 自前運用 → Vercel + 別 BE (b-hub) に分離 (セキュリティ責任の分離)
- 10Tailwind v3 → v4 マイグレーションでデザインシステム全体を手動再構成
備考
- ·Notice は別カテゴリとしてメイン上部に常時固定表示
- ·Log は時系列タイムラインで表示
- ·scrollbar-toc · kataru のエディタ / マークダウンモジュールがこのブログへ移植されています