LINEヤフー Tech Blog

LINEヤフー株式会社のサービスを支える、技術・開発文化を発信しています。

LINEヤフーはJSConf JP 2024にPremium Sponsorとして協賛します - 登壇内容とブースコンテンツのお知らせ

こんにちは! フロントエンドエンジニアのodanです。

LINEヤフー株式会社は、2024年11月23日に開催されるJSConf JP 2024にPremium Sponsorとして協賛します。この記事ではLINEヤフーから登壇するスピーカーの紹介や当日スポンサーブースで実施予定の内容について紹介します。

スピーカー

JSConf JP 2024で登壇するスピーカーの紹介をします。
今年はLINEヤフーから通常セッションとLTとスポンサーセッションの3つのセッションの登壇があります。

LT: ステップバイステップで進めるYahoo!知恵袋のフロントエンドリアーキテクト

概要: Yahoo!知恵袋の20周年を迎え、フロントエンドのスパゲティコード化により開発効率や保守性、品質に課題があります。また生成AIを利用した新機能開発も増加しており、課題解決と新規開発を並行して進める必要があります。本LTでは、Yahoo!知恵袋のフロントエンドリアーキテクトの具体的な取り組みと進め方について主に以下の内容について紹介します。

  • 大規模システムのTypeScript化: JavaScriptで動作している既存システムをどのようにしてTypeScriptに移行したか。
  • リアーキテクトのプロセス: スパゲティコードを整理し、コードの可読性と保守性を向上させるための具体的な手法。
  • ユニットテストの書き直し: 1ファイルに27000行存在するユニットテストをゼロからどのように書き直したか。

スポンサーセッション: Yahoo! JAPANトップページにおけるマイクロフロントエンド - 大規模組織におけるFE開発を加速させるには

Yahoo! JAPANトップページは、月間アクティブユーザー数は8500万人に及び、日本における公益性のある情報から専門的な情報まで多様な情報を提供しています。この価値を生み出すためには、20を超えるトップページの開発部門が連携を行っていくだけではなく、さらに専門性の高い他部門との連携も必要になります。このような巨大な組織で、アプリケーションを継続的に成長させていくには、どのようなフロントエンドの構成を取るのが望ましいのでしょうか。

Yahoo! JAPANトップページでは、これら課題における解決の1つの方法としてマイクロフロントエンドの技術を導入し、高速なリリースサイクルでユーザーへの価値提供を図ってきました。本セッションでは、マイクロフロントエンドの技術的な概要や手法の違いについて触れながら、iOSアプリ/Androidアプリ/Webアプリを含むマルチプラットフォームアプリケーションを同一環境から提供できる仕組み、フロントエンド部分を各部門で独立したリリースを実現するための仕組みなど、私達がこれまで継続的な成長を支えるために構築した仕組みについて解説します。さらに、導入時の工夫や、結果として得られた課題についても紹介し、今後の技術的な展開可能性を探ります。

LINEヤフーにおけるPrerender技術の導入とその効果

LINEヤフーは快適なユーザー体験を追求するために、表示パフォーマンスの改善に取り組んでいます。その取組の1つとして、私達はSpeculationRulesAPIを用いてページを事前にレンダリングし、Yahoo! JAPAN トップページとYahoo!ニュース間の遷移において、その結果を検証してきました。

本セッションでは、Web標準やJavaScriptエコシステムがこれまでどのような先読みの技術を扱ってきたかその変遷を振り返りながら、SpeculationRulesAPIの基本的な仕組みとその利点について説明し、どのようにしてYahoo! JAPANのユーザー体験を向上させたかを具体例を交えて紹介します。
加えて、今回の結果をもとに、導入に際して得られたノウハウや課題、重要なビジネスKPIにどう影響したか、ユーザーエンゲージメントがどの程度向上したか、サーバーリソースにどの程度影響があるのか、などについて具体的なデータをもとに解説します。

WebにおけるPrerender技術を適用するべきポイントの可能性を探り、プロダクトに取り入れるために参考となる情報を提供します。

スポンサーブース

LINEヤフーのスポンサーブースではJavaScriptに関するアンケートボードを用意しています。

昨年実施したUIT Global Survey 2023に続いて、今年もState of LY Front-end 2024というフロントエンドに関するアンケートを実施しました。この中から選択された2つのJavaScriptに関するアンケートとその結果をボードにまとめて、ブースで展示する予定です。カンファレンスに参加される方もこのアンケートに回答していただき、ご自身の回答とLINEヤフーのアンケートの結果と見比べてみてください!

@lycorptech_jpのアカウントフォローとアンケート結果のSNSシェアで、追加のノベルティをプレゼントする企画も予定しています。

ぜひLINEヤフーのブースにお立ち寄りください!