GYAO!トップページの表示パフォーマンス改善 〜 GraphQLアーキテクチャへの移行
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、映像サービスプロダクト本部の浜田（@narirow）です。 GYAO!では最近トップページの大規模な変更が行われました。本記事では映像サービスのバックオフィスを含む大規模な構成変更と、その成果として得られたスケーラビリティ・ページの表示速度の向上についてをお話しします。 GYAO!のトップページの特徴 映像サービスであるGYAO!のトップページは、豊富なラインアップの中から作品を厳選して掲載しています。有名作品をただ並べるだけではなく、レコメンデーションやターゲティングの技術を使って、閲覧者の趣向にあった作品を一覧しています。大量の画像が表示されていることに加え、縦に長いページ構成となっています。 課題と解決のアプロー
Next.js + NestJS + GraphQLで変化に追従するフロントエンドへ 〜 ショッピングクーポンの事例紹介
今回は、fragmentを活用するためにパターンCを採用しており、厳密には、以下のように方針を定めています。 SSR時のクエリ発行: ページコンポーネント単位 CSR時のクエリ発行: CSRが必要なコンポーネント単位 この際、取得したqueryの結果をどのようにfragmentへ変換するかというのがポイントです。 そこで、graphql-anywhereの filter メソッドを用いることで、クエリ結果をfragmentへ変換します。 以下は、簡略化されたクーポンページの実装例です。 type DetailPageProps = { // GraphQLクエリの結果 data: Query } const DetailPage: FunctionComponent<DetailPageProps> = ({ data }) => { // couponはGraphQLのCouponスキー
CtoCフリマアプリの作り方 (バックエンド編) 〜6カ月間のPayPayフリマ開発を支えた設計〜
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、PayPayフリマバックエンド開発の三宅です。 今回、YJTC2019-shibuyaにてPayPayフリマのバックエンド設計について話して来ましたので内容を紹介したいと思います。 本記事ではセッション前半のバックエンド部分をメインに紹介させていただきます。よろしくおねがいします。 PayPayフリマとは PayPayフリマはフリマに特化したサービスとして10月7日にiOS版をリリースしました。PayPayの名前がつく通り、PayPayを利用してフリマの商品をかんたんに購入でき、買い手から価格の相談をできる機能などが特長です。 また、ヤフオク!とも連携し、ヤフオク!に出品されている固定価格商品の一部もユーザー体験に変わ
ヤフー、“無制限リモートワーク”で新しい働き方へ - ニュース - ヤフー株式会社
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社のコーポレートサイトはこちらです。 当ページに記載されている情報は、2023年9月30日時点の情報です。 ～ 副業人材の募集も開始。第一弾は事業プランアドバイザー100名など ～ ヤフー株式会社（以下、ヤフー）は、2020年10月1日より、時間と場所に捉われない新しい働き方へと移行します。 新しい働き方では、リモートワークの回数制限およびフレックスタイム勤務のコアタイムを廃止します。また、より柔軟な働き方を目指し、本日より副業先としての受け入れ（ヤフー以外で本業に従事する方の受け入れ）を約100名開始します。 ■実施の背景と狙い： ヤフーでは、2014年にオフィス以外の好きな場所で働ける「どこでもオフィス」というリモートワークの制度を設けました。また、新型コロナウイルスの感染が拡大する中、20
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 トップ
新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！ CDS2019で紹介されたヤフーの実装例 #UIUX
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。PayPayモールのエンジニア関と、Yahoo!ニュースのデザイナー萩野です。 皆様、突然ですがPortalsをご存じでしょうか。 Portalsとは、新しいHTML要素です。2019年11月11日〜12日にサンフランシスコで開催された「Chrome Dev Summit 2019」（以下CDS）でも紹介されました。 本記事では、Portalsが可能にする新しいWebでの体験をご紹介します。 Portalsとは？ なにができるの？ Webブラウザー上でユーザーにとって良い体験を提供するためには、表示速度の向上が欠かせません。 Portalsを利用すると、画面遷移の体感速度を向上させることが可能です。 まずはこちらの比較
社内システム特化なデザインシステムのメリット 〜 ヤフー社内のデザインシステム紹介
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。ヤフーで社内システムを担当しているデザイナーの伊藤、今河です。 前半では社内システムをデザインするデザイナーの環境と事例紹介を取り上げました。 後半では、私たちが運用しているデザインシステム「SAYA」について詳しくご紹介します。 SAYAとは SAYAとは、主に社内エンジニアが開発で使用するシステムのために作られたデザインシステムのひとつです。 多様なテーブルの表示形式や豊富なフォームパーツ、高情報量に対応する省スペースオプションの提供など、システム特有のUIにフォーカスし、社内エンジニアにとって最適なユーザビリティーを実現します。 ヤフーの従業員なら誰でも利用できるよう、デザインデータとコード、およびロゴデータなど
ヤフー株式会社におけるWebフロントエンドの技術選定 - Yahoo! JAPAN Tech Blog
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo! JAPAN Tech Advent Calendar 2018の6日目を担当します、Webフロントエンドエンジニアをやっている向井(@sakito)です！ 今回はヤフー株式会社でWebフロントエンドエンジニアがどのような取り組みを行なっているのかをお伝えします。 ヤフーの組織体制 Webフロントエンドエンジニアの取り組みを紹介する前に、ヤフーがどのような組織体制なのか紹介します。 冒頭画像のようにヤフーではカンパニー制度を取り入れており、それぞれのカンパニーにサービスを開発する事業本部があり、この事業本部単位でデザイナーやエンジニア、そのほかにもさまざまな職種の方が所属し、サービスごとで日々開発に取り組んでいます。
Yahoo! JapanがWindows Vista、IE10以前等のサポートを6月1日より順次終了 : Timesteps
Yahoo! JapanがWindows Vista、IE10以前等のサポートを6月1日より順次終了 終了・倒産終了Webサービス Tweet 2018年05月30日 日本最大手のポータルサイト、Yahoo! Japanですが、明後日の2018年6月1日より、同社のサービスにおいて古いOS、ブラウザのサポートが順次終了となります。 具体的にはWindows XP以前、Windows Vista以前、MacOS10.8以前。ブラウザはInternet Explorer10以前、chrome29以前、Firefox26以前のものなど。 これらが使えなくなるのは、インターネット通信暗号化方式「TLS1.0」および「TLS1.1」のサポートを順次終了し、「TLS1.2」に対応する為の処置です。 これらに対応していないものが、Yahoo! Japanのサービスのサポートから外れて、6月1日に以降順次
エラーページ - ヤフー株式会社
指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。
サクサク感をデザインする
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか？サクサク動くを分解すると下の２要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く！」と感じられるサービスは、上の２つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多
ヤフーが「パスワード」と“決別”する本当の狙い
ヤフーは4月20日、Yahoo! JAPANが提供する各サービスでパスワードを使わないログイン方法の導入を開始した。この第1弾として、iOS版「Yahoo!パートナー」アプリにおいて、スマートフォンなどのSMS（ショートメッセージサービス）を使って本人確認する方法を採用した。今後は生体認証によるログインなども検討していくという。 国内最大のポータルサイトを運営するヤフーがしたこの決断は、少なからず他社の動きにも影響をおよぼすだろう。なぜ同社は、長年にわたり採用してきたパスワードでのログインと“決別”するのか。プロジェクト担当者であるヤフー IDサービス統括本部IDソリューション本部の森健氏、渡邉康平氏、酒井公希氏の3人にその真意を聞いた。 ヤフー IDサービス統括本部IDソリューション本部 本部長の森健氏（右）、同開発部開発3 リーダーの渡邉康平氏（中央）、同企画部企画2の酒井公希氏（左）
ヤフーは週3休と新幹線通勤でどう変わる？
ジグザグに並んだたくさんのデスク、カラフルな椅子の数々……。日本の大企業のオフィスとしては、なかなか異様な光景だ。「わざと歩きづらくしているんです」――。今回”引っ越し隊長”を務めた、ヤフーの川邊健太郎・副社長執行役員は胸を張る。 9月27日、ヤフーグループ社員約6800人が勤務する新本社が報道陣に公開された。場所は東京ガーデンテラス紀尾井町（千代田区）。赤坂プリンスホテルの跡地に、2016年5月に完成した商業兼オフィスビルだ。オフィスエリアの5階から24階部分をヤフーグループが占有する。 社員のコミュニケーションが倍になる 中でもこだわって作られているのが、冒頭に紹介したヤフー社員の執務エリアだ。役員陣以外、基本的に全社員がフリーアドレス。どのフロア、どの席で仕事をしても構わない。社員には1人1つロッカーが割り振られ、退社する際には仕事道具をすべてそこに片づけることになる。 社員が持つス
【重要】Windows XPをご利用のお客様へ - 企業情報 - ヤフー株式会社
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社のコーポレートサイトはこちらです。 当ページに記載されている情報は、2023年9月30日時点の情報です。 （掲載）2015年7月1日 （更新）2015年9月8日 ヤフー株式会社 基本ソフト（OS）アップグレード実施のお願い 2015年10月以降、Windows XPをご利用のお客様の一部においてYahoo! JAPANがHTTPS（SSL暗号化通信）にて提供するサービスが順次ご利用いただけなくなる可能性がございます。Yahoo! JAPANのすべてのサービスを継続してご利用いただくためには、対策として基本ソフト（OS）のアップグレードを実施してください。 対策方法 Windows XP以前の基本ソフト（OS）をご利用の場合、Windows 7または8、8.1にアップグレードしてください。Win
今後ECに何が起きるのか--絶対に押さえておきたい、ヤフー小澤隆生氏が語る「EC業界の未来予測」
ヤフーのEC事業を統括する小澤隆生氏がEC市場の未来を予測します。市場規模は4年後には2倍の20兆円になり、日本人の4人に1人がネットを通じて物を売るようになる。そして飲食店の予約も電話ではなくいつでもネットで可能に。最終的には物を買うときに「何かを注文する」必要すらなくなる。大胆かつ緻密な予測がまとまっています。 いま一番調子がいいベンチャーキャピタルとして予測する 小澤隆生氏：皆様どうもよろしくお願いいたします。改めましてヤフーの小澤でございます。 数あるセッションの中からこちらのセッションを選んでいただきまして誠にありがとうございます。このような立派な会場で、またSoftBank Worldという素晴らしい場で、先ほど紹介ありました「ECの10の未来予測」という表題と合わせまして、ヤフーはそれに対してどう対応していくのかという話を40分、お時間頂戴しましたので話をさせていただきたいと
米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説
米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」への注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、タブ、リッチテキストエディタなどのコンポーネントが揃っているだけでなく、DOM操作やイベントハンドリング、テスト用ライブラリやJavaScript圧縮ツールなど、幅広くJavaScriptを強化するための機能を備えています。 しかしその後登場したjQueryなどのさまざまなライブラリやツールに人気を奪われ、ここ数年はYUIへの注目度も低下。コミュニティからのリクエストも少数になり、多くのモジュー
Yahoo!カーナビ - 高品質なスマホカーナビ
運転中の疑問や不安を解決し、あなたのドライブを快適なものへとアップグレードします。 「いってきます」から「ただいま」まで、運転中のサポートはお任せください。
YahooはAdTruth社と戦略協定を結んでユーザー行動履歴の追跡技術を開発中 - はてな村定点観測所
2014-07-24 YahooはAdTruth社と戦略協定を結んでユーザー行動履歴の追跡技術を開発中 意外と知らない人が多いようなので、記事を書いてみます。 今まで行動ターゲティング広告配信技術において、ユーザーの行動履歴の捕捉にはサードパーティーCookieが使われてきました。クレジットカードや何かの商品の広告をクリックしたら、違うサイトに行ってもその広告が表示された経験は誰もがあるでしょう。 あの広告はブラウザ側にサードパーティーCookieを埋め込んでいて、それによってユーザーの同一性を特定して、興味関心にあった広告を配信しています。ちなみにそのユーザーに何回その商品の広告が表示されたか（インプレッション数）などもアドネットワーク側では計測しています。 いわゆるDSP（Demand Side Platform）広告では、このように特定されたユーザーに対して、各メディアのSSP（Su
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo広告配信用 s.yimg.jp ドメインでのXSSの解説
「Yahoo!カーナビ」、ハンドルに取り付ける専用リモコン登場
