開発メンバーが語るFindy Conferenceの裏側とこれから

Transcript

1. © Findy Inc. 2026.01.22 Findy Tech Talk #01 Findy Conferenceを⽀える 技術基盤の裏側 1 ファインディ株式会社 マルチスタックエンジニア ⻄村 憲悟 @sontixyou #Findy_TechTalk
2. © Findy Inc. ⾃⼰紹介 2 ⻄村 憲悟 [にしむら けんご] マルチスタックエンジニア @sontixyou / そんちょ #Findy_TechTalk
3. © Findy Inc. • Findy Conferenceとは？ • ネットワーク不安定でも受付を⽌めない⽅法は？ • マルチクライアントGraphQL API設計 • ユーザーの権限管理をどうやる？ 今⽇話すこと 3 #Findy_TechTalk
4. © Findy Inc. 今⽇話さないこと 4 • Findy Conferenceの技術的な伸びしろ • アイルランドのビールが熱い🍺 #Findy_TechTalk
5. © Findy Inc. Findy Conferenceとは 5 #Findy_TechTalk
6. © Findy Inc. 6 Findy Conference 技術スタック 参加者向け画⾯ 主催者向け画⾯ スポンサー向け画⾯ #Findy_TechTalk
7. © Findy Inc. カンファレンス特有の課題 7 • ネットワーク不安定でのオフライン受付機能 • ユーザーの種別に対応するGraphQL API • ロールによる権限管理 #Findy_TechTalk
8. © Findy Inc. 受付機能とは 8 #Findy_TechTalk
9. © Findy Inc. ネットワーク不調による影響 9 • カンファレンス運営陣 ◦ ⼊場数を正確にカウントできない • 受付オペレーション ◦ 受付が混雑し、参加者を待たせてしまう #Findy_TechTalk
10. © Findy Inc. 10 navigator.onLine ブラウザーのオンライ ン状態を返す ⼀時的にLocalStorage に受付済みデータを貯 める
11. © Findy Inc. カンファレンス特有の課題 11 • ネットワーク不安定でのオフライン受付機能 • ユーザーの種別に対応するGraphQL API設計 • ロールによる権限管理 #Findy_TechTalk
12. © Findy Inc. 課題2 - ユーザーの複数種別への対応 12 #Findy_TechTalk
13. © Findy Inc. • ユーザーの種別によってログインCookieが異なる • 主催者画⾯には権限管理が必要 課題2 - ユーザーの複数種別への考慮 13 #Findy_TechTalk
14. © Findy Inc. 課題2 - ユーザーの複数種別への対応 14 観点 単⼀スキーマ 複数スキーマ 保守性 ◯ △ 運⽤⾯ △ ◯ 権限管理 ✘ ◯ #Findy_TechTalk
15. © Findy Inc. 課題2 - ユーザーの複数種別への対応 15 観点 単⼀スキーマ 複数スキーマ 保守性 ◯ △ 運⽤⾯ △ ◯ 権限管理 ✘ ◯ #Findy_TechTalk
16. © Findy Inc. 解決策 - マルチクライアントGraphQL API 16 #Findy_TechTalk
17. © Findy Inc. カンファレンス特有の3つの課題 17 • ネットワーク不安定でのオフライン受付機能 • ユーザーの種別に対応するGraphQL API設計 • ロールによる権限管理 #Findy_TechTalk
18. © Findy Inc. • 主催者 • 運営コアメンバー • 当⽇の会場運営スタッフ • 外部協⼒会社 主催者側の画⾯を使う様々なユーザー 18 #Findy_TechTalk
19. © Findy Inc. • 主催者 & 運営コアメンバー ◦ 売上情報や参加者情報を知りたい • 当⽇の会場運営スタッフ & 外部協⼒会社 ◦ 登壇者情報だけを知りたい 主催者側の画⾯を使う様々なユーザー 19 #Findy_TechTalk
20. © Findy Inc. 20
21. © Findy Inc. GraphQLディレクティブ 21 https://the-guild.dev/graphql/tools/docs/schema-directives コレ！！ #Findy_TechTalk
22. © Findy Inc. GraphQLディレクティブ 22 ⽤途 例 認可 @auth バリデーション @length データ変換 @uppercase #Findy_TechTalk
23. © Findy Inc. 解決策 GraphQLディレクティブを使った権限管理 23
24. © Findy Inc. 解決策 GraphQLディレクティブを使った権限管理 24
25. © Findy Inc. まとめ 25 • ネットワークなしの受付機能: ネットワーク不安定 でも受付を⽌めない • マルチクライアントGraphQL API設計 • GraphQLディレクティブを活⽤した権限管理