NOA-NOTES 開発日誌

このサイト（NOA-NOTES）の設計・改修を記録する日誌。変更の「何を」より「なぜ」を優先して書く。

2026.04 — Hero と Navbar の再設計

Hero コピーの削除

「夢想、設計、実装、発信。」を削除した。サイト自体が証明することを言語化しているだけで、何も付け加えていなかった。「— Personal Portfolio —」もタイトル直下に移動。 "NOA-NOTES = Personal Portfolio" という読み順が自然になった。

Navbar のブレークポイント変更

sm（640px）から min-[900px] へ変更。日本語 5 項目の実際の幅を考慮すると、640px ではナビが視覚的に破綻していた。 900px 未満でハンバーガーメニューに切り替わるようになった。

区切り線の削除

ナビと検索ボタンの間にあった ｜ を削除。検索ボタンは border rounded-full の pill 形状で既に視覚的に独立しているため不要だった。

ハンバーガーメニューの間隔調整

各ナビ項目の間隔を gap-[var(--space-lg)]（42px）から gap-0 へ変更。 py-3 のタッチターゲットが間隔として機能するため、追加 gap は過剰だった。検索・言語スイッチのパディングも上下対称（py-3）に統一した。

SearchOverlay の改善