Blog - LINE ENGINEERING

TAG ARCHIVES: UIT

Git submoduleを使ってマルチリポジトリなMonorepoを管理する
Akihiro Tamada (spring-raining)2023-02-20
Engineer at Front-End Development Center
こんにちは、LINEフロントエンド開発センターの玉田です。新春を名乗るにはすこし遅いですが、昨年開催した「UIT新春Tech blog」を今年も開催します！本日から5日間4日間、フロントエンド開発に携わるUITのエンジニアが毎日持ち回りで記事を公開します。ぜひ最後まで見に来てください。 Monorepo フロントエンドにおけるMonorepo toolは、大規模なフロントエンド開発を効率よく管理する手段として、ここ数年で普及が進みました。LernaやNx、npmやyarnのWorkspace機能など、すでに皆さんも使っている例があるかもしれません。 Monorepoを実現するツールはいくつかありますが、どのツールも共通して以下のような特徴を持っています。 package.jsonを持つnpm packageを一単位として、複数のパッケージが一つのGitリポジトリに存在する[^1] 各パッケージの依存関係を記述することで、Monorepo toolが内部で依存グラフを作成して効率よくビルドを実行する一部のMonorepo toolは、パッケージのバージョニングなどリリースのためのツ
- frontend
- UIT
"Tech-Verse 2022"ウェブにおけるアクセシビリティ改善の取り組み
Akihiko Okazaki2023-02-08
Front-end Engineer
はじめにこんにちは。フロントエンド開発センター(UIT) 岡﨑です。"IU Web"というLINEが保有する膨大なデータを安全かつ効率的に利活用できるデータポータルのデザインとフロントエンド開発を担当しています。その傍らでUIT Accessibility TF(タスクフォース)に所属し、社内にアクセシビリティを啓蒙する活動を行っています。 Tech-Verse 2022とは？ LINEとヤフーが合同で開催する技術カンファレンスです。これまで両社がそれぞれ開催していたLINE DEVELOPER DAYとYahoo! JAPAN Tech Conferenceが1つになりました。3カ国語(日本語、英語、韓国)で合計88のセッションをLINE LIVEによるライブストリーミング配信を通じ、これまで各社の開発・研究が積み重ねてきた挑戦や得られた知見、そして現在活用している最先端の技術などを伝えることを目的としています。技術的なチャレンジ新規にTech-Verse 2022サイトを制作するにあたり、技術的なチャレンジとしてアクセシビリティ改善を盛り込むことに決めました。LINEプ
UIT Survey 2022 実施レポート
Konosu Kazushi2023-01-26
Front-end Engineer
はじめにこんにちは。フロントエンド開発センター(UIT) Front-end Dev. 9チームの鴻巣です。普段はLINEスキマニおよびLINE Creators Marketのフロントエンド開発を担当しています。 UITでは社内のフロントエンドエンジニアのトレンドや周辺ツールの利用状況を調査するため、毎年社内に向けてアンケート「UIT Survey」を実施しています。Ashley Nolanさんが実施しているFront-end Tooling Surveyをベースに2018年からはじまり、今回で5回目の実施となりました。11月に実施した2022年のアンケート結果を紹介します。概要・対象: 海外拠点を含むLINEのフロントエンドエンジニア（回答者は日本、韓国、ベトナム、タイの組織に所属）・7割程度の回答者が日本を拠点とするエンジニア・質問および回答の言語: 英語・回答期間: 2022/11/22-2022/11/30・回答者数: 123名結果・LINEのフロントエンドエンジニアについて・CSS/UI Frameworkについて・JavaScriptおよび
- frontend
- UIT
- Survey
UIT Meetup vol.18 『俺たちが考える最強のパフォーマンス・チューニング』を開催しました
LINE Engineering2022-12-23
12月14日に、フロントエンドコミュニティ UIT の 18 回目となるミートアップ UIT Meetup vol.18『俺たちが考える最強のパフォーマンス・チューニング』を開催しました。本記事では、イベントの内容について振り返っていきます。なお、本編のアーカイブについては以下の YouTube 動画より閲覧が可能となっております。まだ見ていないかた、見逃したかたはぜひ視聴いただければと思います。本記事では、各セッション紹介でチャプターへのリンクを貼り付けているため、特定のトークから再生を始めることも可能です。 YouTube: https://youtube.com/live/M8TeRB_DT0E UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロン
- frontend
- UIT
- JavaScript
UIT Meetup vol.17 『もっと好きになる Vue.js』を開催しました
Narumi Koki2022-11-07
Front-End engineer at LINE Growth Technology
10月19日に、フロントエンドコミュニティ UIT の 17 回目となるミートアップ UIT Meetup vol.17『もっと好きになるVue.js』を開催しました。本記事では、イベントの内容について振り返っていきます。なお、本編のアーカイブについては以下の YouTube 動画より閲覧が可能となっております。まだ見ていないかた、見逃したかたはぜひ視聴いただければと思います。本記事では、各セッション紹介でチャプターへのリンクを貼り付けているため、特定のトークから再生を始めることも可能です。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。ユ
【インターンレポート】LINE Starbucks Order & Pay のお気に入り登録機能のフロントエンド開発
Kosuke Murakami2022-11-04
Front-end Dev5チーム
こんにちは、技術職就業型コースのインターンシップに参加させていただいた村上浩輔です。8/22 ~ 9/30の6週間の間、Front-end Dev5チームに所属し、LINE Starbucks Order & Payの機能開発に取り組みました。このブログでは私が担当した業務の内容や、インターン期間中に体験したことからLINEのフロントエンドチーム（UIT）の雰囲気について紹介します。携わった業務私は今回LINE Starbucks Order & Payにて、店舗のお気に入り登録機能のフロントエンド開発を行いました。LINE Starbucks Order & PayはLINEアプリ上で、スターバックスのメニューを注文・支払いすることができ、レジに並ばずに商品を受け取ることを可能にするサービスです。背景機能開発をする前は、「現在地から近い順の店舗一覧」「地図上の店舗の位置」でしか店舗を探すことができず、東京のように店舗が密集している地域では店舗を探しづらいという課題がありました。移動中や、少し離れたオフィスからでもオーダーをできる利点をより発揮する為に
- UIT
- line-intern-ja
【登壇・協賛情報】Vue Fes Japan Online 2022
LINE Engineering2022-10-14
LINE Engineering Blog official account
2022年10月16日(日)に開催される、Vue Fes Japan Online 2022にて、LINEはゴールドスポンサーを務めます。本ブログでは、スポンサーセッションの詳細や過去に公開したVueに関連する記事、アフターイベントについてご紹介いたします。ぜひご覧ください。スポンサーセッション紹介 LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーションみなさんは仕事中などにパソコンで音楽を聴くことはありますか？ LINE MUSIC はスマホアプリだけではなくWeb版アプリがあります。Vue.js を使用している LINE MUSIC のWeb版アプリでは、パフォーマンスの向上を目的に Vue3 へのマイグレーションを行いました。その結果、アプリの読込時間が半分に減少するなど大きな成果が得られました。このセッションでは Vue2 で実装されたプロジェクトを運用されている方に向けて、どういった経緯で Vue3 へのマイグレーションを行う事にし、どのようにして進めたか、そしてマイグレーション前後のパフォーマンスの変化をご紹介します。発表日時：2022
- frontend
- UIT
- Vue.js
LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション
Shibasaka Hiroyuki2022-08-09
Front-end Engineer at LINE KYOTO
こんにちは、LINEの京都開発室でフロントエンド開発を担当している柴坂浩行です。みなさんは仕事中などにパソコンで音楽を聴くことはありますか？ LINE MUSIC にはスマホアプリだけではなくWeb版アプリがあります。私たちが開発しているWeb版アプリでは、JSフレームワークとして Vue.js を使用しています。 https://music.line.me/webapp/ これまでこのWeb版アプリには Vue2 が使われてきましたが、2022年6月、私たちは Vue3 にアップグレードしたバージョンをリリースしました。私たちのチームではWeb版アプリの機能開発と平行して、パフォーマンスの改善にも取り組んでいます。パフォーマンスといっても様々な側面がありますが、その中でもバンドルサイズの肥大化が大きな課題でした。アプリを構成する js と css のバンドルサイズは6MB。Sentry というモニタリングツールでWeb版アプリへのアクセスを計測すると、表示に2秒以上かかっているアクセスが約半数に達していました。私たちはリファクタリングを進め、依存パッケージの整理を行うなどサイ
UIT Meetup vol.16 『ちゃんとやってる？アクセシビリティ』を開催しました
Amon Keishima2022-07-19
Front-End engineer at LINE Growth Technology
7月1日に、フロントエンドコミュニティ UIT の 16 回目となるミートアップUIT Meetup vol.16 『ちゃんとやってる？アクセシビリティ』を開催しました。本記事では、イベントの内容について振り返っていきます。なお、本編のアーカイブについては以下の YouTube 動画より閲覧が可能となっております。まだ見ていないかた、見逃したかたはぜひ視聴いただければと思います。本記事では、各セッション紹介でチャプターへのリンクを貼り付けているため、特定のトークから再生を始めることも可能です。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。ユーザーの目
UIT Meetup vol.15 『Relearn Modern Web Standard』を開催しました
Takuma HANATANI2022-03-31
Engineering Manager at LINE Corp. @potato4d
3月25日に、フロントエンドコミュニティ UIT の 15 回目となるミートアップ「UIT Meetup vol.15 『Relearn Modern Web Standard』」を開催しました。本記事では、イベントの内容について振り返っていきます。なお、本編のアーカイブについては以下の YouTube 動画より閲覧が可能となっております。まだ見ていないかた、見逃したかたはぜひ視聴いただければと思います。本記事では、各セッション紹介でチャプターへのリンクを貼り付けているため、特定のトークから再生を始めることも可能です。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動

1 2 3 4 5