@narirow

Masanari Hamada / Web Developer at LINE Yahoo! 元Webフロントエンド第11/12代黒帯

 Tokyo, Japan
github.com/narirou
Joined December 2011
  • Tweets1.3K
  • Following808
  • Followers820
27Media
本日の発表資料です。 speakerdeck.com/narirou/qian… #250227_PLSI_Engineering

遷移の高速化 ヤフートップの試行錯誤

LY社では、Webパフォーマンスの改善による高速化の取り組みを続けてきました。中でもbfcacheの有効化は、ユーザー影響が大きく重要視していた技術の一つです。 bfcache（バックフォワードキャッシュ）とは、ブラウザでページを遷移した時にページの完全なスナップショットとして保存されるメモリキャッシ…

speakerdeck.com
11
125
8,426
Speculation Rules APIを使ったPrerenderを実プロダクトに導入すると、どういう状況になるのか、ビジネス観点を含めてかなり詳細に分析してみたので、ぜひご覧ください 🫡 広告を踏まえると考慮する点はとても多いです techblog.lycorp.co.jp/ja/202…

Yahoo!ニュースの表示高速化で広告のクリックは増えるのか

こんにちは。LINEヤフーのディスプレイ広告（以下、ディスプレイ広告）の開発と兼務で、全社横断のWebパフォーマンス改善に取り組んでいるエンジニアの今宮です。一般にWebページの表示速度はユーザー体験...

techblog.lycorp.co.jp
2
4
359
ChatGPTがWebMCPに対応。WebとAIの新しい形が広がっていくかもという話でもあり、ディスプレイ広告ビジネスの岐路という話でもある
OpenAI Developers
@OpenAIDevsAug 25
Replying to @OpenAIDevs
We’re adding support for WebMCP in the ChatGPT desktop app’s built-in browser and ChatGPT Sites. When you visit a compatible website, ChatGPT or Codex can automatically use it to complete your task. Update to the latest version of the ChatGPT desktop app, then just ask Codex to create a WebMCP-enabled app and deploy it to Sites.
1
266
宍戸さんがまだWebパフォーマンスに熱を持っていてくれて嬉しい そしてこの問題はプロダクトで正確に導線を計測しようとすればするほどある github.com/explainers-by-goo…

GitHub - explainers-by-googlers/declarative-performance-observer: Browser-resident telemetry system...

Browser-resident telemetry system designed to measure the end-to-end reliability of user journeys from navigation initiation to page termination. - explainers-by-googlers/declarative-performance-ob...

github.com
3
493
セッション前にWebMCPに思いを馳せてたのですが、persistent-iframesを介した複数Webページの操作、自動巡回を前提の定義など、複数のユースケースの検討がなされている。WebページはAI操作前提で価値が変わっていき、まあ面白い変化が起きそう... github.com/WICG/persistent-i… #recap_googleio

GitHub - WICG/persistent-iframes

Contribute to WICG/persistent-iframes development by creating an account on GitHub.

github.com
287
このあとI/O Recap をやります! 色々な会社のWebエンジニアといっしょに「Web & AI 」についてディスカッションします🤼 #recap_googleioRecap lycorptech-jp.connpass.com/e…

Recap: Google I/O 2026 (2026/06/02 19:00〜)

5/22(金) 好評につき、オフライン 30 → 55名 に増枠しました。 5/8(金) 好評につき、オフライン 30 → 40名 に増枠しました。 # Google I/O について Google I/O は、Googleが行なっている技術者向けカンファレンスです。 2026年は、米国時間で5月19日〜20日（日本時間 5月20日未明）にかけて開催されます。 https://io.goog...

lycorptech-jp.connpass.com
2
160
I/Oに関連して、Chrome DevTools for agentsを使ったWebパフォーマンス改善事例を紹介していただきました "強化版Lighthouse" のようなもので、ラボデータ、フィールドデータ、競合他社データ、ビジネスメトリクスなどAIで統合し、改善箇所をリストアップするツールです💫 developer.chrome.com/blog/pe…

LY Corporation がエージェント向けの Chrome DevTools で手作業を 98% 削減した方法  |  Blog  |  Chrome for Developers

LY Corporation は、エージェント向けの Chrome DevTools を使用してパフォーマンス監査を自動化しました。

developer.chrome.com
2
8
428
お久しぶりです。今年もIO来ています。 LYとしては、知恵袋でのBuilt-in AIの参考事例、Dev tools for agentsの活用事例などを出させてもらっています！ 見かけた方はぜひ声をかけてください🤝
11
226
おもに初学者向けに、FEのビルドツールについて振り返る記事を寄稿しました。Requirejsから書いてあります。 LYで展開しているパターン別構成も載せていますので、よければ参考にしてください🙏 findy-tools.io/articles/lyco… via @findy_tools

JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 - Findy Tools

本記事では、LINEヤフー株式会社の浜田真成さんに、JavaScriptのビルドツールについて解説いただきます。役割や歴史的な変遷をたどりながら、2025年現在における主要ツールの特徴と選定ポイントを整理し、LINEヤフーでのユースケースも紹介し、アプリケーション開発における最適なビルドツール選びの参考となる内容です。

findy-tools.io
3
9
930
Get a front-row seat to the action #GoogleIOConnect Berlin with Developer Relations Engineer @Bramus Van Damme ⬇️
1
22
4,992
今年もGoogle I/Oに来ています AIが生活にどんどん侵食していく段階になっている research becomes real #IO2025
11
1,628
本日以下のイベントで、ヤフートップページにおける大きな売上減少(-5.4%)をWeb技術で回避した話をします🥹 bfcacheの知見を知りたい方、企画に詰められながら手に汗握る仮説検証をした事例を見たい方、ぜひお越しください。まだ空きがあるようです🙌 plaidtech.connpass.com/event…

Web技術をどう活かす？ 技術をプロダクト・事業の成長につなげるエンジニアの考え方 (2025/02/27 19:00〜)

## 更新履歴 2/9 12:00 参加枠を増枠しました。 2/26 19:00 参加枠を増枠しました。 ## このイベントについて 技術を磨くだけでなく、それをどうプロダクトや事業の成長につなげるか。エンジニアとして、この問いを意識したことはありますか？ このイベントは、株式会社プレイド・LINEヤフー株式会社・STORES 株式会社・株式会社IVRyの4社が合同で企画する勉強会です。各社...

plaidtech.connpass.com
10
1,189
ブラウザもこぞってAIに注力し、AI提供側からもブラウザが出る時代になった perplexity.ai/comet
1
16
2,397
Frameworkには導入が進んでいたけど、ReactにもViewTransition Componentが追加される 👀 github.com/facebook/react/pu…

Add `` Component by sebmarkbage · Pull Request #31975 · react/react

This will provide the opt-in for using View Transitions in React. View Transitions only trigger for async updates like startTransition, useDeferredValue, Actions or reveali...

github.com
2
409
今回、ISUCON14のフロントエンド部分の開発/デザインを担当させていただいていました ISURIDEという仮想のライドチェアアプリに、少しだけリッチなプロダクトイメージを提供できていたら幸いです💺 #isucon
5
122
10,531
久々のカンファレンス参加本当に楽しかったな 若い時代にあつい時代を過ごした仲間と再会できる機会はいいものだ、、 運営の皆様ありがとうございました 👍#jsconfjp
5
798
本日のスライドです #jsconf speakerdeck.com/narirou/line…

LINEヤフーにおけるPrerender技術の導入とその効果

LINEヤフーは快適なユーザー体験を追求するために、表示パフォーマンスの改善に取り組んでいます。その取組の1つとして、私達はSpeculationRulesAPIを用いてページを事前にレンダリングし、Yahoo! JAPAN トップページとYahoo!ニュース間の遷移において、その結果を検証してきました…

speakerdeck.com
3
45
2,981
そしてこちらも。私も関わって、ヤフートップページでマイクロフロントエンド導入を行ってきました。すでに実運用が始まっており、その内容を話していただきます。 長期間組織と向き合って取り組んだので、こちらもよろしければ👍 jsconf.jp/2024/talk/lycorp/ #jsconfjp

Yahoo! JAPANトップページにおけるマイクロフロントエンド - 大規模組織におけるFE開発を加速させるには - LINEヤフー株式会社

jsconf.jp is a JavaScript festival in Japan powered by Japan Node.js Association. This is the fifth time event of jsconf in Japan. We would love to become a bridge between Japanese Web Developers and...

jsconf.jp
3
60
3,724
本日JSConfJPにて、ヤフーでSpeclationRulesAPIを使ってprerenderを導入した事例をお話しします🙌 大規模かつドメインをまたぐ事例は珍しいと思うのでお時間ある方はぜひ jsconf.jp/2024/talk/masanari… #jsconfjp

LINEヤフーにおけるPrerender技術の導入とその効果 - Masanari Hamada / Tomoki Kiraku

jsconf.jp is a JavaScript festival in Japan powered by Japan Node.js Association. This is the fifth time event of jsconf in Japan. We would love to become a bridge between Japanese Web Developers and...

jsconf.jp
1
22
1,746
ModuleFederationとNext.jsの組み合わせはサポートされないことになる見込み github.com/module-federation…

Next.js Support is in maintenance mode · Issue #3153 · module-federation/core

Deprecation Notice for nextjs-mf We intend to deprecate (EOL) nextjs-mf, maintained by the core authors of Module Federation. Pages Router will remain "supported," and small, easy fixes w...

github.com
1
3
501
Load more