@potato4d と @spring_raining が、@okazou と一緒に LINE Seed JP の Google Fonts 登録の舞台裏について語りました。 ゲスト okazou LINE Seed プロジェクト統括 LINE Seed JP 公式サイト https://seed.line.me/ Google Fonts 上での LINE Seed の個別ページ https://fonts.google.com/specimen/LINE+Seed+JP GitHub Repos/Issues https://github.com/line/seed https://github.com/line/seed/issues/1 https://github.com/google/fonts/issues?q=LINE Seed 採用について LINEヤフー新卒採用 LIN

@potato4d が、@basara669 と一緒に State of LY 2025 について語りました。 LINEヤフー社内で毎年実施しているフロントエンドサーベイ「State of LY」の2025年版。昨年から規模を拡大し、フロントエンドだけでなくバックエンド・iOS・Androidまでカバーする形で実施。回答者数は約350人。 公式レポート: 近日公開！ 注目トピック AI・Vibe コーディングの浸透 2024年版では AI 関連の質問が1問のみだったのに対し、2025年版では6問に拡大。特に Vibe コーディングの浸透率が顕著で、回答者の半数以上が業務の半分以上を Vibe コーディングで行っていると回答。約15%はほぼ Vibe コーディングのみという結果に。一方、「まったくしたことがない」「ほぼしない」という層も3割近く存在し、普及余地が可視化された。 AIの情報源に

こんにちは。@potato4dです。今回は2025年10月25日に開催された Vue Fes Japan 2025 の参加・協賛レポートをお届けします。Vue Fes JapanとはVue Fes J...

@potato4d が @spring_raining とともに、フロントエンドカンファレンス北海道について振り返りました。 https://www.frontend-conf.jp/ 取り上げたセッション ブラウザは「フロントエンド」を何から守っているのか？ https://docs.google.com/presentation/d/1SRlqYR7m4a9JcN9GblnByeQP7Mmwwoe8zTlQQDhqMJc/edit?pli=1 ProxyによるWindow間RPC機構の構築 https://speakerdeck.com/syumai/window-rpc-using-proxy 「待たせ上手」なスケルトンスクリーン、そのUXの裏側 https://speakerdeck.com/teamlab/skeleton-screen-ux 自作JSエンジンに推しプロポーザルを

UIT INSIDEとサイボウズフロントエンド通信がコラボし、2つのポットキャストの主要メンバーが「発信の文化」について語りました。 サイボウズ フロントエンド通信 https://open.spotify.com/show/3vRymESsJYxiNkL1roDUeQ 発信の取り組み LINEヤフー テックブログ、イベントレポート中心 カンファレンス登壇支援（CFPレビュー等） サイボウズ フロントエンドマンスリー https://www.youtube.com/playlist?list=PLPTndynQK4dxLZFEZgOZjt_zKG-0JWoWy 月1回のYouTube配信 社内Slackで話題を共有 → マンスリーで発信 ZennやCybozu Inside Outでのテキスト発信 発信のモチベーションと工夫 継続的発信のハードルと、それを超えるための文化づくり 「楽しそう

@potato4d が @a_t に、最近のCSS事情について話を聞きました。 ゲスト 富田 (@a_t) アクセシビリティチーム リーダー HTML/CSSに関する社内啓蒙活動を担当 主なトピック 1. Container Queries メディアクエリ（Media Queries）と似ているが、特定の要素（コンテナ）単位でスタイルを変更可能 モジュール単位でレスポンシブなスタイルを柔軟に設定できる Safari 16.0以降、Chrome、Edge、Firefoxなど主要ブラウザで対応済み 実践投入可能な段階に到達 2. テキスト描画改善系のプロパティ プログレッシブエンハンスメント（Progressive Enhancement）として段階的導入が推奨される text-spacing-trim 段落冒頭や末尾の全角記号の余白を自動調整 非対応ブラウザでも表示が崩れないため、積極的に導

@odan3240 が chibivue land からのゲスト(@ubugeeei, @karan_corons, @yamanoku) とともに 「Tech-Verse 2025」について振り返りました。 https://tech-verse.lycorp.co.jp/2025/ja/ ■ Techverse 2025 概要 オンライン・オフラインのハイブリッドイベント 公式 LINE アカウントからリマインド・会場マップなどをプッシュ 外部公開できる資料・動画は可能な限り後日公開予定 ■ フロントエンド枠で刺さったセッション 文字コントラストの歴史と WCAG 3（登壇：中野） 没入感を生むトランジション設計と View Transitions API Yahoo Finance における生成 AI 活用とコスト最適化 “挿すだけ”で数値化 → 支援まで行う Web Perf チーム

SaaS市場の変化と業界の人口増加、生成AIの台頭により、長らく続いたエンジニア業界は大きな変革の中にあります。 技術の進化は留まることを知らず、専門性を要する投資・戦略の領域は広がり続ける一方、開発者も事業運営上の存在価値を強く求められる傾向は日に日に増すばかりです。 そんな中、私たちに求めら…

@potato4d が @inouye に、LINEヤフー主催テックカンファレンス「Tech-Verse 2025」の見どころやフロントエンドトラック、グローバル展開について話を聞きました。 https://tech-verse.lycorp.co.jp/2025/ja/ 今回のトピック Tech-Verse 2025 概要 LINEヤフー主催の大規模テックカンファレンス 2025年の注目テーマは「AI」と「セキュリティ」 2日間・120トラック超、オンライン・オフラインのハイブリッド開催 フロントエンドトラックの見どころ 7月1日（火）開催、全10セッションを厳選 パフォーマンス、デザインシステム、アクセシビリティなど多様なテーマ パフォーマンス関連セッションは2本立て＋実践事例で構成 アクセシビリティは唯一のパネルディスカッション形式で過去・現在・未来を網羅 EM（エンジニアリングマネ

@TheoSteiner が @mahamada, @l1lhu1hu1, @basara669 に、Google I/O 2025 現地レポートやWeb最新動向について話を聞きました。 今回のトピック Google I/O 2025 現地レポート テオがマウンテンビュー現地から収録 浜田・津村・森本が現地参加して得たリアルな感想や雰囲気 注目の発表・プロダクト 検索AIモード 検索結果のタブに「AI」モードが追加。AIが直接答えを返す新体験。 Gemini Live/AIエージェント Geminiアプリ上で自然な会話・予約などが可能なAIエージェント体験。 Android XR新デバイス MUHAN（ヘッドセット型）とグラス型の2タイプを発表。年内US発売予定。現地デモも大盛況。 Web開発者向けの新機能・発表 Built-in AI/マルチモーダルAPI Chromeに組み込まれたAI

@spring_rainingと@ytamemotが、社内で開催したイベント「AI Code Agents Meetup」や、今後の社内でのコーディングエージェント普及の展望について話しました。 アウトライン 社内勉強会「AI Code Agents Meetup」 @ytamemotがAIを活用して制作したデモアプリ「Toy Chat」 懇親会でのリアルタイム改善セッション 今後の展望 継続的な開催の意向 社外向けイベントも検討中 イベントで作成したデモアプリ ハッシュタグ #UIT_INSIDE 採用について LINEヤフー新卒採用 LINEヤフー中途採用 使用素材・クレジット BGM&SE 魔王魂 騒音のない世界 OtoLogic

こんにちは！フロントエンドエンジニアのodanです。 2025年5月23日と5月24日に開催されるTSKaigi 2025にて、LINEヤフー株式会社のエンジニア3名のプロポーザルが採択されました。 本ブログでは、LINEヤフーから登壇する3名のセッションの内容について紹介します。 Day 1 5/23 静的解析で実現したいことから逆算して学ぶTypeScript Compiler 静的解析には、コードベースから情報を抽出したり、自動的に編集を行ったり、多くの活用方法があります。ESTreeに関連したライブラリをベースに静的解析でなにかを実現することと比べて、TypeScript Compilerを活用することの難易度は高いです。これはプラグインの充実度や関連する資料の量などエコシステムとしての広がりの差に原因があると考えられます。 難易度が高いTypeScript Compilerですが

What is Edit? Edit is a new command-line text editor in Windows. Edit is open source, so you can build the code or install the latest version from GitHub! This CLI text editor will be available to preview in the Windows Insider Program in the coming months. After that, it will ship as part of Windows 11! How to use Edit Open Edit by running edit in the command line or running edit <your-file-name>

@potato4d が @Pittan に、LINEギフトのアクセシビリティ向上のために活用している社内AIツールの中身を伺いました。 Dekashibe の実際の様子 概要 LINEギフト内で使用される画像に対する代替テキストをAIが生成するツール「Dekashibe」を開発。 画像の種別や文字数を指定して、AIが最適な代替テキストを提案。 背景と課題 システム的な制約で代替テキストの入力が難しかった。 経験が必要な代替テキストの作成をAIで補助。 ツールの詳細 GPT-4oを使用して、画像の内容に応じた代替テキストを生成。 バナーや商品棚画像など、用途に応じたプロンプトを設定。 反応と今後の展望 社内での反応はポジティブ。 今後は外部のショップにも導入を検討。 社内外のアクセシビリティ向上に向けた取り組みを継続。 関連リンク LINEギフト公式サイト アクセシビリティに関するイベント

@spring_rainingが@alangdmに、JavaScriptエコシステム改善のイニシアチブe18e (Ecosystem Performance) の取り組みについて聞いてみました。 https://e18e.dev/ Cleanup、Speedup、Levelupの3つのエリアにフォーカスして、JavaScriptエコシステムの改善を目指す Cleanup: 無駄なdependencyを整理し、エコシステム内でよく使われるツールやライブラリを最新化する e18e/ecosystem-issues: https://github.com/e18e/ecosystem-issues Speedup: 依存ライブラリが多い箇所を中心に、エコシステムの一部を高速化する Levelup: 日常的に使用している確立されたツールやライブラリに対して、現代的で軽量な代替案を文書化し提供する

@potato4dと@kazuma0129が、Vue.jsにおけるTrusted Types APIのRFC提出について話してみました。 登場するスライド ゲスト @kazuma0129 LINE株式会社入社。LINEヤフーのフロントエンドエンジニア Trusted Types APIとは DOM-based XSS攻撃を防ぐための標準API。 信頼できる文字列をDOMに挿入することを強制し、開発者がよりセキュアなコードを書けるようにする。 現在エクスペリメンタルなAPIで、Chrome系のブラウザではサポートされている。 RFC提出の経緯 Vue.jsにTrusted Types APIを取り組むためのRFCを提出。 提出からマージに至るまで約1年弱の期間がかかった。 フレームワークからサポートが必要なため、Vue.js側にも提案。 RFC提出がもたらしたもの VueFesでの登壇につな

11月23日に開催されたJSConf JP 2024について、印象に残ったセッションなどについて@spring-raining、@halken、@ayaka.kitanakaが話しました。 JSConf JP 2024 https://jsconf.jp/2024/ イベントレポート: 年に一度のJavaScriptの祭典の様子をお届け！JSConf JP 2024イベントレポート LINEヤフー社員のセッション LINEヤフーにおけるPrerender技術の導入とその効果 セッション録画 登壇資料 ステップバイステップで進めるYahoo!知恵袋のフロントエンドリアーキテクト セッション録画 登壇資料 Yahoo! JAPANトップページにおけるマイクロフロントエンド - 大規模組織におけるFE開発を加速させるには セッション録画 登壇資料 印象に残ったセッション Web標準の進化を止めな

こんにちは。フロントエンドエンジニアの花谷(@potato4d)です。LINEヤフーでは、11月23日（土）に開催されたJSConf JP 2024へ参加・協賛を行いました。 今回私自身もスポンサースタッフとして、そしていち開発者としてイベントに参加してきたため、本記事にて現地の様子をご紹介します。 JSConf JP とは Japan Node.js Association が運営する JavaScript をテーマとしたカンファレンスとなります。グローバルのイベントブランドであるJSConfの日本ローカルコミュニティとして2019年より開催されていますが、前身となる東京Node学園祭を出自とするイベントであり、イベント全体としては10年以上の歴史を有しています。 特定の技術によらない点が一番の特徴であり、 React をはじめとしたフロントエンド領域はもちろんのこと、 Node.js

@TheoSteiner chats with @posva (Eduardo) about his talk at Vue Fes Japan, exploring upcoming developments in the Vue.js ecosystem. Guest @posva (Eduardo) Core contributor to Vue.js Author of Pinia and Vue Router Involvement with Vue.js Eduardo has been involved with Vue.js for about 8 years, starting with version 0.12. Proficient maintainer of open source libraries in the Vue.js ecosystem (Vue Rou