- Event
- Frontend
【イベントレポート】NEWT Frontendエンジニアの取り組み【第4回Tech LT会】
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2F867c6ed3-5390-4823-9042-ab83907c847a%2F20230829.png?table=block&id=66096245-bf9b-4da5-8511-97d4474aa18e&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
こんにちは!令和トラベルエンジニアリング部です。
この記事では、2023年8月29日にオンライン・オフラインにてハイブリッド開催された第4回Tech LT会の様子をご紹介します!
Tech LT会とは
令和トラベルのエンジニアリングチームは『あたらしい旅行を、デザインする。』というミッションのもと、日々多くの課題を解き続けています。仕事に取り組む中で得た個々の知見をチーム全体に還元し、みんなで学び、成長するために、私たちは毎月Tech LT会を開催しています。
前回初めて社外からも参加いただけるLT会として開催したところ、意見交換が活発に行われ、多くのナレッジシェアが生まれました。今回も参加者のみなさんと共に様々な知見・成果の共有をし、さらに相互理解を深めていきたいという思いから、社外からも参加いただけるだけでなく、オンライン・オフラインのハイブリッド開催に進化させました!
今回のイベントタイムスケジュール
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2F4325c5bb-8573-4836-a718-8a7f62f5c821%2F%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588_2023-09-08_9.15.22.png?table=block&id=7f3745a6-47b8-4adc-b777-c37d00c0dbb4&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
今回は、オフラインで10名ほど、オンラインからも20名ほどの社外からの参加者が集まり、社内のメンバー含めたくさんの参加者のみなさまと共にイベントを開催しました!
※ご参加いただけるイベントはconnpassで告知しています。
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2F3d2fcbb2-d256-468a-b8de-fa242aae6205%2FIMG_6875.jpg?table=block&id=891599c4-2117-42d6-8fd2-030766d66580&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
発表内容
今回のTech LT会では、NEWT Frontendエンジニアチームの2つの取り組みが発表されました。発表内容の一部を紹介します!
- ライブラリの運用と自動アップデート(@Yasuyuki Matsumoto(yassan) / Frontend エンジニア)
- NEWTにおけるSEOとUXを意識したwebパフォーマンス改善(@Yasumoto Shirahama(Hama) / Frontend エンジニア)
1. ライブラリの運用と自動アップデート
Frontend開発担当のやっさん(Yasuyuki Matsumoto)からNEWT-Webのライブラリ運用についての話がありました。
Dependabotでライブラリのアップデート運用を簡単にするために、
- patchバージョンはAuto merge
- 依存関係のあるものはまとめる
といった工夫が共有されました。
こちらの内容はTech Blogでも詳細について紹介していますので、ぜひこちらもご覧ください。
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2F2c1321c2-bd55-4a1d-98fc-def2306e8b67%2FIMG_6860.jpg?table=block&id=31e331d0-c827-481c-80a8-57980f66089d&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
2.NEWTにおけるSEOとUXを意識したwebパフォーマンス改善
Frontend開発担当のはまさん(Yasutomo Shirahama)から実施したWebパフォーマンス改善施策の紹介とその結果を具体的に話してくれました。
最終的なパフォーマンスの改善結果として、
- SEO対策用の一覧ページでは、FCPを1.8秒にまで改善
- 検索一覧ページでは、LCPを6.5秒→2.5秒にまで短縮
それぞれで改善すべき指標が異なるため、NEWTでどのようなアプローチを選択したのかについて共有がありました。
かなり具体的に課題感や背景を共有し、それをどのように解決していったか、取り組み方法を紹介しました。
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2Fec8222c0-f078-406d-8663-c12625aa4ab3%2FIMG_6870.jpg?table=block&id=ed664a22-f0cf-4f59-b0ba-b1d0bfbcf211&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
懇親パートの紹介
今回も社内と社外からの参加者との交流を通して、新しいナレッジシェアがいくつも生まれる会となりました。実際に社外の方からは、「技術的なことを含めて様々な人と話す機会を得られた」といったポジティブな感想や、「実際に業務で困っている課題に関する取り組みを聞くことができて学びになった」という感想をいただくことができました!
さらに料理もとても好評で、美味しいごはんを囲みながら、懇親パートまでみなさんに楽しんでいただくことができました。
![notion image](https://reiwatravel.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F06681db4-d0ea-4e78-9164-a9d5fb58f475%2F0f58e001-6c8b-465d-a156-3aebf385b57d%2FIMG_6850.jpg?table=block&id=2a43b103-8a5c-4aba-9dac-99ba7674eb4e&spaceId=06681db4-d0ea-4e78-9164-a9d5fb58f475&userId=&cache=v2)
まとめ
今回の発表者であるやっさんとはまさんに、それぞれLT会の感想を聞いたところ…
やっさん「初めてのフロントエンドLT会で楽しかったです!次回はさらに専門性の高い内容でLT会を実施してみたいです!」
はまさん「みなさんお越しいただきありがとうございました!次回ももっと楽しく有意義な会にしていきます!」
とのことでした!
令和トラベルでは、このように技術的な知識や知見・成果を共有するLT会を毎月実施しています。発表テーマや令和トラベルに興味をお持ちいただいた方は誰でも気軽に参加いただけます。
来月のLT会はなんと、potatotipsにて開催予定です!弊社のiOSエンジニアも登壇予定です。LT会自体はiOS / Android / Flutterに関するLT発表を予定しています。
たくさんの方に参加いただけるように、オフィス・オンラインのハイブリッド開催となりますので、ぜひご参加ください!
そして、ぜひこの記事を読んで会社やプロダクトについて興味を持ってくれた方はご連絡お待ちしています!
フランクに話だけでも聞きたいという方は、カジュアル面談も実施できますので、お気軽にお声がけください。
それでは次回のブログもお楽しみに!Have a nice trip!!