作ったもの
AWS Services Ref — https://sen.ltd/portfolio/aws-services-ref/
- 67 個の AWS サービスを 10 カテゴリに分類
- 名前 / 略称 / キーワード検索
- カテゴリフィルタ（コンピューティング / ストレージ / データベース / ネットワーク / セキュリティ / 分析 / ML / DevOps / メッセージング / サーバーレス）
- 日英併記の説明 + ユースケース
- 関連サービスへのクリックジャンプ
- AWS オレンジのアクセントカラー
vanilla JS、ゼロ依存、ビルド不要。node --test で 41 ケース。
#70 マイルストーン — 100 件目標の 70%。
略称 first の UI
AWS は略称の文化。「Elastic Compute Cloud」ではなく「EC2」。「Simple Storage Service」ではなく「S3」。カードの見出しは略称を大きく、フルネームを下に。検索もどちらにもヒットする。
日英両言語検索
svc.description[lang].toLowerCase().includes(q) ||
svc.useCases[lang].some(uc => uc.toLowerCase().includes(q))
UI 言語に応じて検索対象を切り替え。日本語モードなら「キュー」で SQS、英語モードなら "queue" で同じ SQS。
関連サービスで wiki 的遷移
各サービスに related: ['sqs', 'eventbridge'] を持たせて、クリックで遷移可能に。SQS を見ていたら SNS と EventBridge への導線が自然に現れる。
シリーズ
100+ 公開ポートフォリオ シリーズの #70 — 目標の 70%。