frontend

Bootstrap5がリリースされました!

はじめに

こんにちは。フロントエンド開発センター(UIT) 岡崎です。

LINEはBootstrapを応援しており、2021年5月からはSponsorも行っています。また、OSS貢献の一環としてBootstrap日本語リファレンスの翻訳・運営も担当しています。

Bootstrap4正式公開から3年4ヶ月、2021年5月5日に待望のBootstrap5正式版がリリースされました!

今回はバージョン4からの変更点をチェック、公式Blog記事(英語)を日本語に翻訳して紹介していきます。

UIT Meetup vol.12「リニューアル戦略発表会」を開催しました

3月10日に、フロントエンドコミュニティ UIT の 12 回目となるミートアップ「UIT meetup vol.12『リニューアル戦略発表会(一部から全部まで)』」を開催しました。

今回の UIT meetup では、『リニューアル・リプレース』をテーマに、3名の登壇者によるセッションをお送りしました。

【LINE証券 Frontend】requestIdleCallbackを活用して初期レンダリング時間を約14%削減した話

こんにちは。フィナンシャル開発センターの鈴木です。LINE証券のフロントエンドを担当しています。この記事は【LINE証券 FrontEnd】シリーズの4番目の記事です。

最近のWeb Vitalsの隆盛を受けて、LINE証券のフロントエンドでもパフォーマンスの改善に取り組み始めました。およそ2週間ほど改善に取り組んだ結果として、開発環境での計測ではLighthouseのperformanceスコアが従来より30点ほど上昇しました。

パフォーマンス改善のためにさまざまな施策を行いましたが、この記事ではその中でも興味深かったものとして、requestIdleCallbackを活用してLazy Loadingされるコンポーネントの読み込みを遅延し、その結果初期レンダリングにかかる時間を約14%削減できた事例をご紹介します。

TypeScriptの導入にあたって考慮すべきメリットとコスト

皆さんこんにちは。京都開発室のLinです。仕事と個人的なプロジェクトでTypeScriptによる開発を始めて約2年が経ちましたので、TypeScript導入時の経験を皆さんにお話ししたいと思います。

Bootstrap5 alpha1 vs beta1

みなさん、こんにちは。
UIT室DEV8チームで、フロントエンド開発を担当しているイジュヨンと申します。

LINE では Bootstrap4 をベースとした管理画面向けの koromo と Bootstrap5 をベースとした社内プロダクト向けの UIT Toolkit “Astro” を開発しています。

今回は alpha1 と beta1(alpha2, alpha3含め) の差についてざっくり紹介します。

UIT Front-end Tooling Survey 2020

こんにちは。フロントエンド開発センター(UIT) 岡崎です。

UITでは毎年、フロントエンド周辺のツールに関する社内向けアンケート『UIT Front-end Tooling Survey』を行っています。Ashley Nolanさんが実施しているFront-end Tooling Surveyをベースにアレンジしたものです。2018年から実施して今回で3回目、2020年の結果を2019年と比較する形で紹介します。

UIT Meetup vol.11「フロントエンド紅白LT合戦」を開催しました

12月18日に、フロントエンドコミュニティ UIT の 11 回目となるミートアップ「フロントエンド紅白LT合戦」を開催しました。

今回の UIT meetup では、紅組としてUITのメンバー3名と、白組としてゲストスピーカー3名をお招きして、3つのテーマについて10分間ずつのLTを行っていただきました。

その後、視聴いただいた皆様に、2021年で使ってみたい技術は紅組白組どっち?という投票を行っていただくインタラクティブな会となりました。

【インターンレポート】LINE証券アプリのパフォーマンス改善

こんにちは。京都大学工学部情報学科の太田(@ten986)です。技術職 就業型コースのインターンシップに参加しました。
インターンでは、フィナンシャル開発センターWeb開発室Front-endチームに所属し、LINE証券アプリのパフォーマンス改善をしました。
この記事ではインターン期間中の成果を紹介します。

UIT Meetup vol.10「Vue 三昧」を開催しました

9 月 18 日、フロントエンドコミュニティ UIT の 10 回目となるミートアップ「Vue 三昧」を開催しました。

今回の UIT meetup のテーマでもある Vue.js は、メジャーアップデートとなる Vue 3 のリリースに向けておよそ 2 年間開発が続けられていました。そんなフロントエンドエンジニア注目の Vue 3 期待の新機能について、Vue.js コアチームメンバーでもある kazupon さんをお呼びして、文字通り Vue 三昧の内容をお送りしました。

UIT 発の OSS コンポーネント glitch-image を公開しました

LINE株式会社フロントエンド開発センター(通称: UIT)の折原です。

先日 glitch-image という画像にオシャレなエフェクトをかけられる Web Component を公開しました。
今回は使い方はもちろんのこと、このようなコンポーネントができるまでを紹介していきます。