公式サイトを公開しました — 自己紹介と技術スタックについて

山田佳江の公式ウェブサイトを公開しました。自己紹介と、サイト構築に使用した技術スタック(Astro・Cloudflare Pages・Tailwind CSS)についてご紹介します。

公式サイト公開のイメージ

本日、新しい公式ウェブサイトを公開いたしました。ここでは最新のお知らせや活動状況を発信していく予定です。

この記事では、はじめましての方に向けた簡単な自己紹介と、本サイトの技術的な構成についてご紹介します。


はじめまして、山田佳江です

福岡県北九州市を拠点に活動している、小説家・ライターの山田佳江(やまだ よしえ)です。

2012年に『未来少女ミウ』でAmazon Kindleデビューして以来、SF・ファンタジーを中心に執筆活動を続けてきました。代表作の『リーディング・ナイフ』は第1回KDP文学賞を受賞し、「このセルフパブリッシングがすごい! 2016」で第2位に選ばれています。

執筆のかたわら、2025年からはAI音楽レーベル「KazeX Records」を設立し、AIペルソナ「月野テンプレクス」と共に、デジタルとアナログとAIを融合した新しい表現の可能性を模索しています。

最近では、AIコーディングアシスタントを活用したWebアプリケーション開発にも取り組んでおり、この公式サイトもその成果のひとつです。


なぜ新しいサイトを作ったのか

以前はWordPressで公式サイトを運営していました。WordPressは素晴らしいツールですが、自分のやりたいことに対してやや重く感じるようになり、もっと軽量でシンプルなサイトが欲しいと思うようになりました。

また、最近のWeb開発の進化——特にAstroのような静的サイトジェネレーターやCloudflareのエッジコンピューティング——を学ぶ良い機会にもなると考え、一から作り直すことにしました。

旧ウェブサイトは下記になります。

https://yo4eyamada.wordpress.com/


技術スタック

本サイトは以下の技術で構成されています。

Astro(フレームワーク)

Astroは「コンテンツ重視」の設計思想を持つWebフレームワークです。デフォルトではJavaScriptをブラウザに送らず、必要な箇所だけインタラクティブにできる「アイランドアーキテクチャ」が特徴です。

ブログや個人サイトのような、コンテンツが主役のサイトとの相性が非常に良く、表示速度も高速です。記事はMarkdownファイルとして管理しており、テキストエディタで書いてGitにプッシュするだけで公開できる、シンプルなワークフローを実現しています。

Cloudflare Pages(ホスティング)

ホスティングにはCloudflare Pagesを採用しました。GitHubリポジトリと連携しており、mainブランチにプッシュするだけで自動的にビルド・デプロイが走ります。

世界中に分散されたCDNから配信されるため、どこからアクセスしても高速に表示されます。無料プランの範囲で十分に運用できるのも魅力です。

Tailwind CSS(スタイリング)

CSSフレームワークにはTailwind CSSを使用しています。ユーティリティファーストのアプローチにより、HTMLの中で直感的にデザインを組み立てることができます。

カスタムカラーパレットやフォント設定をテーマとして定義し、サイト全体で統一感のあるデザインを実現しています。

その他

  • Google Fonts(Cormorant Garamond / Noto Sans JP)によるタイポグラフィ
  • 構造化データ(JSON-LD)によるSEO対策
  • OGP / Twitterカード対応によるSNSでの見栄え最適化
  • Formspreeによるお問い合わせフォーム

今後について

このサイトでは、制作物のリリース情報に加えて、開発の裏側や技術的な知見、創作にまつわるエッセイなども発信していく予定です。

今後ともよろしくお願いいたします。

この記事をシェア