m-naoki-m
Web

m-naoki-m.com

個人開発者としての発信を 1 つにまとめるポートフォリオ兼ハブです。Astro の静的書き出しで、JSON-LD と日英対訳を初期から織り込みました。

今ご覧いただいている本サイトです。

AstroTypeScriptAWS S3CloudFront

概要

m-naoki-m.com は自分のプロダクトと記事、運用の記録を 1 か所に集めるためのサイトです。Astro + TypeScript の静的サイト生成を採用し、JSON-LD（Person / WebSite / CreativeWork）、日英対訳、ダーク / ライト両対応をベースから組み込んでいます。CloudFront 配信前提のシンプルなパイプラインです。

主な機能

  • Astro の静的書き出しで、ホスティング前提を S3 + CloudFront に固定
  • Person / WebSite / CreativeWork の JSON-LD を全ページに配信
  • 日英対訳ルート + hreflang + 言語別 sitemap
  • ダーク / ライト両対応、テーマ FOUC 対策のインライン JS
  • Lighthouse 主要 10 ページで a11y / best-practices / SEO すべて 100

技術スタック

フロント
Astro, TypeScript
ホスト
AWS S3, CloudFront
i18n
Astro i18n, hreflang
SEO
JSON-LD, sitemap, OG

アーキテクチャ

Astro Content Collections への移行を見据え、現状は型付きの mock データ層（`src/data`）でページが読む構造になっています。i18n は `prefixDefaultLocale: false` で `/` を日本語、`/en/` を英語に割り当て、辞書は `src/i18n/{strings,pages}.ts` に集約しています。

AIの活用

サイト本体に AI を組み込む予定はありません。一方で、コピーライティング・OG 画像生成・SEO 監査・構造化データ整備など、制作プロセス側では AI を継続的に活用しています。

評価・運用

Lighthouse のスコアと、ここから自分のプロダクトサイト（Veloquo / Relora / FormatArc / A Better Life）への被リンク経由のセッションを観測しています。検索流入とハブとしての回遊率は月次で見ていきます。