Hatena::Groupdaichan330

趣味には偏ってないだいちゃんの日記 このページをアンテナに追加 RSSフィード

2009-01-19

うごメモからはてなを使い始めたユーザのためにはてなトップページを簡単に解説してみる

| 18:47 |  うごメモからはてなを使い始めたユーザのためにはてなトップページを簡単に解説してみる - 趣味には偏ってないだいちゃんの日記 を含むブックマーク はてなブックマーク -  うごメモからはてなを使い始めたユーザのためにはてなトップページを簡単に解説してみる - 趣味には偏ってないだいちゃんの日記  うごメモからはてなを使い始めたユーザのためにはてなトップページを簡単に解説してみる - 趣味には偏ってないだいちゃんの日記 のブックマークコメント

個人的に内容の確認も込めて今回ははてなトップページ(http://www.hatena.ne.jp/)について簡単に説明してみようと思います。

(追記:簡単に説明してみようと思ったのですが、非常にややこしくなってしまいましたorz)


現在のはてなトップページの経緯

現在のはてなトップページですが「うごメモはてな」リリースと同時にリニューアルされました。言わば「うごメモ仕様」となっています。全体に青と緑が基調になっているのはそのためのようです。では順に解説していきます。


上段

トップページの先頭はこのような感じになっています。

f:id:daichan330:20090119183428p:image

はてなのロゴ

単なるロゴですが、トップページへのリンクが貼られています。別のページに移動した時も大体左最上段にこのロゴがあります(うごメモは右最上段ですが)。

右上段のヘッダ
  • ようこそ[XXXX]さん、Myはてな
    • これらはMyはてなというポータルの個人設定へのリンクになっています。
    • ユーザIDが表示されている部分も実はリンクです。
    • 詳細な内容はこちらをどうぞ。
  • ログアウト
    • そのまんまではてなからログアウトします。
  • ヘルプ
    • ヘルプページ(はてな全般+各サービスのヘルプを紹介)へのリンクとなっています。
  • 右側の四角いヤツ
    • ヘッダの色を変更できます。▼ボタンを押すと下記の図のようになり、トップページの各サイドバーの色を変更できます。
    • 色はDefault(青)、Green(緑)、Pink(ピンク)、LightBlue(ライトブルー)、Monotone(モノトーン・黒)から選べます。

f:id:daichan330:20090119184719p:image

例えば「Monotone」を選ぶと↑こんな感じに。

はてなってなに?

初心者向け「はてな」のガイドページへのリンクです。

一度は見ておくと良いかもしれません。

各サービスの紹介

各サービスのトップページへの移動リンクです。ちなみに各サービスのアイコン?にマウスを当てるとそれぞれのサービスの概要説明がポップアップとして出てきます。

例えば「うごメモはてな」にマウスを当てるとこんな感じ。

f:id:daichan330:20090119185206p:image

※マウスを当てている「うごメモはてな」の背景が微妙に右のサービスの背景よりも濃い緑色になっていると思います。

ちなみに上記の例では全部サービスの背景色が薄い緑色になっていますが、これは対象のサービスを何らかの形で使用していることを意味します。使用していなければ背景色は白くなっています。

お知らせ

はてなからのお知らせがあると情報リンクが表示されます。


中上段

次に真ん中の上段について説明します。

f:id:daichan330:20090119191237j:image

なお、緑色の枠は広告なので気にしなくて良いです気になったものがあったらクリックしても良いかもしれません。

情報検索フォーム

情報を入力して必要なサービスから検索をかけることができます。情報検索フォームは「ウェブ」「キーワード」「人力検索」「商品」の4つのタブから構成されています。

ちなみに最初からキーワードのフォームに文字列が挿入されていますが、これは「はてなキーワード」の「注目キーワード」機能の第1位のキーワードが入っています。

■ウェブ検索

「ウェブ検索」タブの内容を分解すると以下のようになります。

f:id:daichan330:20090119192513p:image

まず最初に注意しないといけないのが「ウェブ検索」として使われるのは何かということです。ここで使われるのはgoogleYahoo!などの大手の検索エンジンではなく「はてなウェブ検索」という「はてなブックマーク」で使用されている検索機能です。そのため実際には「ブックマーク検索」と言った方が正しいのかもしれません。


  • 「ウェブ検索」、[B]アイコン
  • 検索フォーム
  • 注目キーワード
  • 1~5まで表示されているキーワード
    • 注目キーワードの上位5位分のキーワードそれぞれに対する「はてなウェブ検索」を行います。
    • なお上記では4番目の一部まで表示されていますが、本来ここには注目キーワードの5番目までが表示されます。ただしキーワードが長すぎるとご覧のように切れてしまって見えません。

■キーワード検索

「キーワード検索」タブの内容を分解すると以下のようになります。

このタブでは「はてなキーワード」に対する検索を行うことができます。

f:id:daichan330:20090119193619p:image


■人力検索

「人力検索」タブの内容を分解すると以下のようになります。

このタブでは「人力検索はてな」の過去質問に対する検索を行うことができます。

f:id:daichan330:20090119195638p:image


■商品検索

「商品検索」タブの内容を分解すると以下のようになります。

このタブではAmazonの商品検索を行うことができます。

f:id:daichan330:20090119200317p:image

なお「はてな」のサービスでは一部楽天市場の商品に対応しているものもありますが、はてなトップページからはAmazonの商品しか検索できません。


  • 検索フォーム
    • 入力したキーワードに対するAmazon商品の検索を行います。
    • ここで使われる検索機能は「はてなウェブ検索」ではなく、「はてな検索」の「商品検索」機能です。
  • Amazon商品検索」、「D」アイコン
  • 「注目キーワード」
  • 1~5まで表示されているキーワード
    • 注目キーワードの上位5位分のキーワードそれぞれに対する「はてな検索」の商品検索を行います。

最新人気記事

はてなブックマークの「人気エントリー」を順に上位8件分表示します。右側には画像が表示されていますが、人気エントリーで最も順位の高いエントリーから選ばれた画像が採用されます。右下の「もっと見る」から各カテゴリの人気エントリーページに移動できます。

なお、はてなブックマークで取り扱われる「人気記事」にはカテゴリ分類が行われていますが、トップページで表示されるのは以下5種類です。

  • 一般
  • 社会
  • 政治・経済
  • 生活・人生
  • 芸能

はてなブックマーク自体のカテゴリ分類では「コンピュータ・IT」「アニメ・ゲーム」「おもしろ」「動画」などもあるのですが、それらは全てはてなのトップページには表示されません。

そういう意味では「脱IT系」をある意味体現したカテゴリ選択とも言えます。

関連:no title


ユーザ情報

右側のユーザアイコンが表示されている部分は各ユーザの詳細情報が表示されます。ここで表示されているのは以下です。

  • ユーザのプロフィール画像
    • 初期状態はデフォルトアイコンになります。
    • 右下のペンアイコンを押すとプロフィール画像の変更ページに移動します。
  • ユーザ名
  • 市民メダル
    • はてなの各サービスを長期間使うと「はてな市民」になり、該当のサービスに対する市民バッジを貰うことができます。
    • 左から順に「はてなダイアリー市民」「はてなフォトライフ市民」「はてなグループ市民」「はてなハイク市民」のバッジになります。
  • 一番下の「XX」pt表示
  • 一番右上の[▲]
    • 押すとユーザ情報とメッセージ欄を以下のような感じで折りたたむことができます。[▼]を押すと元に戻ります。

f:id:daichan330:20090119203038p:image

メッセージ

あまり「うごメモはてな」では関係ありませんが、他のサービスを使用していると、「はてなメッセージ」というメッセージサービスにメッセージが届くことがあります。(例えばダイアリーを書いていてコメントをもらったり、トラックバックされた時など)

その場合にメッセージの最新5件が表示されます。「もっと見る」で「はてなメッセージ」のページに移動できます。


中下段

この部分はあまり説明は要らないと思うのでざっとだけ。

f:id:daichan330:20090119203531p:image

人気うごメモ作品

うごメモはてな」の人気作品ページに表示されているうちの上位16件のサムネイルが表示されます。

なお、サムネイルにマウスを当てるとサムネイル上で動画を見ることができます(音声は動作しません)。

おすすめ日記

はてなダイアリー」の中から「はてな公式」となっている日記とその概要が表示されます。「はてな公式」とされている日記は以下の2種類があります。

使用中サービス一覧

現在自分が使用しているサービスの一覧が表示されます。それぞれ各サービスのユーザページへのリンクが貼られています。

なお、例は全てのサービスを使用している場合の表示です。実際には使用していないサービスについては項目上には表示されません。

全てのサービスは「サービスラインナップ」で参照できます。


下段

一番下の段は新着情報や会社情報などが表示されます。

f:id:daichan330:20090119204648p:image

お知らせ・新着情報

はてなからのユーザ向け情報が表示されます(例えば新機能・新サービスなどのリリースや障害情報など)。

会社概要・個人情報

会社概要と個人情報の取扱いについての項目です。

ヘルプ・お問い合わせページへのリンクはこちらにもあります。

もっとはてな

はてなを使いこなしたい人向け」の内容となっているのですが「障害情報」や「メールマガジン(週刊はてな)」などもこの項目に属しています。またはてなスタッフが書いている日記一覧へのリンクもあります。

最下層のバナー3種類

それぞれ右から次のようになります。


以上で終わります。