ハイライト
ドキュメントサイトを公開し、Googleログインを追加し、30日間の稼働率バーを表示するヘルスダッシュボードを再構築しました。8日間で3つの機能を追加し、すべてのFourAプロパティの完成度を高めました。
新機能
ドキュメントサイト
foura.ai/docs を公開しました。Express、SQLite、全文検索を使用してゼロから構築しました。すべての API endpoint とパラメータが検索可能で、アイコンと説明付きのセクションに整理されています。
管理画面には、コンテンツが本番環境に反映される前にレビューを行うリビジョンワークフローを搭載しています。ページ名が変更された場合はスラッグが301で自動的にリダイレクトされるため、ブックマークや検索順位が維持されます。また、モバイルでの体験（スライドアウト式のサイドバー、読みやすいフォントサイズ、適切なタッチターゲット）を当初から優先して設計しました。
Googleログイン
GoogleアカウントでFourAアカウントを作成できるようになりました。ワンクリックで完了し、パスワードを覚える必要はありません。利用規約への同意を組み込んだ、適切なOAuth同意フローを構築しました。なお、既存のメールアドレスユーザーへの影響はありません。
ヘルスダッシュボード
監視対象の各サービスに30日間の稼働率バーが表示されるようになりました。GitHubのステータスページのFourAインフラ版のようなものです。どのサービスでいつ一時的な問題が発生したかを一目で確認できます。
アラートチャネルの管理機能も追加しました。Discordの webhook やメールの送信先を設定し、アラート履歴のすべてを1箇所で確認できます。アラートメールのデザインも刷新し、FourAブランドの header、重要度バッジ、モバイルフレンドリーなレイアウトを採用しました。
舞台裏
すべてのプロパティにPlausibleアナリティクスを導入。 メインサイト、ブログ、ドキュメント、アップデートポータルに、プライバシーに配慮したアナリティクスを導入しました。 cookie は使用せず、追跡も行いません。各プロパティはカスタムイベント（記事の閲覧、ドキュメントの検索、デモのクリック）を送信するため、実際に何が役立っているかを測定できます。
ブログのモバイルファースト化。 ハンバーガーメニュー、フェードインナビゲーション、そして860px、640px、380pxのブレークポイントを備えた、完全なレスポンシブデザインへの刷新を行いました。スラッグの変更時には301リダイレクトが自動的に実行され、検索順位が維持されます。
ウェルカムメール。 登録方法に関わらず、新規ユーザーが最初にログインした際にブランドデザインのウェルカムメールが送信されます。メールシステム全体の一貫性も見直し、フラットデザインの採用、送信者名をすべての箇所で「FourA」に統一、適切な宛先フォーマットの適用を行いました。
ブラウザダイアログをカスタムモーダルに置き換え。 すべての confirm() および alert() ポップアップを廃止しました。破壊的なアクションを実行する際は、ダッシュボードのデザインに合わせた確認モーダルが表示されます。小さな変更ですが、全体の完成度が大きく向上しました。
プライバシーポリシーと利用規約。 メインサイトで両ページを公開しました。地味な作業ではありますが、ユーザーデータを扱うプラットフォームには不可欠なものです。
数値で見る実績
- 30日間の稼働率追跡による11のサービスの監視
- すべてのドキュメントを対象とした全文検索
- ブログにおける3つのレスポンシブブレークポイント（860/640/380px）への対応
- ブログとドキュメントの両方における、スラッグ変更時の301リダイレクト
- 4つのプロパティにわたるカスタムアナリティクスイベント（ cookie はゼロ）
今週の成果は以上です。3つのユーザー向け機能、大量のインフラ作業、そしてベータ版を信頼される製品へと進化させるための細部のブラッシュアップを行いました。