@potato4d が @ytamemot に、PayPayカードと保険サービスにまたがるUIコンポーネントのVue 3マイグレーション戦略について話を聞きました。 About ゲスト紹介 tamemoto さん（デザインエンジニア） 2022年にヤフー株式会社に新卒入社、現在はPayPayカード株式会社に出向 マイグレーションの背景 Vue 2のEOLとセキュリティの観点からの移行必要性 PayPayカードのWeb版とミニアプリ版の両方でVueを使用 共通UIコンポーネントのnpmパッケージ化とそのマイグレーション マイグレーションの概要 約1か月半の期間で実施 機能開発と並行して行う 課題と解決策 カード側のVue 2からNuxt 3への移行 保険側のVue 2からVue 3への移行 ViteとWebpackの両対応の必要性 プロトタイプ機能を使った共通インターフェースの実装 特に苦労

2024年5月14日と15日に開かれたGoogle I/Oでの様子について、実際に現地で参加したフロントエンドエンジニアの4人が話しました。 宣伝 6月7日 (金) にGoogle I/Oを振り返るRecap Eventを開催！ 詳しくはこちらから: https://lycorptech-jp.connpass.com/event/319039/ Shownote Google I/O 2024 https://io.google/2024/ Developer Keynote Gemini NanoとChrome built-in AI View Transitions API Speculation Rules API Webセッション Baselineごとに分類されたWebの機能を確認できるページ https://webstatus.dev/ 英語について 採用について LINEヤフ

@potato4d が UIT INSIDE のリニューアルと、サステナブルなオウンドメディアのメンテナンスについて語りました。 リニューアルの目的 より良いユーザー体験 古いコードベースからの脱却 ユーザビリティの向上 メンテナンスフリーなシステム システムの維持管理を容易に 持続可能なメディア構築 リニューアルの背景 旧システム（Nuxt.js v2とVue 2）のサポート終了 社内基盤（コンテナサービス）の老朽化 全体システムの見直しと一斉更新の必要性 フロントエンドの変更点 ポッドキャストフロントエンド Nuxt.js v2からNext.jsに移行 ユーザー体験の改善 パフォーマンス向上（プリフェッチ、キャッシュの最適化） 音声プレイヤーの再設計 ポッドキャストアドミン Web UI廃止、CLIアプリケーションに切り替え シンプルでメンテナンスが容易な設計 JSONを用いたAPIと

@odan3240 が @cola119、@kazuma0129 とともにLINEログインのフロントエンドのVue 3化について話しました。 マイグレーション対象の概要 シングルページアプリケーションの構成 Vue 2のサポート終了に伴うセキュリティ懸念 パフォーマンス向上とTypeScriptサポート 実施したこと Vue 2.6から2.7へ、そしてVue 3へアップグレード 静的解析の強化とESLintでの破壊的変更検出 外部依存性問題と非互換性のプラグイン対応 Viteへの移行でビルド速度向上 ビジュアルリグレッションテスト導入 Refs BGM&SE 魔王魂/騒音のない世界/OtoLogic

サービスの課題やニーズを知ることを目的に実際にユーザーから意見を聞き出して調査するユーザーインタビューについて、2つの事例をもとに聞きました。 ユーザーインタビューについて ユーザーインタビューの流れ 質問する内容 インタビュワーとインタビュイーの信頼関係 ユーザーインタビューで得られる情報とは？ 実際に参加することで得られること ユーザーインタビューのスタンス 単に質問への答えを聞き出す、ではない フロントエンドエンジニアがユーザーインタビューに参加する意義 Refs BGM&SE 魔王魂/騒音のない世界/OtoLogic

LINEヤフー誕生後に開催したフロントエンドエンジニアのための社内勉強会について、@spring-raining がイベントのコーディネーターであるDevRelの @kazunari.nakata と勉強会を開くことについて話をしました。 ゲスト @kazunari.nakata LINEヤフー Developer Relations Team 話したこと 会社合併後に開催した社内勉強会 Web Tech Meeting について 勉強会の懇親会の雰囲気 社内勉強会がめざす立ち位置 純粋な娯楽としてのメディアや技術カンファレンスとの棲み分け 技術シェアのためのイベントと交流のためのイベント Refs BGM&SE 魔王魂/騒音のない世界/OtoLogic

@potato4d が @odan3240 に、 npm に新規追加された provenance 機能について話を聞きました。 概要 npmのprovenanceは、npmパッケージとソースコードの対応関係を証明するための機能である。 サプライチェーン攻撃などのセキュリティ上の問題に対処するために開発された機能である。 provenanceを使用すると、パッケージのリリースごとにその出所やコードの紐付けが可能となる。 GitHub Actions上でnpm publishを行う場合にのみprovenanceを利用することができる。 provenanceの紐付け情報には、GitHub Actionsのメタデータやリポジトリの情報、コミットハッシュなどが含まれる。 provenanceによって、ソースコードの正当性やリリースの信頼性を確認することができる。 シグストアというサービスが署名の管理

2023年2月に開催された企画「UIT新春Tech blog 2023」の記事について、記事の執筆者である@spring-rainingと@naoto.ikunoが話しました。

@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