Yahoo!ニュースの見出し行間「5ピクセルの差」に見えた光～ヒートマップでUI改善
社長の宮坂がゲスト出演した、11月27日放送のテレビ東京系「カンブリア宮殿」。Yahoo!ニュースの裏側にも触れられており、ご覧になった方もいらっしゃるかもしれません。 （放送バックナンバー：爆走する国民的サイト！これがネットの底力だ！－ テレビ東京） 公式ブログ新コーナー「news HACK」ではこれまで、Yahoo!ニュースにおけるスマホ利用の成長などをお伝えしてきましたが、今回は、同番組の中でも登場したYahoo!ニュースのUI改善事例について、番組で触れられなかった部分も加えて詳しくお伝えしたいと思います。 これからご紹介するのは、スマホブラウザ版Yahoo! JAPANトップページのA/Bテスト事例（※Yahoo!ニュースのアプリ版との違いなどについては、こちらの記事をご参照ください）。 テスト結果は現在のスマホ版トップページに使用されているものと同様ですが、まず具体的な説明に入
Yahoo!Japanを作る [iPhoneのある生活]
ここでは、デフォルトのブックマークである「iPhone用Yahoo!Japan」を取り上げます。 今回取り上げるiPhone用Yahoo!Japanの特徴 実際のiPhone用Yahoo!Japanは、Javascriptによるニュースのスクロールや、CSSでの画像のレイヤー構築など複雑な処理がありますが、 今回はこのうちの一部として以下を取り上げます。 iPhoneを回転させても拡大・縮小しない iPhone用Safariで文字を拡大させない iPhone回転ごとに処理を行う iPhone縦持ち・横持ち用のスタイルを使い分ける 結果とソース 上記のようにほぼ再現することが出来ました。（実際のページはこちら）ソースは以下です。 スケールで縛りを設け、回転時に拡大･縮小を防ぐ 回転時に処理を行う 回転時のイベントを設定 要点 ポイントは以下です。 initial-scale=1, minim
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
10,794票 【結果】 パソコンで読みやすい新聞レイアウトは？ - Yahoo!ニュース みんなの意見
地方紙8紙の電子版が、新聞紙面そのままのレイアウトでウェブブラウザから読めるサービスがスタート。あなたは新聞記事をパソコンで読むとき、次のどちらが読みやすい？
どのWebブラウザをサポートするべきか？ 「プログレッシブ・エンハンスメント」という考え方
Webアプリケーションを開発、運用する側にとって、どのWebブラウザのどのバージョンをサポートするのかを決めることは非常に重要です。サポートするWebブラウザを絞り込んでしまえば開発は容易になりますが、利用者には狭い選択肢を強いることとなります。サポート対象を広げるほど利用者には便利になりますが、開発時に各Webブラウザの互換性の問題に気をつけなければならず、またテストの工数もねずみ算的に膨らみ、開発工数の増大からコストの増大へとつながります。 いま業務アプリケーションも含めて多くのアプリケーションがWebアプリケーション化しています。社内のスタッフだけが使うことを想定するのならば、Webブラウザの種類とバージョンを限定してもいいでしょう。 しかし今後は社内に複数のベンダから調達したWebアプリケーションが混在することになるでしょう。そのときに、それぞれのWebアプリケーションがサポートす
ヤフーへの広告掲載とビッグデータ活用 - Yahoo!マーケティングソリューション
効率よく見込み顧客へアプローチして集客力アップ オンライン運用型広告 掲載面：Yahoo! JAPAN検索結果・コンテンツページなど 課金方法：クリック課金（一部ビュー課金）
ヤフーがyimg.jpを使う本当のワケ - 最速配信研究会(@yamaz)
ヤフーの画像はなぜyimg.jpドメインなのか？ サイト高速化の手法とヤフーの失敗例 でヤフーがなぜドメインを変えて画像サーバを運用しているかが書かれている.「静的なコンテンツに対してクッキーフリードメインを使うことによって速度向上を狙う」というのが理由とあって,これはこれでもちろん正しいのだけれど,これはどちらかというと副次的な理由で本当の理由は違う. クッキーフリードメインを使うことで悪意あるFlashコンテンツなどから自社ドメインのクッキーを守るためというのが本当の理由で,これはあちこちで使われているテクニックだ.Flashコンテンツは外部の業者さんに作ってもらったり,広告の入稿素材として入ってくるので,信頼できないデータとして取り扱う必要があり,万一まずいデータがアップされることがあっても大丈夫にしておく必要がある. 最近ユーザからの任意のコンテンツを受けつけて同一ドメインで配信し
トップページにみる日本のウェブデザイン--Yahoo! Japanは「社会の縮図」 - builder by ZDNet Japan
データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。 つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版のYahoo!の見た目を継承するだけでは解決しない課題がいくつか出てきます。 何をするにもまず、可能な限りデータを収集して分析することが必須であると、Yahoo!トップページ企画に所属する西田修一氏は話しています。20〜30ほどアイデアが挙がったトップページの中から、8つのデザイン案をユーザーテストにかけ、アイトラッキングやインタビ
使いやすさ日記: 426. Yahoo!ニュースの自動ページ送り機能
426. Yahoo!ニュースの自動ページ送り機能 2008年5月 8日 私は、Webサイトでニュースを見ながらごはんを食べることがよくあります。 Webを見るためにはマウス操作をしなければなりません。しかし、食事中は利き手が箸でふさがっているので、都度マウスと箸を持ち替えなくてはならなかったり、そのときに食べ物をこぼしてしまうこともありがちです。 私が食事中によく見るのが、「Yahoo!ニュース」の中にある「写真ニュース」のページ。このページでは、「国内」「海外」「経済」「エンターテインメント」「スポーツ」「テクノロジー」「地域」といったカテゴリごとの写真付き記事を2秒、5秒、7秒間隔で自動的に更新できるのです。そのため、テレビのような感覚でニュースを見ながら食事ができるというわけです。
ヤフーのトップページ刷新までの道のり・ウェブ開発物語 インターネット-最新ニュース:IT-PLUS
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
ヤフー、無料ウェブ解析ツール「Yahoo! ログール」公開
ヤフーは3月18日、ウェブサイト解析ツール「Yahoo! ログール」ベータ版を無料で公開した。ブログパーツを貼るだけで、ウェブサイトの訪問者数やその属性を確認できるという。 解析できるデータは、アクセス数累計、訪問者数、平均滞在時間、リンクされた数、ブックマーク数（はてなブックマークに登録された数）、RSSリーダー登録数（livedoor Readerに登録された数）など。 また、サイト内で多く読まれた記事の上位5本や、検索経由で訪れた読者が使用したキーワード上位5個、読者がサイトを訪れる直前に見ていたページ、サイトを離れた直後に見たページなども解析できる。 そのほか、過去3カ月に訪れたすべてのサイト「おでかけ帳」や、ブログパーツを貼ったサイトを訪れた読者一覧「足あと帳」などの機能も備える。 ブログやウェブサイト運営者がYahoo! ログールを利用するには、まず利用登録を行う必要がある。自
「Webページの表示速度を向上させる最新研究結果」 米Yahoo!がプレゼン資料公開：CodeZine
米Yahoo!は、開発者向けWebサイト「Yahoo! Developer Network」内のブログで、Webページのパフォーマンスを向上させる最新研究結果について解説したプレゼン資料を公開した。 これは先週開催されたPHP Quebec Conferenceのセッションにおいて、同社のStoyan Stefanov氏が使用した資料を公開したもの。Yahoo!が研究を続けている「より速くWebページを表示させるテクニック」として、既存の14種類に加え、新しく20種類のルールが明かされている。 改善対象はサーバ、コンテンツ、クッキー、JavaScript、CSS、画像、モバイルとなっており、同社が提供するFirefox拡張機能YSlowなどを利用して検証する。YSlowで「A判定」が出ていないようであればこれらの改善に取り組むよう推奨しており、A判定が出ている場合でも新しい20のルールを
ブラウザ判定(しかもダメダメ)しているYahoo! Japan #3 - WebStudio
もずはっく日記(2008年1月) 2008年1月2日 ブラウザ判定(しかもダメダメ)しているYahoo! Japan #3 初回投稿日時: 2008年01月02日22時50分46秒 最終更新日時: 2008年01月04日01時37分03秒 カテゴリ: 雑談 SNS: Tweet (list) 色々と反響があり、嬉しい限りです。やっぱり過激な書き方した方が人が来ますね(笑) 以下はKurumaさんのご意見。 Yahoo! Japanが導入したブラウザ振り分けについて中野さんと石川さんのやりとりを拝見しました。理想は中野さんのおっしゃる通り、原則として標準仕様へ沿ったコンテンツを返す、という方式でしょう。しかしながら、古い環境の為に用意したのであろう、制限されたトップページはより多くの環境で表示可能であると期待されます。未知の環境に対してとりあえず表示できるコンテンツを返すという判断は、適
判別するなら選択肢を提供せよ (kuruman.org > Kuruman Memo)
Yahoo! Japanが導入したブラウザ振り分けについて中野さんと石川さんのやりとりを拝見しました。理想は中野さんのおっしゃる通り、原則として標準仕様へ沿ったコンテンツを返す、という方式でしょう。しかしながら、古い環境の為に用意したのであろう、制限されたトップページはより多くの環境で表示可能であると期待されます。未知の環境に対してとりあえず表示できるコンテンツを返すという判断は、適当であるように感じます。従って、このように最新状況にキャッチアップしていくサイトにおいては、フォールバック対象を前方互換（つまり未知のブラウザ）よりも後方互換（化石ブラウザ）に絞るのは間違った判断だとはいいきれないという主張を支持します。理想的ではないけれど、現実的な解であることは確かです。 仮にYahoo! Japanの判別方法を真似て、完全に異なるコンテンツを返すサイトが現れれば、それは大きな問題です。しか
ブラウザ判定(しかもダメダメ)しているYahoo! Japan #2：もずはっく日記 - WebStudio
もずはっく日記(2008年1月) 2008年1月2日 ブラウザ判定(しかもダメダメ)しているYahoo! Japan #2 初回投稿日時: 2008年01月02日17時17分22秒 最終更新日時: 2008年01月03日10時17分56秒 カテゴリ: 雑談 SNS: Tweet (list) 昨日のエントリへの反応を読ませてもらいました。正月早々楽しんでます。 その中でも一番興味を引かれたのが指向性メモ::2008-01-02::ブラウザ判定に失敗した時のフォールバック先はフル機能であるべきなのかさん。 この文には議論の余地があると思う。本来という言葉を使うほど、この文が示す内容は妥当なものなのだろうか。というのも、今回Yahoo! JAPANは確かに最適とは言えないブラウザの判別方法を採用してしまったわけであるが、基本的には最新のブラウザにキャッチアップしていく姿勢で有るはずだ。作っ
ブラウザ判定に失敗した時のフォールバック先はフル機能であるべきなのか
ブラウザ判定(しかもダメダメ)しているYahoo! Japan 内容自体は概ね同意なのだが、1つ気になる文章が有った。 こういうフォールバック先は本来、そのサイトのフル機能を実装しているものの、ブラウザ(のバグ等)に対する回避処理を入れていない、理想的なブラウザでは機能するようなものであるべきです。そうでなくては新しいブラウザを含む、未知のブラウザをサポートできないからです。 この文には議論の余地があると思う。本来という言葉を使うほど、この文が示す内容は妥当なものなのだろうか。というのも、今回Yahoo! JAPANは確かに最適とは言えないブラウザの判別方法を採用してしまったわけであるが、基本的には最新のブラウザにキャッチアップしていく姿勢で有るはずだ。作って放置するサイトならまだしも、このように最新状況にキャッチアップしていくサイトにおいては、フォールバック対象を前方互換（つまり未知のブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽
ヤフーの画像はなぜyimg.jpドメインなのか？ サイト高速化の手法とヤフーの失敗例 | 初代編集長ブログ―安田英久
ランキング - Yahoo!ログール
http://e0166nt.com/blog-entry-379.html
