フィンテック企業Brexは、顧客にもっと快適なサービスを提供するため、フロントエンドを一新しました。このプロジェクトでは、ウェブサイトが大規模言語モデル（LLM）にも扱いやすくなるという予期せぬ効果がありました。新しいアーキテクチャーは、React 18へのアップグレードと共に、パフォーマンスの向上を実現しました。
しかし、React Hooksの使い方には課題があり、複雑なロジックやGraphQLスキーマの問題を隠蔽する傾向がありました。これを改善するために、ApolloからRelayへと移行し、コンポーネントとそのデータ要件との密接な結びつきを実現しました。
これにより、局所的な理由付けが可能になり、LLMの理解や開発者のコードの把握が容易になったのです。このようにして、Brexのエンジニアリングチームはあらゆるフロントエンドニーズの解決策をドキュメント化し、LLMにフィードする方法でシステムのさらなる効率化を図りました。
Brexでは、これからのウェブ開発においても、コードとAPIが人間にとって理解しやすくすることが重要だと考えています。そして、このシンプルながらも強力な観察が、LLMとウェブ開発の将来にとって鍵を握っているという経験をもとに、新たな設計思想を推進しています。
出典 : Brex’s Web Dev Revamp Makes Code LLM Friendly, by Design https://thenewstack.io/brexs-web-dev-revamp-makes-code-llm-friendly-by-design/
