エンジニア視点で整えるブログの情報設計
ナビゲーション、タグ設計、検索性を高めるための基礎設計を紹介。
Personal Engineering Journal
設計・実装・学びを、 毎日ログする場所。
プロダクト設計、UI、パフォーマンス最適化、生成AIの実験など、 作ってわかったことを短くまとめています。
64
記事
148
短いメモ
2026.01.24
最終更新
Now
Tokyo / Remote
writing weekly
Focus
UI Systems
design & code
Stack
TS · React
edge-ready
Latest posts
最近の記事
読まれる記事のための、UIと読みやすさの最適化
行間・余白・タイポグラフィの調整で読み切れる記事にする方法。
個人開発の振り返りを定期的に続ける仕組み
月次レビューとテンプレート化で継続するための工夫。
デザインと実装をつなぐコンポーネント運用
デザインシステムを個人でも無理なく回すための整理術。
Short notes
短いメモ
2026.01.22
UIレビューを高速化するチェックリスト
色・余白・タイポ・動線を3分で確認するフロー。
2026.01.19
文章を書く前に決めておく3つのこと
対象読者、ゴール、読み切り時間を先に決める。
2026.01.15
ブログ用の図を作るときのレイヤールール
線幅と余白を固定して一貫性を担保。
Toolbox
書くためのスタック
記事はMDXで執筆し、デザインはFigmaで検証。自分が書き続けられる ワークフローを小さく整備しています。
Writing
Markdown, MDX, Obsidian
Design
Figma, FigJam, Excalidraw
Build
Vite, Astro, GitHub Actions
Measure
Lighthouse, Plausible, Analytics
Writing rhythm
続けるための3ステップ
01
Collect
日々の気づきを1行で保存して種を増やす。
02
Draft
テンプレで構成を決め、短時間で下書き。
03
Ship
公開してから追記し、継続的に改善。
最新記事をメールで受け取る
週1回のまとめを配信。新しい記事やメモを見逃さない。