表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

2020/09/08 692 users content-visibility HTML Yahoo

これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></... 続きを読む

社内勉強会で専門的技術力を高めるには - Yahoo! JAPAN Tech Blog

2020/07/28 731 users Yahoo 技術力 サイトオペレーション本部 社内勉強会 極意

サイトオペレーション本部に所属している大津と申します。普段CDNとNode.jsサポートの仕事をしていて、第9代黒帯（ヤフー内のスキル任命制度／ネットワーク・セキュリティ）に任命していただいています。1 先日ヤフー社内で黒帯LT会が開催されました。お題目は事前に指定された「専門的技術力を極めるための極意」という... 続きを読む

ヤフー株式会社におけるWebフロントエンドの技術選定 - Yahoo! JAPAN Tech Blog

2018/12/06 764 users Webフロントエンド Yahoo 技術選定 ヤフー株式会社

Yahoo! JAPAN Tech Advent Calendar 2018の6日目の記事です。一覧はこちら Yahoo! JAPAN Tech Advent Calendar 2018の6日目を担当します、Webフロントエンドエンジニアをやっている向井(@sakito)です！ 今回はヤフー株式会社でWebフロントエンドエンジニアがどのような取り組みを行なっているのかをお伝えします。 ヤフ... 続きを読む

Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方 - Yahoo! JAPAN Tech Blog

2015/03/03 533 users node.js+socket.io マルチデバイス 対戦

はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo！きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IO... 続きを読む

細かすぎて伝わらないSSL/TLS - Yahoo! JAPAN Tech Blog

2015/01/20 596 users TLS ats http SSL Yahoo

「細かいと言うより長いよね」 はじめに こんにちは。ATS の脆弱性を発見した小柴さんや ATS に HTTP/2 の実装を行っている大久保さんと同じチームの一年目、匿名社員M さんからいじられている新人です。今回ありがたい事に、こういったすごい方々を含めモヒカン諸先輩方より「何か書かないの？」「いつ書くの？」という数々のプレッシャーお言葉をいただきました。 というわけで、SSL/TLS の Se... 続きを読む

iOS 8/Swift 勉強会 全セッションの資料を公開します #ios8yahoo - Yahoo! JAPAN Tech Blog

2014/10/24 538 users ios8yahoo Yahoo 全セッション 亮介 Event

先日、iOS 8に関する勉強会をヤフーで開催しました。 connpass.com/event/8629/ 台風の影響により日程変更となってしまったこのセミナーですが、当日は多くの方にご来場いただきました。 本勉強会で発表された全セッションのスライドを公開いたします！ 発表セッションまとめ 1.iOS 8 / Swift 概要 発表者：平松 亮介 導入のセッションとして、iOS 8 や Swift ... 続きを読む

iOS 7勉強会 全セッションの資料と動画を公開します！ #ios7yahoo - Yahoo! JAPAN Tech Blog

2013/10/11 647 users ios7yahoo Yahoo 全セッション Event 資料

先日、iOS 7に関する勉強会をヤフーで開催しました。 http://connpass.com/event/3497/  世界の注目するiOS 7がテーマということもあり、250席があっという間に満席。 Ustream配信でも多くの方に見ていただき、大盛況の勉強会となりました。 参加者の方からのリクエストをいただきましたので、全セッションの発表スライド、ソースコードをまとめて公開致します！ ▼発表... 続きを読む

爆速でわかるjQuery.Deferred超入門 - Yahoo! JAPAN Tech Blog

2013/03/05 1140 users 爆速 Yahoo デベロッパーネットワーク jQuery 例外

Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定してい... 続きを読む

レプリケーションを使わないMySQLの冗長化 - Yahoo! JAPAN Tech Blog

2012/11/22 548 users 三谷 ヤフー データベース 蓄積 レプリケーション

こんにちは、DBMSチームの三谷です。 ヤフーでは多くのサービスでMySQLを利用しています。MySQLはヤフーを支える重要な技術の1つです。 私のチームではヤフーのさまざまなサービスのデータベースを集約して管理・運用しています。 集約することでコストの削減やノウハウの蓄積といった効果を生み出しています。 今回はこの集約環境の冗長化方法についてご紹介します。 集約環境の構成 集約環境ではマスターの... 続きを読む

もうファイル管理で困らない！　デザイナーのためのSubversion/TortoiseSVN入門 (Yahoo! JAPAN Tech Blog)

2011/07/15 634 users Subversion 部署 Japan デザイナー Yahoo

はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるS... 続きを読む

HTML5とは何かを簡単にまとめてみた (Yahoo! JAPAN Tech Blog)

2011/04/06 2797 users Yahoo 岡部和昌 思想 kzms2 HTML

はじめにこんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。HTML5の基本概念や思想・実際の... 続きを読む

ヤフーにおけるインプットバリデーション「何も信じるな」 (Yahoo! JAPAN Tech Blog)

2011/03/23 510 users ヤフー セキュリティスペシャリスト Yahoo POST 戸田

こんにちは、R＆D統括本部 開発推進室 セキュリティプラットフォーム技術 セキュリティスペシャリストの戸田　薫です。今回は、私たちが普段からヤフーのシステムに対する入力にどのような注意を払っているのか、そのいくつかをご紹介致します。入力とは?Webサイトを運営している場合、どのような入力があるでしょうか？たとえば、Webサービスには、以下の入力があります。CookieURLGET/POSTのデータ... 続きを読む

iPadでHTML5でWebアプリを作ってみました。 (Yahoo! JAPAN Tech Blog)

2010/06/16 941 users HTML iPad Yahoo Webアプリ yubichiz

こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとし... 続きを読む

マークアップ効率化 - zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog)

2010/03/16 695 users なか R＆D統括本部 制作本部 岡部和昌 普段

はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌と申します。 Yahoo! JAPANトップページやMy Yahoo!のマークアップを担当しており、HTML,css,JavaScriptなどを用いて開発を行っています。 マークアップの効率化を行えていると思われる部分を、普段の業務のなかから取り上げて、記事を書いていきたいと考えています。 今回はB... 続きを読む

エンジニアにもわかる「ユーザーインターフェース設計」 (Yahoo! JAPAN Tech Blog)

2009/04/06 779 users エンジニア UI設計 みなさま ヒント Yahoo

はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい……、そんな印象を持っておら... 続きを読む

Hadoopで、かんたん分散処理 (Yahoo! JAPAN Tech Blog)

2009/03/03 535 users Hadoop 吉田一星 プログラマ 敷居 プラットフォーム

こんにちは、地域サービス事業部の吉田一星です。 今回は、Hadoopについて、Yahoo!Japanでの実際の使用例を交えながら書きたいと思います。 Hadoopとは、大量のデータを手軽に複数のマシンに分散して処理できるオープンソースのプラットフォームです。 複数のマシンへの分散処理は、プロセス間通信や、障害時への対応などを考えなければならず、プログラマにとって敷居が高いものですが、 Hadoop... 続きを読む

エンジニアの勉強法について (Yahoo! JAPAN Tech Blog)

2009/02/24 847 users エンジニア Yahoo 勉強法 デベロッパーズサミット 言語

こんにちは。 サービス統括部に所属しております、堀 邦明と申します。 普段はYahoo! JAPANトップページのフロントエンドエンジニアとして、JavaScriptやPHP,Perlといった言語を利用して開発しています。 この度、デベロッパーズサミット2009というイベントにおいてエンジニアの勉強法というテーマでJavaScriptの勉強法についてお話をさせていただきました。 今回は、そのときの... 続きを読む