私の推しの言語「React.js」と「TypeScript」

社員ブログ 2025.04.15

①冒頭文章
こんにちは!
執行役員兼情報システム部部長、フルスタックエンジニアのSです。 普段、システムの開発や改善に関わりながら、チームメンバーと一緒に新しい技術にチャレンジしている日々を送っています。 最近は特にAIを利用した開発の効率化が進んでいて、その恩恵を受けている日々です。
今日はAIを利用した開発体制と相性の良さそうな技術について、個人的に推している技術があるのでこちらについてお話してみたいと思います。

②最近推している言語・技術について
私が特に気に入っているのは、React.jsとTypeScriptです。 この2つを使った開発は本当にスムーズで、特にチーム開発でその効果を実感しており、これらの技術がなぜ選ばれるのかその魅力を改めて感じています。 「何を今更言ってんだ」と思われるかもしれませんが、普段言語やFWに特にこだわりのない私が、いま何故これらの技術を推すのかお話してみたいと思います。 ~~~~ ざっくりそれぞれ解説 ~~~~ React.js React.jsは、コンポーネントベースで開発できるところが大きな魅力です。 部品を再利用しやすく、規模が大きくなっても管理しやすいんですよね。 UIの状態がどこでどう流れているのかが明確なので、保守性が高く、作業が効率よく進みます。 TypeScript TypeScriptは、コードを書くときに型が強制されることで、エラーを事前に防ぐ助けになります。 特に大規模なシステムでは、型安全を守ることで、後々のバグのリスクを減らすことができて、非常に頼もしいです。

③推している理由
AIを利用した開発において、最終的に人間が「これで問題ないのか」をしっかり確認し判断するフロー自体は変わらないので「いかに人間(私)にとって見やすい形になっているか」を個人的に重要視している部分になります。 具体的には特にコードレビューがめちゃくちゃ楽になります! TypeScriptのおかげで、関数やオブジェクトが何を期待しているのかが一目で分かるので、レビューもしやすく、エラーも早期に指摘できます。 さらに、React.jsとTypeScriptを組み合わせることで、バグや不具合が起きにくくなるという実感があります。 型がしっかりと保証されるので、引数の不一致などによるエラーも未然に防げ、自然とコードの品質が向上していくんですよね。 上記に記載した内容は「人間がレビューしやすいね」という部分について話していますが、そもそもエンジニアにとって「開発しやすい!」という点も大きな魅力ですね! 具体的な使い方についての説明は省かせていただきますが、エンジニア目線でもレビュー者目線でもWIN-WINな仕組みになっているかなと思います。

④今後頑張っていきたいこと
これからも引き続き、分かりやすくて可読性が高く、拡張性のあり、その上で不具合が起きにくい仕組みを意識して開発を進めていきたいと思っています。 特に、コードの品質を担保する仕組み作りに力を入れていきたいです。 具体的には、プロジェクト全体のコード品質を保つためのツールやガイドラインを整備し、チーム全体で高い品質を維持できる体制を作りたいですね。 さらに、開発フローにおいても、自動化テストやCI/CDを積極的に活用して、リリース前に問題を早期に発見できる仕組みを強化していきたいと考えています。 チームが効率よく、かつ高品質で開発を進められるように、今後も頑張っていきたいと思います!

①冒頭文章
こんにちは!
執行役員兼情報システム部部長、フルスタックエンジニアのSです。 普段、システムの開発や改善に関わりながら、チームメンバーと一緒に新しい技術にチャレンジしている日々を送っています。 最近は特にAIを利用した開発の効率化が進んでいて、その恩恵を受けている日々です。
今日はAIを利用した開発体制と相性の良さそうな技術について、個人的に推している技術があるのでこちらについてお話してみたいと思います。

②最近推している言語・技術について
私が特に気に入っているのは、React.jsとTypeScriptです。 この2つを使った開発は本当にスムーズで、特にチーム開発でその効果を実感しており、これらの技術がなぜ選ばれるのかその魅力を改めて感じています。 「何を今更言ってんだ」と思われるかもしれませんが、普段言語やFWに特にこだわりのない私が、いま何故これらの技術を推すのかお話してみたいと思います。 ~~~~ ざっくりそれぞれ解説 ~~~~ React.js React.jsは、コンポーネントベースで開発できるところが大きな魅力です。 部品を再利用しやすく、規模が大きくなっても管理しやすいんですよね。 UIの状態がどこでどう流れているのかが明確なので、保守性が高く、作業が効率よく進みます。 TypeScript TypeScriptは、コードを書くときに型が強制されることで、エラーを事前に防ぐ助けになります。 特に大規模なシステムでは、型安全を守ることで、後々のバグのリスクを減らすことができて、非常に頼もしいです。

③推している理由
AIを利用した開発において、最終的に人間が「これで問題ないのか」をしっかり確認し判断するフロー自体は変わらないので「いかに人間(私)にとって見やすい形になっているか」を個人的に重要視している部分になります。 具体的には特にコードレビューがめちゃくちゃ楽になります! TypeScriptのおかげで、関数やオブジェクトが何を期待しているのかが一目で分かるので、レビューもしやすく、エラーも早期に指摘できます。 さらに、React.jsとTypeScriptを組み合わせることで、バグや不具合が起きにくくなるという実感があります。 型がしっかりと保証されるので、引数の不一致などによるエラーも未然に防げ、自然とコードの品質が向上していくんですよね。 上記に記載した内容は「人間がレビューしやすいね」という部分について話していますが、そもそもエンジニアにとって「開発しやすい!」という点も大きな魅力ですね! 具体的な使い方についての説明は省かせていただきますが、エンジニア目線でもレビュー者目線でもWIN-WINな仕組みになっているかなと思います。

④今後頑張っていきたいこと
これからも引き続き、分かりやすくて可読性が高く、拡張性のあり、その上で不具合が起きにくい仕組みを意識して開発を進めていきたいと思っています。 特に、コードの品質を担保する仕組み作りに力を入れていきたいです。 具体的には、プロジェクト全体のコード品質を保つためのツールやガイドラインを整備し、チーム全体で高い品質を維持できる体制を作りたいですね。 さらに、開発フローにおいても、自動化テストやCI/CDを積極的に活用して、リリース前に問題を早期に発見できる仕組みを強化していきたいと考えています。 チームが効率よく、かつ高品質で開発を進められるように、今後も頑張っていきたいと思います!