ハイライト
foura.aiをゼロから再設計し、2日間ですべてのFourAプロパティに新しい外観を適用しました。ブログ、ドキュメント、アップデートポータル、認証ページ、メールテンプレート、エラーページが対象です。FourAの名前が付くものはすべて一貫したデザインになりました。インフラストラクチャ側では、監視システムを刷新して誤報を排除し、適切なインシデントログを備えた設定可能な閾値を追加しました。
新機能
ウェブサイトの完全な再設計
メインサイトの視覚デザインを全面的に刷新しました。新しいタイポグラフィ(Outfit)、インディゴのカラーパレット、そしてシステムデフォルトオプションを備えた適切なダーク/ライトテーマのサポートを導入しています。価格カード、プレイグラウンド、ランディングページ、問い合わせページ、法務ページ、およびダッシュボードのプレビューセクション(静的なスクリーンショットではなくライブのHTMLを表示するようになりました)など、すべてのコンポーネントを再構築しました。
サーバーサイドのOGメタタグを追加したため、SlackやDiscordでFourAのリンクを共有すると、各ページの正しいタイトルと説明が表示されます。また、すでにログインしている場合、ボタンは自動的に「Try Free」から「Go to Dashboard」に切り替わります。
単一のデザインシステムを全体に
単なる再設計だけでなく、すべてのタッチポイントにおける一貫性が重要です。以下の対象にも同じデザインシステムを適用しました。
- ブログと**ドキュメント** (新しいタイポグラフィ、色、標準化されたヘッダーを使用)
- アップデートポータル (メインサイトと完全に統一)
- 認証ページ (すべてのログインおよびサインアップフローがFourAの外観に一致)
- メールテンプレート (APIキー通知、クォータ警告、監視アラート用)
- エラーページ (502エラーでもブランドの一貫性を維持)
ダークモードを一度設定すれば、どこでも適用されます。.foura.ai全体で共有cookieを使用したクロスサイトのテーマ同期を構築し、system、light、darkの3つの状態を持たせました。設定はタブやセッションを越えて維持されます。
Cmd+K コマンドパレット
ブログ、ドキュメント、アップデートポータルでCmd+K (またはCtrl+K)を押すと、即座に検索とナビゲーションが可能になります。検索フィールドが空の場合は、利用可能な移動先が表示されます。入力を始めると、コンテンツがリアルタイムでフィルタリングされます。小さな機能ですが、利便性が大きく向上します。
多通貨での価格設定
ジオデータによりユーザーの位置情報を検出し、現地通貨で金額を表示するようになりました。リリース時点ではUSD、EUR、GBPに対応しています。為替レートは実際の市場データから毎週更新され、ジオデータベースは2週間ごとに更新されます。実際の支払額を推測する必要はもうありません。
内部の仕組み
監視システムの刷新
誤報が主な問題でした。これまでのCPU監視では、シングルコアの使用率をマルチコアコンテナの制限と比較していました。4コアコンテナにおいて1つのコアの90%を使用するNode.jsプロセスは、全体で90%ではなく22.5%になります。すべてのCPUメトリクスを実際のコンテナ容量に正規化しました。
rate limitの評価を、インスタンスごとのカウントから、実際に制限が適用されるAPIゲートウェイに移行しました。これにより、内部サービス間のトラフィックをカウントすることで発生していた「rate limitに接近」という誤った警告がなくなりました。
閾値はデータベースに保存され、読み書き用の完全なAPIが提供されています。再デプロイなしでアラートの感度を調整できます。また、ヒステリシスを伴うインシデントログを追加し、サービスの状態が頻繁に切り替わっても大量の通知が送信されないようにしました。
19,000 requestのゴースト
requestパイプラインの解析エラーにより、アクティブなrequestカウンターでリークが発生していました。検証に失敗するとカウントは増加しますが、減少することはありませんでした。proxy routingサービスは19,390のアクティブなrequestを報告していましたが、実際の数は約20でした。request追跡を適切なエラー処理でラップすることでこれを修正しました。
インフラストラクチャ
分析ウェアハウスを新しいLTSリリースに移行し、システムログテーブルの7日間のTTL、バックグラウンドスレッドの削減、メモリの余裕の確保などのパフォーマンスチューニングを実施しました。proxyストレージも同様に余裕を持たせました。CI側では、複数のワークフローが同時にトリガーされた場合のデプロイの競合状態を防ぐために、同時実行グループを追加しました。
しかし、最も先を見据えた変更は最も小さなものかもしれません。AIアシスタントがFourAの機能の構造化された説明を読み取れるように、llms.txtを追加しました。今は2026年です。検索エンジンではなくAIを通じてツールを見つける開発者の割合が増えています。それを容易にするのは当然のことです。