古いブログシステムの魅力について考える
かつてのブログには、シンプルで洗練された美しさがありました。文章に集中できる装飾の少なさとページネーションの楽しさを再発見します。
SEAHAL DEV
React Aria × Tailwind で進めるエッジ開発ログ
技術ブログ「SEAHAL DEV」は、React Router と Cloudflare Workers を組み合わせた実験メモを公開する場所です。UI アクセシビリティやエッジ配信の研究記録をまとめています。
Now
Next
Later
Workers 上で動く MDX パイプラインを整備しながら、React Aria Components を UI レイヤとして定着させています。
Development Notes
技術ログと設計メモをプレーンテキストでまとめた SEAHAL DEV の本編です。
Markdownで書く技術メモの習慣
Markdown を軸にしたワークフローを紹介。ローカルとクラウドの両方で快適に編集するためのフォルダ設計とテンプレートの工夫をまとめました。
React AriaとTailwindで作るアクセシブルなUI
React Aria Components と Tailwind CSS を組み合わせて、アクセシブルな UI を素早く構築する方法をステップバイステップで解説します。
エッジコンピューティングの可能性
Cloudflare Workers や Vercel Edge Functions を活用したマルチリージョン配信の設計メモを公開します。
タイポグラフィの基本原則
読みやすさを支えるフォント選びや行間・余白の整え方など、テキスト UX のベースとなるプリンシプルを整理しました。
Journal Highlights
開発ノートに記録している進行中のトピック
Edge Markdown Pipeline を試作
Contentful から markdown を取得し、Workers 上で MDX へ変換するワークフローを Bun でプロトタイピング中。
WorkersBunMDX
React Aria で UI コンポーネント整備
Button / Tabs / SearchField を React Aria Components で組み立て、技術メモに流用できる UI 契約を定義。
React AriaDesign System
JAMstack ハイブリッド構成の設計メモ
Vercel (静的配信) と Cloudflare Workers (API) を連携させながら、技術ブログを安定運用する設計ドキュメント。
VercelCloudflare
Roadmap
SEAHAL DEV が目指している開発ログ・アーカイブのロードマップ
Phase 1 · Drafting
ローカル Markdown を React Router の loader で読み込みつつ、SSR レンダリングの土台を構築。
Phase 2 · Publishing
GitHub Actions / Bun を使ったビルドとテストを整備し、Vercel Edge と Workers 間での配信を自動化。
Phase 3 · Archives
全文検索とタグフィルタリングを React Aria コンポーネントで実装し、履歴 API 連携も準備。