Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users, especially for websites that involve many back and forth navigations. web.dev article on bfcache Yahoo! JAPAN News, one of the most popular news platforms in Japan, drove a concerted effort to improve their bfcache hit rate and saw

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースを担当しているエンジニアの喜楽です。 2020年5月、GoogleよりWebでのユーザー体験を指標化したCore Web Vitalsが発表されました。本記事では、Yahoo!ニュースにおけるCore Web Vitals指標改善の取り組みとその効果についてご紹介します。 Core Web Vitalsとは Webページを閲覧しているときに、コンテンツの表示が遅かったり、スクロールやクリックなどの反応が悪い、レイアウトが読込中に変更され、クリックしたい要素の位置がずれてしまうなどといった経験はないでしょうか。これらはユーザー体験を低下させる一因となります。Core Web Vitalsは上記のような

自社のECサイトやアプリに「PayPay」を導入できる開発者向けツール「PayPay for Developers」の提供を開始 ～ 日本初！　オープンAPIとリアルタイムデモができる開発環境を提供 ～ PayPay for Developers ： https://developer.paypay.ne.jp/ ソフトバンクグループ株式会社とソフトバンク株式会社、ならびにヤフー株式会社の3社が共同出資するPayPay株式会社は、自社で運営するECサイトやアプリなどオンラインサービスの決済システムとして「PayPay」を簡単に導入できる開発者向けツール「PayPay for Developers」を2020年7月29日より提供開始します。 「PayPay for Developers」では、システム開発者向けに、自社で運営するECサイトやアプリ上で、「PayPay」とAPI（※1）連携させ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog サイトオペレーション本部に所属している大津と申します。普段CDNとNode.jsサポートの仕事をしていて、第9代黒帯（ヤフー内のスキル任命制度／ネットワーク・セキュリティ）に任命していただいています。1 先日ヤフー社内で黒帯LT会が開催されました。お題目は事前に指定された「専門的技術力を極めるための極意」ということで、10分ほど話をしました。しかし、これまでみたいにセミナールームで大勢の前で話すわけではなく、最近代わり映えしない自宅デスクからのオンラインLTは、正直勝手が違いました。時間配分もミスって中途半端に終了です。と思いきや数日前、このYahoo! JAPAN Tech Blog担当者から「いやー、よかったですよ。そのネタ書

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!乗換案内のiOS アプリの開発を担当している田中（@tattn）です。 iOS 13で目に優しいダークモードが使えるようになりましたね。 しかし、OSの設定を変えるだけで、アプリが自動的に黒くなるわけではありません。アプリ側がダークモードに対応する必要があります。 Yahoo!乗換案内（以下、乗換案内）はiOS 13の公開日（日本時間）にダークモード対応版のアプリを公開しました！ 乗換案内はユーザーが必要としそうなiOSの新機能を積極的に取り入れています。 今年、自分はAppleの年に一度の開発者イベントであるWWDCに参加しました。そして、現地でキャッチアップした新機能の中で、今回は主にダークモードをピッ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!ニュース デザイナーの広垣です。 11月上旬、Yahoo!ニュースアプリはダークモードをリリースしました。※Android10（Q）以上/iOS13以上 Yahoo!ニュースアプリがダークモードに対応しました- newsHACK 昨日はエンジニアからYahoo!乗換案内アプリの事例を元に実装面について解説がありました。 本日はデザイナー視点からYahoo!ニュースでの事例を元にダークモード対応事情をご紹介したいと思います。 【補足】 画面を暗めの配色に切り替える機能について、「ダークモード」「ダークテーマ」などさまざまな呼び方がありますが、この記事では中ではすべて「ダークモード」と呼んでいます。 また、「ダークモードで

…を作りました。 2021 年 1 月 30 日追記 2020 年 7 月頃に Google Maps 側の仕様変更に伴い動かなくなってしまい、自身も iOS ユーザで無くなったことからメンテされていなかったこのショートカットですが、@musubi05 さんが後継となるショートカットを作成し公開してくれました。iOS ショートカットの紹介記事としては未だこの記事も有用かと思いますが、単にショートカットを利用したいだけという場合は、『「Google Maps の検索結果から Yahoo! カーナビで経路案内できる iOS ショートカット」を復活させた』を参照してください。 追記終わり。 動作している様子 見て〜！これ良くない？ pic.twitter.com/ORzK8uJtL6 — Otchy (@otchy) 2019年6月4日 ショートカットのインストール用リンク v2: https:

2月16日に Yahoo! JAPAN Tech Conferenceを開催しました。 当日は、7つのセッションにのべ1600名以上の方にご参加いただき、盛況のうちに幕を下ろすことができました。たくさんのご来場、ありがとうございました。 ここでは、一部を除き当日使用したスライドを公開します。ぜひご覧ください。 【16-A-1】「データテクノロジースペシャル」Yahoo! JAPANにおけるメタデータ管理の試み スピーカー：吉野 彰真

IDCFクラウド開発チームで使っているツールや開発者の作業環境を紹介してみたいと思います。 GitHub まずは定番のGithub。 約100リポジトリあり、3割がプロダクション利用、7割が社内利用の用途で使われています。またプロダクションで利用されているリポジトリの過去1年間のコミット数の合計は、5,090コミットでした（2016/12/14現在）。 Githubのコミットメッセージ コミットに絵文字を使うルールになっていて、.gitmessage に凡例を記載して使っています。 $ cat ~/.gitmessage # 例 # 📝 :memo: Update getting started documentation # 🔥 :fire: Remove deprecated methods # 🎨 :art: Refactor *** for readability # # 絵

先日参加した、isomorphic tokyo meetupで紹介されていたfetchrが良さそうだったので、使ってみた。 fetchrが解決する課題 React＋Fluxでサーバサイドレンダリング時に、superagentやaxios、isomorphic-fetchなどのIsomorphicなHTTPクライアントを使ってデータをフェッチするが、そのまま使うと下記のような課題にぶつかる。 ブラウザから直接BEのAPIにアクセスできない（またはさせたくない、外部のAPIでキー・シークレットをブラウザ側で持ちたくない）場合、そのAPIとProxyするエントリポイントを作る必要がある。 フェッチ部分のロジックが共有されるので、ブラウザではWeb API経由でフェッチして、サーバサイドレンダリング時は直接DBにクエリを叩きたい、みたいなのを自分で実装すると面倒。 fetchrはBEや外部のAPI

本サイトは2021年4月時点の情報です。正式表記ではない名称も含まれております。あらかじめご了承ください。

ゴミみたいな「アイデア」の種を、勝てる「企画」に落としこむ方法 ── Hack Day Japan 2016優勝記 2016.02.21 こんにちは。 先日ヤフー主催の24時間ハッカソン「Hack Day Japan 2016」でグランプリをもらい、受賞コメントで「24年＋1日でつくりあげたものだと思ってます」なんつー気取ったクソコメントを発したあげく特に話題にもならなかった広野です。 めざましテレビでも放映されたのは長々としゃべった僕の取材コメントではなく我がチームのエンジニアによるアプリの説明でしたね。 さておき、今回はつくったものは「グルメスパイ」というもの。 スマホを一瞬料理にかざすだけで写真を撮ってくれて、さらに自動で美味しそうに加工してくれて、ついでにツイッターに勝手に投稿してくれるアプリです。 仕組みとかはこのページに。 グランプリ受賞理由は以下の３つ。 ① 課題が明確で分か

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog どうも、ヤフーの佐野（ @taketo1024 ）です。先日引っ越しをしまして、張り切って自分でタンスを運んだりして今とても筋肉痛です。 皆さんは Objective-C から Swift への移行は進んでいますか？弊社ではまだ Obj-C で書かれているプロジェクトは多くあります。世に出ている iOS アプリも多くはまだ Obj-C で作られているんじゃないかと思います。 Swift もオープンソース化され、この先その進化のスピードはさらに増してくるはずです。そこでチーム内で開発を進めていた Obj-C → Swift コンバータ を大幅に改良しオープンソースで公開することにしました！この記事ではその導入と活用の方法を説明します

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。情報システム本部の伊藤(@koh110)です。 社内システムの開発、運用を担当しています。 今回、担当しているシステムをNode.js LTS(v4.x)へバージョンアップしました。 それに伴い実施したES6対応の中から3つの事例を紹介したいと思います。 varを撲滅しよう arrow functionを使おう callbackを撲滅しよう varを撲滅しよう varをlet, constに置き換えます。基本はconstに置き換えます。 メリットは以下の点で、コードの品質向上につながると思います。 プログラム中で変更不可である事を明示的に示せる。 誤った使い方をした時にバグとして検出される。 varを利用するとブロック

こんにちは。おうちハッカーの石田です。 最近、IoTが流行っており、様々なデバイスが発表されています。今年のMaker Faireでは、去年と比べて圧倒的にIoTデバイスが多く、これからクラウドファンディングに出そうとしているチームも多々ありました。 それらIoTデバイスを制御するためのプラットフォームが次々と発表されています。 最近発表されたスマートホーム・IoTプラットフォーム Yahooが発表したMyThingsや pr.yahoo.co.jp Nestを買収していよいよ発表されたGoogleのWorks with Nest jp.techcrunch.com ネット接続型デバイスの企画開発を行うStroboのIoTプラットフォーム thebridge.jp など、私が知る限り３つのプラットフォームが発表されました。 多すぎるプラットフォーム もともと私がよく使っているIFTTTや、

ついにこの日がやってきました。なんとYahoo!が『myThings』というIFTTTのようなアプリをリリースしました。まさに日本語版のIFTTT！それが『myThings』です。旧ブログでは、取り憑かれたようにIFTTT記事を書いていましたが、今後の『myThings』のバージョンアップ次第ではIFTTTからの乗り換えも視野に入れることができそうです。 興味ある方はこちらもどうぞ↓ 旧ブログのIFTTT関連記事（旧ブログは削除いたしました。すみません） 『myThings』とは？ まずは『myThings』とは何か簡単に説明したいと思います。『myThings』を使えば、アプリやWEBサービス同士を連携して自動化することができます。例えば、雨が降りそうな時に、傘を忘れないようにとスマホに通知してくれたり、好みの動画がYouTubeにアップロードされたら自動でPocketに保存してくれたり

地震速報の話 Iさん：ヤフーの全ページに一気に情報を反映させる仕組みってないかな？ yamaz：  広告サーバはどうですかね？設備はもうあるし、クリックや表示カウントもできますよ。 1秒間に数万アクセス――地震発生時にYahoo! JAPANトップに現れる“あの枠”の裏側 - Yahoo!ニュース スタッフブログ 当時ヤフーの全ページに一気にデータを反映させる仕組みは広告サーバしかなかったので、地震速報の実装は広告サーバをベースに行われた。もう10年ほど前の話だ。 Contents Delivery Managementという考え方 弊社はいわゆる広告システムを作っている会社だけど、広告システムを9年前に作ろうと思ったときに「広告システムって結局のところなんなのだろう？」というのを非常に考えた。いわゆる「バナー配信システム」を作ることはもちろんすぐできたけれど、今後ありとあらゆるインターネ