てげぶにトレンドページを作成しました

概要§

先日紹介した、新しいてげぶのサイトTegebu nextに、トレンドページを作成しました

技術要素§

• (New!!) Firestore
• (New!!) BoardGameGeek JSON APIs
• Gatsby
• Typescript
• Tailwind CSS
• PostCSS
  など

今回データストアとして、Firestoreを使いました。
Gatsbyがビルドする際に、取りに行きGraphQLで扱えるようにしています。 （Firestoreへは、バッチ処理を別途作成してます）

所感§

Firestore接続には暗号化ファイルを用いたため、パスワードの管理について学びがありました。Github ActionsでSecret設定の際は機密性はもちろんありますが、Netlifyでの環境変数設定では話が少し違います。信頼できるデプロイかどうかに応じて「承認が必要」/「機密変数なしで扱う」/「制限なし」の中から選ぶ形でした。

BoardGameGeek JSON APIsの内容を基に、注目度の高いテーブルゲームを抽出しています。APIに関して使用した感想は、ドキュメントにもある通り本番品質のコードではないこともあり、エラーレスポンスの発生確率が高いことから、バッチ処理の際にエラーハンドリングを工夫し、なんとかしました。英語のコンテンツのため詳細表示で、日本語にする方法は、別の機会にまた考えてみようかと思います。