2024年の雙峰祭は初日は台風の影響で中止になったものの、残り2日間は好天に恵まれ、盛況だった事でしょう。
最近は、雙峰祭に訪れることが減ってきましたが、毎年公開される雙峰祭のサイトは最新のウェブ技術とクラウドサービスを巧みに組み合わせ、デザインも綺麗なので個人的に興味が湧いてます。

今年は、どのような手法で構築されているのか、ウェブ上の情報やアプリを使って考察してみました。
(下記の情報は、全て誰でも知ることが出来、公開されている情報です。)

Javascriptフレームワーク

メインページは、AstroとReactで構築されているようです。 最近、Astroは人気上昇中ですね。 alt text

各企画のページは、 taiyaki.sohosai.comのサブドメインにて、Next.js+Panda CSSで構築されている模様でした。

alt text

ネットワークインフラストラクチャ

双峰祭のウェブサイトは、複数のクラウドサービスを組み合わせた堅牢なインフラストラクチャ上に構築されています。

alt text

この構成図から、以下のような関連性や役割をAI考察:

  • Cloudflare: ドメイン管理とデプロイを担当しています。
    これにより、高速なコンテンツ配信と安全性が確保されています。
  • さくらインターネット: APIサーバーとPlaygroundをホストしています。
    バックエンド処理や開発環境の提供を行っていると考えられます。
  • Google: メールサービス(MX)を提供しています。
    これにより、信頼性の高いメール通信が可能になっています。

ドメイン:Cloudflare
デプロイ:Cloudflare
APIサーバー:さくらインターネット
Playground:さくらインターネット
メール(MX):Google

この構成の利点:

  • Cloudflareを使用することで、DDoS攻撃からの保護や高速なコンテンツ配信が可能になっています。
  • さくらインターネットを利用することで、国内でのホスティングが可能となり、レイテンシーの低減や法令遵守が容易になっています。
  • Googleのメールサービスを使用することで、信頼性の高いメール通信が確保されています。

この構成は、パフォーマンス、セキュリティ、開発効率を考慮して設計されていると言えるでしょう。

この多層的なアプローチにより、高いパフォーマンス、強固なセキュリティ、そして効率的な開発環境が実現されています。

結論

2024年双峰祭のウェブサイトは、最新のウェブ技術とクラウドサービスを巧みに活用した素晴らしい例と言えるでしょう。AstroとReact、Next.jsとPanda CSSという先進的なフレームワークの組み合わせ、そしてCloudflare、さくらインターネット、Googleの各サービスを統合したインフラストラクチャにより、高速で安全、そして柔軟性の高いプラットフォームが構築されています。

以上、個人的な考察なので正確でない部分があるかもしれません。
(開発者が構築情報を公開してくれると嬉しいですけどね)