frontend

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 を公開しました。
今回は使い方はもちろんのこと、このようなコンポーネントができるまでを紹介していきます。

【LINE証券 FrontEnd】コンポーネントをカスタムフックで提供してみた

こんにちは。フィナンシャル開発センターの鈴木です。LINE証券のフロントエンドを担当しています。

以前の記事でご紹介した通り、LINE証券ではReactを使用しています。React 16.8で導入されたフックの機能は非常に革新的で、特にカスタムフックの概念によってReactにおけるコンポーネント設計は大きく様変わりしました。我々もフック時代のコンポーネント設計を試行錯誤しており、その結果はLINE証券にも反映されています。

この記事では、その中でも我々が最近ハマっている「カスタムフックを通じてコンポーネントを提供する」という、いわば“render hooks”とも言うべき設計パターンを紹介します。

TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します

こんにちは。LINE Growth Technology UITチームの慶島(@pittanko_pta)です。
この記事では、TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します。

All TypeScript で開発したLINEで動くリアルタイムクイズアプリの裏側

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

先日、6月17日に開催した UIT meetup vol.9 ã§ã€æœ¬ç·¨ã®å‰ã«ã‚¦ã‚©ãƒ¼ãƒ ã‚¢ãƒƒãƒ—として、フロントエンドに関するクイズ企画を開催しました。そこで使うことを目的として、UIT App という名前で LIFF のアプリを作成しました。

UIT App は LIFF で動作するクイズアプリです。
現状クイズだけですが、今後はいろんな取り組みをこのアプリ上で動作させることができるようになっていく予定です。

この UIT App を実装するにあたって、フロントエンドでは StencilJS を、サーバーサイドでは NestJS を採用しました。
これらを使ってみての所感や、こだわった箇所などを紹介したいと思います!

UIT meetup vol.9 「The new normal frontend」を開催しました

フロントエンドコミュニティ UIT のミートアップ 9 回目は「The new normal frontend」というテーマで 6 月 17 日に開催しました。

オンラインで開催する UIT meetup はこれで 2 回目になります。昨今の状況で皆さんの中にも、働き方や生活様式が大きく変わった人も多いんじゃないでしょうか。そんな中、UIT meetup vol.9 ではこの状況下で新しいプロジェクトを完成させた Changhee Kim さん、リモートワークが当たり前な会社で働くための基盤を構築した Lena Morita をゲストにお呼びしてお話していただきました!