こんにちは、くまさんです。
妄想癖.xyzへようこそ！ 記念すべき最初の投稿として、このブログをいかにして「爆速」で構築したかをお話しします。
世界最軽量を目指して
ブログは数あれど、とにかく「軽く」「美しく」、そして「自分が書きやすい」ものを徹底的に追求しました。 たどり着いた構成は、以下の通りです。
- Next.js (App Router)
- **Markdown (MDX)**による記事管理
- Cloudflare Pagesによる爆速配信
- Tailwindを捨てた、手書きのVanilla CSS
特にこだわったのは、データベースを排除してすべてをマークダウンファイル（MDX）で管理している点です。管理画面が不要なため、セキュリティリスクも極端に低く、表示スピードも静的ファイル並みの速さを誇ります。
すりガラスのようなデザイン（Glassmorphism）
UI/UXには、動画で映えるようなギミックを取り入れました。 透け感のあるヘッダーと、記事カードにポインターを合わせた時の「ホバーアニメーション」が特徴的です。
.glass {
background: var(--glass-bg);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid var(--glass-border);
}
このCSSだけで、モダンでリッチな手触り感を実現しています。
今後の展望
このブログには、日々のポエムや日記、そしてこうしたガチの開発記録まで、雑多に書き綴っていく予定です。 YouTubeの動画投稿と並行して進めていきますので、ぜひチェックしてくださいね！