A JOURNAL OF SOFTWARE PRACTICE

Mosslog

TAG · 5 ENTRIES

#Next.js

  • 01 · 2026.04.29
    ブログサイト作ってみた(課題・解決編)

    Mosslog 構築中に実際に遭遇した6つの課題(① App Router の Server/Client Components 使い分け、② Edge Runtime での Node.js API 非互換、③ D1 のクエリ最適化、④ Markdown のXSS対策、⑤ 画像アップロード、⑥ JWT認証)について

    その他
  • 02 · 2026.04.29
    ブログサイト作ってみた(技術選定編)

    Next.js 15(App Router / RSC / SSR)・Tailwind CSS・Cloudflare Workers/D1/R2・Cloudflare Access + JWT・OpenNext デプロイ・Biome / Vitest / Playwright という技術スタックについて、それぞれ採用理由と他選択肢(Remix・Astro・SvelteKit / CSS Modules・styled-components / PostgreSQL・MySQL

    その他
  • 03 · 2026.04.29
    ブログサイト作ってみた(機能実装編)

    ブログ構築記シリーズの機能実装編。マークダウンエディタ・記事管理(CRUD)・検索/フィルタリング・画像アップロードの4機能について、技術詳細よりも「なぜその設計にしたか」を軸にまとめた内容。unifiedプラグインチェーンでのMarkdown処理(とサニタイズ順序)、Edge Runtime対応のための Hono採用、URLクエリでの検索状態管理、Cloudflare R2 + Presigned URL での直接アップロード方式など、設計上のトレードオフが各セクションで語

    その他
  • 04 · 2026.04.29
    ブログサイト作ってみた(構想編)

    テックブログをどう作ったかの全体像紹介記事。シリーズ全4回のうちの第1弾という位置づけで、今回は技術的な深掘りはせず、「最低限の機能から小さく始める」という方針のもと、v1.0.0(記事執筆/管理画面/タグ・検索/レスポンシブ)を約2週間で構築した流れと、v1.1.0でのセキュリティ・テスト・CI/CD強化までを俯瞰でまとめた内容。

    その他
  • 05 · 2026.04.29
    テックブログサイトをつくりました

    個人テックブログを始めました📝 日々のキャッチアップや学習ログ、実装でハマったところ、設計の試行錯誤などを残していく場所にしていきます。 初回はブログを作った目的について書きました。

    その他