frontend

【インターンレポート】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”とも言うべき設計パターンを紹介します。

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 をゲストにお呼びしてお話していただきました!

【LINE証券 FrontEnd】Page Stack の進化と課題

こんにちは、sunderlsです。2年前Page Stackについての記事「LINEマンガ:Page Stackを使ってサクサクなページ遷移を実現できました」を出しました。LINE証券でもこのアプローチをとっています。

この記事ではPage Stackはどう進化したのか、どんな課題を抱えているのかを説明します。

【LINE証券 FrontEnd】LINE証券フロントエンドの全体像

こんにちは。フィナンシャル開発センターWeb開発室の鈴木です。Web開発室は現在「LINE証券」のフロントエンドを担当しています。【LINE証券 FrontEnd】シリーズでは、Web開発室メンバーがLINE証券のフロントエンドにまつわる様々なトピックや、LINE証券の開発中に得た知見をお届けします。今回は第1回ということで、LINE証券フロントエンドの全体像を説明します。LINE証券というアプリがどんな技術で動いているのか、そして技術に対する考え方を知ることで、LINE証券をより身近に感じていただけると幸いです。

【Team & Project】LINEのユーザ向けサービスのWebフロントエンドを開発しているチームを紹介します

LINEの開発組織のそれぞれの部門やプロジェクトについて、その役割や体制、技術スタック、今後の課題やロードマップなどを具体的に紹介していく「Team & Project」シリーズ。

今回は、フロントエンド開発組織の中で、ユーザ向けサービスのWebフロントエンドを担当しているチームについて紹介します。フロントエンド開発センターの清水大輔、縣亮太、折原レオナルド賢に話を聞きました。

ユーザ向けサービスのWebフロントエンドを担当しているチームのzoom会議の様子