ytRinoのブックマーク - はてなブックマーク

ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースを担当しているエンジニアの喜楽です。今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。なぜブラウザバック時の挙動に注目するのかユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。（A）リンクをたどってページを遷移する（B）ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する「戻る」による遷移（ブラウザバック）「進む」による遷移（ブラウザフォワード） Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも

ytRino 2022/01/05

web
dev

リンク

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちはお久しぶりです。岡部和昌（@kzms2）と申します。今回お話しする内容はタイトルでほぼ全部述べているのですが、PC 版 Yahoo! JAPAN のトップページを 2019 年 10 月 1 日に刷新、主に開発環境をアップデートした経緯と採用した技術に関してのお話です。見た目に関しては特に大きな変化はなかったので、気が付かなかった方も多いのではないでしょうか？なぜ刷新したか Yahoo! JAPAN トップページは 2008 年 1 月 1 日に大規模なリニューアルを行いました。その頃からある程度の改修はあったものの、基本的にはコードの継ぎ足しで修正を加えている状態でした。（参照；Yahoo! JAPAN トップ

ytRino 2019/12/03

ところで⌘クリックしても新規タブで開かないんだけど…最上部のロゴでは出来て記事リンクだとできないので制御してるんだろうけどやめてほしい

リンク

海外カンファレンスへの登壇を促進する取り組み

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog あいさつこんにちは、Android エンジニアの森です。ヤフーには黒帯制度という、特定の技術領域の専門家が社内外の技術課題の解決や知見の共有に貢献するための制度があります。 3月1日〜7日は黒帯ウィークということで、各技術領域の黒帯が現在取り組んでいる活動についての記事を投稿します。初日となる今日は、ヤフオク! アプリの開発を行いながら、Androidの黒帯としても活動している私が、現在他のエンジニアと一緒に行っている海外登壇についての取り組みについてご紹介いたします。現在の取り組み現在、私は海外のカンファレンスで登壇するアプリエンジニアを増やすための活動を行っています。なぜそんな活動をしているのでしょうか。１つは会社の

ytRino 2019/03/01

:clap:

work

リンク

AndroidでもiPhoneに負けないようなアニメーションを実装してみよう

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュース開発の加藤真也です。 Yahoo!ニュースでは主にAndroidアプリの開発をしていたのですが、現在はスター育成プログラムという社内ベンチャーの枠組みで、mato*memoというAndroidアプリの開発をしています。ふって簡単メモ！ mato*memo ～まとめも～今回は、mato*memoアプリ開発でアニメーションを実装するため使用した、Property Animationについて紹介したいと思います。ちなみに開発当初の目標は、タイトルにもある通り、iPhoneにも負けないアニメーションをAndroidで実装することでした。結果がどうなったかは、上のリンクから実際にアプリをダウンロー

ytRino 2014/09/10

リンク

HTTP/2 入門

ストリームによる多重化 2つ目の特徴は「ストリーム」です。従来のHTTPでは、リクエストとレスポンスの組を1つずつしか同時に送受信できないことが、パフォーマンス上のボトルネックになっています。この問題を改善するべくHTTP/1.1では新たにパイプラインが導入されましたが、一部のレスポンスに時間がかかるような場面でレスポンスが詰まってしまう問題などがあり、広く使われてはいません。そこで、HTTP/2では1つの接続上にストリームと呼ばれる仮想的な双方向シーケンスを作ることでこの問題に取り組んでいます。 1つの接続上に作られた複数のストリーム上では、複数のフレームを同時並行で転送できます。例えば、あるストリーム上ではリクエストにあたるフレームが送信中でも、別のストリームではレスポンスにあたるフレームを受信するといったことが可能になります。これにより、全体的なパフォーマンスが向上します。ヘッダー