Blog - LINE ENGINEERING

Akihiro Tamada (spring-raining)

Engineer at Front-End Development Center

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
Web フォントを使って contenteditable から脱出する
Akihiro Tamada (spring-raining)2022-01-19
Engineer at Front-End Development Center
こんにちは、LINE フロントエンド開発センターの玉田です。突然ですが、本日よりフロントエンド開発に携わる UIT のエンジニアが持ち回りで記事を公開する「UIT 新春 Tech blog」を開催します。 UIT のメンバーが普段の業務で得た知識や、年末年始でたまった知見などを共有していきます。本記事の公開から 1 月 28 日 (金) まで、平日の毎日違うメンバーが記事を公開していきます。ぜひ最後まで見に来てください！トップバッターは私から、フロントエンドエンジニアを悩ませる contenteditable からの脱却についてです。 contenteditable の呪いみなさんは contenteditable についてご存知でしょうか？　contenteditable 属性とは、ある要素が編集可能かどうかを示す HTML 属性で、この属性を true にすることでユーザー自身がその HTML 要素を編集できるようにするものです。<input type="text"> や <textarea> といった要素はテキストを編集す
- frontend
- UIT
UIT Meetup vol. 13『知っておきたい Front-end Tooling の今』を開催しました
Akihiro Tamada (spring-raining)2021-07-15
Engineer at Front-End Development Center
7 月 7 日、LINE のフロントエンドコミュニティ UIT が主催するミートアップイベント UIT Meetup vol. 13『知っておきたい Front-end Tooling の今』を開催しました。この記事では、イベントの内容について振り返っていきます。 UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。現在は UIT Meetup 以外にも、現在閲覧されている LINE Engineering Blog での記事の公開や、毎週発信を行う技術 Podcast「UIT INSIDE」にも取り組んでいます。前回の UIT Meetup は「リニ
UIT Meetup vol.10「Vue 三昧」を開催しました
Akihiro Tamada (spring-raining)2020-09-30
Engineer at Front-End Development Center
9 月 18 日、フロントエンドコミュニティ UIT の 10 回目となるミートアップ「Vue 三昧」を開催しました。今回の UIT meetup のテーマでもある Vue.js は、メジャーアップデートとなる Vue 3 のリリースに向けておよそ 2 年間開発が続けられていました。そんなフロントエンドエンジニア注目の Vue 3 期待の新機能について、Vue.js コアチームメンバーでもある kazupon さんをお呼びして、文字通り Vue 三昧の内容をお送りしました。このイベント自体の日程は 1 ヶ月以上前から決まっていたものですが、偶然にもこのイベントのおよそ3時間後には、Vue 3 の正式リリースが発表されました！結果的には、このイベントが Vue 3 リリース前で最も新しい情報を発信していたのかもしれません。 UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。
生放送 Podcast「UIT INSIDE Live! vol.1」を配信しました
Akihiro Tamada (spring-raining)2020-05-15
Engineer at Front-End Development Center
5 月 13 日、フロントエンドコミュニティ「UIT」が発信する生放送 Podcast「UIT INSIDE Live! vol.1」を公開しました。この企画は、UIT のメンバーが出演する Podcast「UIT INSIDE」の生配信版として、普段音声だけで公開していたものを発展させ、YouTube Live にてお送りしました。生放送という今まで私たちが取り組んだことのない試みではありましたが、最終的な総視聴者数は 200 人を超え、想定以上の反響をいただきました。今回の配信は、Discord上でパーソナリティーが会話・画面共有を行い、Streamlabs OBSを介してYoutube Liveに配信する、という方式を採用しました。オープニング動画を流したりと、いつものUIT INSIDEと比較するとリッチな演出をできたのでは、と思っています。また、配信スタッフ含めて関係者全員がリモート環境にて参加・運営しました。無事トラブルもなく終えることができ、関係者一同、胸を撫で下ろしています。当日配信した YouTube Live のアーカイブは以下よりご覧いただけます。 U
- frontend
- UIT

1