ヤフー全社横断「Webパフォーマンス改善」の取り組み (Core Web Vitalsスコアの向上)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯（ヤフー内のスキル任命制度／Webフロントエンド領域）の浜田（@narirow）です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策（比較的簡単に実施できてスコアも上がりやすい施策）などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
9784873114323 - ただのにっき(2010-02-14)
■ ウェブアプリケーションのためのユニバーサルデザイン(Wendy Chisholm) 最近は仕事でWebアクセシビリティなんてものにまで首を突っ込んでまして……何屋なんだ、まったく。休暇中に関連書籍を読もうと思っていたのに、読めたのはこれ1冊だけだよ。この遅読っぷりはなんとかしないと……。 さて、日本のWebアクセシビリティ標準である(おそらく年内に改訂版が公開される)JIS X 8341-3は、本書で扱っているデファクトスタンダードWCAG 2.0と互換性があるので、日本で現在Webに関わっている人はすべて本書の対象読者になる。 書名が「アクセシビリティ」じゃなくて「ユニバーサルデザイン」ってところがまずいいねぇ。WCAG読んでるとわかるけど、アクセシビリティってちょっと狭いんだよね。高齢者や視覚障害者だけじゃなくて、メモリや通信帯域がキツい端末の利用者なんかも視野に入れると、やっぱり
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Online classifieds Top Smart Phones Healthy Weight Loss Parental Control music videos Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
人間は書かれてあることではなく、読み取りたいことを読む - 狐の王国
はてなブックマーク界隈が新バージョンの公開ベータテストも始まって非常に賑やか。そんな中、はてな株式会社の取締役でもある梅田望夫さんのはてなブックマーカーたちへの批判とも取れるtwitter発言が同ユーザーの間で話題のようである。 はてな取締役であるという立場を離れて言う。はてぶのコメントには、バカなものが本当に多すぎる。本を紹介しているだけのエントリーに対して、どうして対象となっている本を読まずに、批判コメントや自分の意見を書く気が起きるのだろう。そこがまったく理解不明だ。 Twitter / Mochio Umeda これは恐らく以下の記事へのブックマークコメントのことだろう。 水村美苗「日本語が亡びるとき」は、すべての日本人がいま読むべき本だと思う。 - My Life Between Silicon Valley and Japan(同ブックマークコメント一覧) この記事は俺も読んで
嘘のような、本当の話 - Garbage Collection(2008-05-23)
§ 嘘のような、本当の話 それは、一通のメールから始まった。GoogleSatTrackをとても気に入ってくれたという、ごく普通の感想メール。でもそこには、こんな言葉が... "I cover space flight for CBS News, and this is a great help." え、CBS News? CBSって、あのアメリカで一番大きなニュースネットワークの？後で調べてみたら、実はこの方、アポロ7号の頃からCBSで宇宙関連ニュースのプロデューサーをやっているというこの業界の重鎮中の重鎮。というか、何でそんな人が僕のページなんか見てるんですか？ で、恐る恐る「その道のベテランの方に気に入ってもらえるなんて、すごく光栄です！」と返事をしたら「やー、友達と一緒に見てたんだけどさ...」といって、山ほどリクエストが来た。曰く、精度を上げてほしい、グラウンドトラックを表示して
MOONGIFT: » ブラウザをターミナルから操作して自動テストを実現「Firewatir」:オープンソースを毎日紹介
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。 操作中のターミナル 実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン
1分間で学ぶ、ウェブサイトのユーザビリティ | コリス
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか？ 例：ロゴ、ブランディング Are you trustworthy? 信頼できますか？ 例：ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか？ 例：取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか？ 例：見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック：私はどのページをみればいいですか？ 例：ヘルプ、ログイン、コンタクト・インフォーメーション
ke-tai.org 携帯プログラミング情報
2013/6/1に第四回札幌MySQL勉強会開催を行います Tweet 2013/5/20 月曜日 matsui Posted in お知らせ | No Comments » イベントの告知です。 2013年6月1日に、第四回札幌MySQL勉強会が開催されます。 日時: 2013/06/01 14:00 ～ 18:00 場所: 株式会社インフィニットループ （札幌市中央区北1条東1丁目6-5 札幌イーストスクエア 6F） イベントの詳細についてはこちらの公式サイトからご覧下さい。 → 札幌MySQL勉強会公式サイト 今回も第三回と同じく、セミナー形式ではなく個人個人が好きに勉強をしようという会です。 最後に成果発表の時間を設けますので、差し支えなければ簡単な発表をして頂ければと思います。 今回は「MySQL5.6を体験してみよう！」をテーマに、MySQL5.6のサーバを用意する予定です。
ErrorDocumentを絶対URLで書くのはやめようよ : ひろ式めもちょう
紹介されているエラーページのデザインはおもしろい。でも、設定のしかたがよくないと思う。このやりかたは多くのサイトで採用されているようだけれど、はっきりいって迷惑。 404エラーをデザインする為のインスピレーション*ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/blog-entry-262.html ErrorDocument 403 http://e0166.com/403error.html ErrorDocument 404 http://e0166.com/404error.html ErrorDocument 500 http://e0166.com/500error.html 赤い字で書かれた部分はもちろん皆様のドメイン名に変更してください これじゃ 「リダイレクトされちゃうからダメ」 だよ。 こういうふうに設定されていた場合、たとえば、
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
Web業界の派遣社員の話:アルファルファモザイク
文化祭でカセットコンロ４台の上に鉄板２枚載せて焼きそばを作っていたらガスボンベが爆発、生徒１５人負傷…私立豊南高校
IPA ISEC セキュア・プログラミング講座：Webアプリケーション編 第1章 総論：より良いWebアプリケーション設計のヒント
ここで述べるのは、脆弱性が生まれにくいWebアプリケーションを構築するために設計段階、あるいはそれ以前の段階で考慮しておくとよい事項の例である。 (1) 開発環境の選択 1) プログラマが脆弱性をつくり易い環境を避ける 今日のWEBアプリケーション開発環境は、プログラミング言語の処理系に加えて、開発フレームワークやコンテンツ管理システム（CMS）、さらに外部のテンプレート言語までを加えた総合的な環境となってきている。 短時日で素早くサイトを立ち上げることを目的として、「軽量言語」と呼ばれる各種スクリプト言語が標準で備えているWEBアプリケーションを手軽に開発するための機能やライブラリをそのまま利用することは悪くない。しかし、その手軽さ故に、セキュリティの観点からは多くの脆弱性を生んできた経緯がある。 例えば、下記の事例が挙げられる。 PHPの4.1以前のバージョンの環境は、「registe
シリコンバレーからの手紙 - 科学者に衝撃を与えた「ロマンティックでない」グーグル
私の場合、九時間以上の国際線フライトに年に二十回くらい乗る。その機内での時間の使い方に、最近、私なりの小さなブレークスルーが生まれた。ふとしたことがきっかけで発見したのだが、機内は、講演を聞くのにじつに適した場所なのである。座席はあたかも講演会場のように窮屈だし、適度に暗い。途中で離席する自由がないからこそ逆にゆっくり話が聞ける。集中しても読書や映画鑑賞と違い目が疲れない。気がつくと一時間半とか二時間が経過し、退屈な機内の残り時間がどんどん減っていくのは快感でもある。 この発見以来、「小林秀雄講演」全六巻、「司馬遼太郎が語る」全八集、「三島由紀夫 学生との対話」（いずれも新潮社）を買って「iPod」に収め、ここ数回の日米往復ですべて聞いてしまった。日本出張を控え、さて次は何を聞こうかと思い、脳科学者・茂木健一郎がそのブログ「クオリア日記」に講演や対談の音声ファイルをこまめにアップしている
F's Garage：rubyとかPHPとかPerlとか。
企業の言語選択は、どれほど人材採用に影響があるのだろうか。 楽天が先日ruby on railsを採用するという話がニュースになった。ruby会議のスポンサーにもなっているようだ。 楽天はJavaとPHPを使っているとのことで、Javaのエンジニアがライトウエイト言語でRubyに行くというのは割と僕も正当なパスだと思うので、基本的に納得である。 最近、一つ納得がいかないのは、オープンソースやらネット上で技術者が目立たないと、まるでその会社には技術屋がいないような扱いになってしまう点。 さらっと見つけてみたのだが、代表的な発言として、404 Blog Not Foundさんの ＞ 楽天の苦点 そして「中の人」の存在感がほとんどない。これは、ネットならではの事情なのだが、成功しているサイトのほとんどが、何らかの形でその技術力が外から伺えるようになっている。はてなや37signalsのように、中
簡単実装で学ぶWeb技術2006/2007
ここは、 「日経ソフトウエア」の連載記事 「簡単実装で学ぶWeb技術2006 / 2007」 のサポートページです。 目次 はじめに ムックのご案内 Web版のご案内 雑誌連載の記事 第1回 (2006年7月号) : Ajax (2006年5月24日発売予定) 第2回 (2006年8月号) : はてな認証API 第3回 (2006年9月号) : Catalyst——Perl向けWebアプリ・フレームワーク 第4回 (2006年10月号) : Catalyst——Perl向けWebアプリ・フレームワーク 第5回 (2006年11月号) : Plagger(前編)——ブロック遊びのようにモジュールを組み合わせるRSSアプリ構築フレームワーク 第6回 (2006年12月号) : Plagger(後編)——基本的だけれど実用的なサンプルをいくつか試す 第7回 (2007年1月号) : Comet—
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Technology Magazine » Full WEB 2.0 API List
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
そろそろモバイルサイト作成について本気でなんとかしたいと感じる・・・が。*ホームページを作る人のネタ帳
yamamo's Blogs : Google Calendar Mobile Gateway リニューアル