Blog - LINE ENGINEERING

TAG ARCHIVES: UIT

UIT Meetup vol. 14 『来年こそ使いたい！ Schema 駆動 Web API』を開催しました
Ryo Utsunomiya2021-12-02
11月24日、LINE のフロントエンドコミュニティ UIT が主催するミートアップイベント「UIT Meetup vol. 14 『来年こそ使いたい！ Schema 駆動 Web API』」を開催しました。この記事では、イベントの内容について振り返っていきます。 UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。現在は UIT Meetup 以外にも、現在閲覧されている LINE Engineering Blog での記事の公開や、毎週発信を行う技術 Podcast「UIT INSIDE」にも取り組んでいます。前回の UIT Meetup は「Front-end Too
- 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 は「リニ
Bootstrap5がリリースされました！
Akihiko Okazaki2021-05-12
Front-end Engineer
はじめにこんにちは。フロントエンド開発センター(UIT) 岡崎です。 LINEはBootstrapを応援しており、2021年5月からはSponsorも行っています。また、OSS貢献の一環としてBootstrap日本語リファレンスの翻訳・運営も担当しています。 Bootstrap4正式公開から3年4ヶ月、2021年5月5日に待望のBootstrap5正式版がリリースされました！今回はバージョン4からの変更点をチェック、公式Blog記事(英語)を日本語に翻訳して紹介していきます。関連する過去の記事 Bootstrap5 alpha1 vs beta1 UIT Front-end Tooling Survey 2020 UIT Front-end Tooling Survey 2019 LINEはなぜデザインシステムを取り入れたのか？ LINEのフロントエンド開発を支える「UIT」の仕事バージョン4から5への変更点 v4とv5の比較比較項目 v4.x v5.x RTL対応非対応対応 RFS(標準) 無効有効 JSライブラリ jQuery 3.x なし
- frontend
- UIT
- CSS
UIT Meetup vol.12「リニューアル戦略発表会」を開催しました
Takuma HANATANI2021-03-19
Engineering Manager at LINE Corp. @potato4d
3月10日に、フロントエンドコミュニティ UIT の 12 回目となるミートアップ「UIT meetup vol.12『リニューアル戦略発表会(一部から全部まで)』」を開催しました。今回の UIT meetup では、『リニューアル・リプレース』をテーマに、3名の登壇者によるセッションをお送りしました。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。現在は UIT meetup の開催以外にも、LINE Engineer Blog での記事の公開や、Podcas
TypeScriptの導入にあたって考慮すべきメリットとコスト
Ting-Shu Lin2021-01-26
皆さんこんにちは。京都開発室のLinです。仕事と個人的なプロジェクトでTypeScriptによる開発を始めて約2年が経ちましたので、 TypeScript導入時の経験を皆さんにお話ししたいと思います。近年、TypeScriptはフロントエンド分野で最も注目を集める技術となっています。The State of JavaScriptの資料によれば、TypeScriptの使用を選択する開発者は増加を続けており、その評価も肯定的なものが多いようです。「次のプロジェクトではTypeScriptにより開発を行うべきだ」「今あるJavaScriptプロジェクトをTypeScript仕様に変更すれば、プロジェクト品質の向上につながる」と考えているチームは数多くあるでしょう。しかしながら、TypeScript導入のコストおよびメリットについては、極めて慎重に評価を行う必要があると、私は考えています。 TypeScriptの導入に必要なコストを軽視してはならないこれまでの個人的な経験からすれば、TypeScriptに習熟した後の開発効率は、JavaScriptを使用する場合とほとんど変
- frontend
- UIT
- TypeScript
Bootstrap5 alpha1 vs beta1
JuYoung Lee2021-01-21
はじめにみなさん、こんにちは。UIT室DEV8チームで、フロントエンド開発を担当しているイジュヨンと申します。 2020年6月17日 Bootstrap5 alpha1 版が公開されてからついに、2020年12月７日、Bootstrap5 beta1 が公開されました！！！ LINE では Bootstrap4 をベースとした管理画面向けの koromo と Bootstrap5 をベースとした社内プロダクト向けの UIT Toolkit "Astro" を開発しています。今回は alpha1 と beta1(alpha2, alpha3含め) の差についてざっくり紹介します。alpha1 から beta1 への変更点としては下記のようです。 RTL(right-to-left) Renamed classes for logical properties Color system States in the utilities API JavaScript Evolution of Position utilities Added
- frontend
- UIT
- Bootstrap5
UIT Front-end Tooling Survey 2020
Akihiko Okazaki2021-01-13
Front-end Engineer
はじめにこんにちは。フロントエンド開発センター(UIT) 岡崎です。 UITでは毎年、フロントエンド周辺のツールに関する社内向けアンケート『UIT Front-end Tooling Survey』を行っています。Ashley Nolanさんが実施しているFront-end Tooling Surveyをベースにアレンジしたものです。2018年から実施して今回で3回目、2020年の結果を2019年と比較する形で紹介します。 2020年・調査結果 0.Voters 2019 2020 55 66 対象はフロントエンドエンジニア LINE(東京・京都), LINE Fukuoka, LINE Growth Technology, LINE Plus 日本, 韓国, 台湾, ベトナム 2020年8月時点 1.General Front-end Experience Roughly how long have you been working with front-end technologies? 開発経験年数のボリュームゾーンが「2
- frontend
- UIT
- Survey
UIT Meetup vol.11「フロントエンド紅白LT合戦」を開催しました
Hiroki Sueishi2021-01-05
12月18日に、フロントエンドコミュニティ UIT の 11 回目となるミートアップ「フロントエンド紅白LT合戦」を開催しました。今回の UIT meetup では、紅組としてUITのメンバー3名と、白組としてゲストスピーカー3名をお招きして、3つのテーマについて10分間ずつのLTを行っていただきました。その後、視聴いただいた皆様に、2021年で使ってみたい技術は紅組白組どっち？という投票を行っていただくインタラクティブな会となりました。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。現在は UIT meetup の開催以外にも、Engineering Blog での記事の公開や、Podcast「UIT INSIDE」を配信しています。過去にはVue.jsの最新情報をキャッチアップする「Vue三昧」、昨今のワークスタイルの変化とエンジニアとの関係について考える「Th
【インターンレポート】リモートインターンで LINE NEWS に新機能を実装しました
LINE Engineering2020-10-22
こんにちは。技術職就業型コースのインターンシップに参加した泉水勇輝です。 8月24日から6週間、LINE Front-end Dev1 チームに所属し、メンターの堀淳一郎さんにご指導いただきながら、LINE NEWS のフロントエンド開発業務に取り組みました。インターンシップはほとんどリモートで行われました。この記事では、私が担当した機能や、実際の業務内容についてご紹介します。 LINE NEWS の開発業務私がこのインターンでメインに取り組んだ業務は LINE NEWS の新機能開発です。 LINE NEWS には VISION という縦型動画コンテンツがあります。VISION は、オリジナルの動画コンテンツが見られる場所というコンセプトで始まったサービスです。当初は、ユーザーができる操作を制限して UI をシンプルにすることで没入感を高めていました。この没入感を保ちながら、より動画を楽しんでもらうのに必要な要素は何かを慎重に考えて、UI/UX の改善やテストを繰り返し行っています。今回はその一環として、シークバーを実装することとなりました。私はこの案件の担当を希望し、イン
- UIT
- line-intern-ja
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」を掲げるコミュニティです。ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。

1 2 3 4 5