@potato4d が @kazushikonosu に、 UIT Survey 2022 について話を聞いてみました。 https://engineering.linecorp.com/ja/blog/uit-survey2022-report 質問項目 How many times do you work remotely in an average week? 7割近くのエンジニアがほとんど毎日リモートで勤務しており、週3~4のリモートを含めると9割ほどのエンジニアがリモート中心で勤務しています。 Usage of UI frameworks 以前まで優勢だった Bootstrap とその派生の勢力が弱まり、 tailwind 系統が伸び続けている。以前として vanilla も根強い人気を誇っている。 Usage of library for React state managem

@potato4d が Tech-Verse のセッション質問者代表の @jaycompsci, @naoto.ikuno, @yukishiba, @showkittie に、各セッションのみどころを聞いてみました。 Tech-Verse とは？ https://tech-verse.me/ja Tech-Verse 2022は、LINEとヤフーが合同で11月17日、18日の2日間に開催するオンライン技術カンファレンスです。両社をはじめ参加各社の多彩なメンバーによって、最先端の挑戦や積み重ねてきた知識を共有します。 Front-End セッション一覧 https://tech-verse.me/ja/sessions/#web_frontend LINE のフロントエンドセッション Feature Toggleを用いた大規模改修への開発アプローチin LINEスキマニ https://t

主にOSSプロジェクトで活用されているmonorepoバージョニングツール「Changesets」を社内プロジェクトに導入した話について、@potato4dが@spring-rainingに聞いてみました。 Changesetの仕組み https://github.com/changesets/changesets monorepo向けバージョニング&リリースツール 修正や機能追加があれば、.changeset ディレクトリに自動生成されたMarkdownファイル (Changeset) にChangelogを書く その変更の粒度 (major/minor/patch) もMarkdownファイルで指定する パッケージがリリースされるまでChangelogが .changeset に溜まっていく changeset publish すると、リリースされていないChangelogが CHAN

Node.js コアコラボレーターの @cola119 に、活動内容や OSS コントリビュートを始めたきっかけについて @G4RDS が聞いてみました。 Links @cola119 がNode.js Core Collaboratorになりました https://github.com/nodejs/node/pull/44248 Node.js team members https://github.com/nodejs/node#current-project-team-members nodejs/undici https://github.com/nodejs/undici Node.js YouTubeチャンネル https://www.youtube.com/c/nodejs-foundation Node.js Code Coverage https://coverage.

LINEバイトのフロントエンドチームで最近実施されたReact 18へのアップグレードについて、＠spring_raining が @kazushikonosu に聞いてみました。 LINEバイトとReact ep. 127でちょっとだけ出てきた話 LINEバイトについて 技術スタックなど React 18へのアップグレード時に行った実際の作業 React 18にアップグレードさせるための下準備 React 18での変更点 React 18 Alpha登場時のエピソード: https://uit-inside.linecorp.com/episode/89 https://reactjs.org/blog/2022/03/29/react-v18.html https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html Sus

https://github.com/nadeesha/ts-prune 今回紹介した CLI ツール typescript.referencesCodeLens.enabled ts-prune を導入するきっかけになった VSCode の設定 有効化すると、関数や変数の被 import 数を表示できる https://forest.watch.impress.co.jp/docs/news/1042641.html Refs LINE 新卒採用 2023 https://linecorp.com/ja/career/newgrads/engineering/ キャリア採用はこちらから https://linecorp.com/ja/career/position/475 BGM&SE 魔王魂/騒音のない世界/OtoLogic

@G4RDS が、 @uhyo_ と @AlanGDavalos に、SolidJSの登場を踏まえたUIライブラリの考え方について、話を聞いてみました。 https://www.solidjs.com/ Virtual DOMのないUIライブラリ コンポーネントの記述方法がReactのFunction Componentに似ている Type Narrowingについて https://www.solidjs.com/guides/typescript#control-flow-narrowing @uhyo_ のベンチマークについて Reactに有利なベンチマークを作ってみた https://qiita.com/uhyo/items/35cb243557df5e1a87fc React脳によるUIライブラリ書きやすさランキング https://qiita.com/uhyo/items/ff

Recoil から最近登場したライブラリ recoil-relay とライブラリ公開の真意について、@spring-raining と @uhyo が話しました。 Recoilについて ep.49 ReThink state managements - Recoil から見える未来 https://uit-inside.linecorp.com/episode/49 recoil-relayでできること リリースブログ: https://recoiljs.org/blog/2022/06/02/recoil-relay-0.1.0-release Recoilと統合されたGraphQLクライアント GraphQLのクライアントとしてはApolloが有名だが、Meta公式はRelayというライブラリを提供している spring-raining: recoil-relay自体は小さなライブラリ

@potato4d が @a_t と @taku_eof に、アクセシビリティインタビューについて話を聞きました。 ゲスト @a_t UIT Front-End Dev.10 Manager LINE NEWS の Front-End / 社内の A11y TF を中心に活動 @taku_eof LINE GT Front-End Engineer A11y TF メンバー A11yインタビューについて もともと草の根的にアクセシビリティ関連のガイドラインとかを輪読したり情報共有する会を週1でやっていた UIT全体の方針としてアクセシビリティの向上を目指すことに決まり、本格的にガイドライン化を進めたり、ユーザ調査やテストをするためにTFを作った もともとは対面でのユーザ調査やテストをやりたかった コロナで対面でのやりとりが取りづらく、まずはインタビューを実施するという流れ 今までは当事者不

@spring_raining が @potato4d に GW 中に開発した LIFF プラグインの概要と、開発してみて感じたことを聞いてみました。 LINE Front-End Framework https://developers.line.biz/ja/docs/liff/overview/ LINE App 内で Super App として Web アプリケーションを動かすための仕組み LIFF は 2 つの仕組みが連携して動作している LINE App 本体に含まれる LIFF の表示基盤 JavaScript ベースの LIFF SDK LIFF Plugin 4 月に出たばかりの新機能 4/18 の LIFF v2.19.1 から LIFF Plugin システムが LIFF SDK に実装 https://developers.line.biz/ja/news/2022