出前館web/bffにおける品質改善の取り組み〜Biomeの導入〜
- 株式会社出前館 佐藤さん
Biomeの導入
- 技術スタック
- 課題
- プロジェクトが大きくlintに時間がかかるようになった
- ESLint v8がEOL
- FlatConfig対応が必要
- -> Biomeの検証へ
- Biome導入
- ESLint+PrettierをBiomeへ
- 設定の移行ツールがある
- 手直しは必要
- 20秒かかってたのが1秒程度になった
- ESLintのすべてのルールに対応してるわけではない
- Tailwindのプラグインが未対応
- 現状はESLintも共存させてる
フロントエンド設計にモブ設計を導入してみた
- 弁護士ドットコム株式会社 辻さん
- https://speakerdeck.com/bengo4com/20241212-cloudsign-techfrontmeetup
モブ設計
- 個人で設計することの課題
- アイデアの幅が限定的になる
- 孤独とプレッシャーがある
- 背景共有の難しさ
- モブプロを普段やっていた
- 設計でもモブプロのようにやることを思いついた
- モブ設計
- 1つの設計を複数人で
- モブプロのようにドライバー/ナビゲーター
- 狙い通りの効果は出た
- リソースコストとスケジュール調整が難点
フロントエンド開発を変える！ステートマシンによる予測可能なUI設計
- テックタッチ株式会社 松田さん
ステートマシン
- 状態とその遷移のモデル
- 状態に対してどんなアクションを与えるとどんな状態に遷移するか
- 実装方法
複雑性の高いフォーム
- 株式会社RightTouch 齋藤さん
フォーム
- React Hook Formを使ってる
- フォーム個別にuseFormした方が独立してていい
- でもフォームをまたいだバリデーションなど不便なケースも
- アプリケーション全体でuseFormで囲う
- useFormContextを使えばバケツリレーも不要
4年間でのフロントエンドリアーキテクチャの変遷
- 株式会社ナレッジワーク よしこさん
