Hatena::Groupdaichan330

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

2011-01-24

はてなハイク1.1紹介(機能変更編)

| 19:39 | はてなハイク1.1紹介(機能変更編) - 趣味には偏ってないだいちゃんの日記 を含むブックマーク はてなブックマーク - はてなハイク1.1紹介(機能変更編) - 趣味には偏ってないだいちゃんの日記 はてなハイク1.1紹介(機能変更編) - 趣味には偏ってないだいちゃんの日記 のブックマークコメント

更新情報

  • 2011/01/24:初版
  • 2011/02/14:
    • 以下の項を追記修正
      • 「ユーザ名表示がはてなIDからニックネームに」
      • 「1エントリの画像投稿制限が変更」
      • 「キーワード投稿フォームの検索機能」
    • 以下の項を追加
      • 「かんたんログイン設定時の自動ログイン」
      • ID(About)ページにおける関連キーワードの表示変更」

はじめに

前回のエントリでは「はてなハイク1.1」の新機能を紹介しましたが、今回は機能変更部分について紹介していきます。


表示の高速化

公式でも触れられている通り、「はてなハイク1.1」では従来の「はてなハイク1.0」と比べて動作速度の改善が行われ、表示が高速化されています。

また、表示面などでも高速化に繋がる以下の仕様変更が行われています。

ページ読込みの非同期化

PC版などではキーワードページで表示される本文以外の以下の部分が非同期的に読み込まれるようになりました。

  • 左側サイドバー上部の「ユーザ一覧」欄
  • 左側サイドバー下部の「デバイス」欄*1
  • 右側サイドバー上部の「プロフィール」欄
  • 右側サイドバー下部の「(注目・関連)キーワード」欄

上記の対処により、サイドバー部分とは独立してキーワード本文部分が読み込まれるようになり、サイドバー部分が重くても本文部分は極力影響を受けない構成になっています。

PC版ユーザページ(Entries)のファン欄・キーワード欄の「もっと見る」表示

はてなハイク1.0」では、PC版ユーザページ(Entries)のファン欄・キーワード欄において、全てのファン・キーワードが表示されるようになっていましたが、ファン数が多くなった場合などに読み込みに非常に時間が掛かる問題がありました。

はてなハイク1.1」ではファン欄・キーワード欄において全てを読み込まず、20ユーザ・20キーワード以上ある場合は「もっと見る」が表示されるようになりました。

f:id:daichan330:20110124023816p:image f:id:daichan330:20110124023832p:image

「もっと見る」をクリックした場合、直下に次ページのユーザもしくはキーワードが表示されるようになっています。

PC版キーワードページの「ユーザ一覧」

PC版キーワードページの「ユーザ一覧」が「はてなハイク1.1」ではアイコンのみの表示となりました。

mobile版のプロフィールアイコン

mobile版におけるメインのプロフィールアイコンの表示がprofile.gifからprofile_l.gifに変更されました。

profile_l.gifは「はてなハイク2」などでも使用されている軽量アイコンで、画像は1フレームのみとなっています。このため、mobile版ではアニメーションGIFのアイコンなどは動かないようになっています。

なお、Replyなどで使用される小型のプロフィールアイコンは従来のprofile_s.gifのままとなっています。

mobile版のはてなスター表示

mobile版でははてなスターの表示も「はてなココ」形式に変更になっています。

f:id:daichan330:20110124032406p:image f:id:daichan330:20110124032405p:image

この形式は対象のパーマリンクに対して付いているスター毎の専用画像を表示させるようになっています。また、☆が6個以上付いた場合には数字表示されるため、画像読み込みのサイズを極力抑えた形になっています。表示形式も従来の「☆[スター数-2]☆」から「☆[スター数]」となっています。


ページ再読込みの局所化

PC版ではエントリを投稿した場合のページの読み込みが行われる箇所が局所化され、投稿時のストレスがかからない配慮が行われています。

IE以外のブラウザについては、通常の文章・お絵描き・webcamからの全ての投稿において、ページ再読込みが発生しません。また、IEについては通常の文章投稿時のみに関してページ再読込みが発生しないようになりました。


ユーザ名表示がはてなIDからニックネームに

はてなハイク1.1」ではユーザ名の表示が「はてなID」から「ニックネーム」に変更となっています。

また、IDページ(About)上の表示もid記法形式からニックネームになっています。これに伴い、ユーザページ(Entries)やアンテナページ(favorites)などにおける左側のユーザ欄の吹き出し部分での最新投稿表示においてもIDページの場合は、ニックネーム表記となりました。


IDページ(About)への投稿時】

f:id:daichan330:20110124025215p:image

【ユーザ欄におけるIDページ投稿表示】

f:id:daichan330:20110124025405p:image


なお、ニックネームははてなIDと違い、2人以上のユーザが同じニックネームを使用している場合も考えられます。ニックネーム表示のアンカーリンクについてはtitle/alt属性にはてなID名が記載されているため、PC版などではニックネームをフォーカスするとtooltipではてなIDが表示され一応の判別ができるようになっています。


IDページ(About)への投稿時】

f:id:daichan330:20110124032407p:image

【ユーザ欄におけるIDページ投稿表示】

f:id:daichan330:20110124032408p:image


2011/02/14追記

はてなプロフィール」のニックネーム設定を空欄や空白などに設定した場合、はてなハイク上では以下の表示になるようです。

  • 「うごメモはてな」でDSi情報を紐付けている場合、DSiに設定したニックネームが反映される。
  • 「うごメモはてな」でDSi情報を紐付けていない場合、はてなIDがニックネームとして設定される。
    • ただし「id: 」の部分はニックネームには入りません。

Reply元エントリのニックネーム表示

Replyアイコンの右側に元エントリを書いたユーザのニックネームが表示されるようになりました。

f:id:daichan330:20110124211347p:image

これにより、誰のエントリに対するReplyかが分かりやすくなりました。


ユーザページ(Entries)のプロフィール欄

ユーザページ(Entries)などのプロフィール欄も仕様が変更となりました。

f:id:daichan330:20110124015355p:image

はてなハイク1.0」の際は、はてなID・ニックネーム・プロフィール画像・一行紹介・持っているスター数のみでしたが、「はてなハイク1.1」では新たに以下が追加されました。

  • 書いた日数(はてなハイクの投稿日数)
  • 連続投稿日数
  • 「編集する」:はてなプロフィールの編集ページへのリンク

なお、プロフィール画像については「プロフィール写真>ハッピィ」の優先度が設定されており、はてなプロフィール上でプロフィール写真を登録していない場合、ハッピィが代わりに表示されるようになっています。


投稿フォームのサジェスト機能

エントリ投稿フォームやキーワード検索フォームなどに入力する内容をサジェストする表示機能が追加されました。


【トップページ・ユーザページ(Entries)など】

f:id:daichan330:20110124210107p:image

【キーワードページ・IDページ(About)など】

f:id:daichan330:20110124033736p:image

【トップページ右側の検索フォーム】

f:id:daichan330:20110124033813p:image


検索フォーム未入力時における検索結果の表示変更

トップページの検索フォームに何も入力しないで「検索」ボタンを押した場合、表示される検索結果が「はてなハイク1.0」では全キーワードの投稿数順でしたが、「はてなハイク1.1」では注目キーワード順になりました。


はてなハイク1.0:全キーワードの投稿数順】

f:id:daichan330:20110124031208p:image

はてなハイク1.1:注目キーワード順】

f:id:daichan330:20110124031144p:image


1エントリの画像投稿制限が変更

1エントリに貼り付けることのできる画像制限が3枚から4枚に変更されました。3枚では「4コマ漫画などの投稿ができない」などの要望が以前からあり、それに対応した形となっています。


はてなハイク1.0:画像投稿制限は3枚まで】

f:id:daichan330:20110124031440p:image

はてなハイク1.1:画像投稿制限は4枚まで】

f:id:daichan330:20110124031457p:image


2011/02/14追記

1エントリに貼り付けることのできる動画(Youtube,ニコニコ動画,はてなフォトライフ,うごメモはてな作品)についても、4枚に制限されました。

なお、現時点では画像・動画の制限は合わせて4枚までとなっています。

そのため、「画像3枚→動画2枚」の順でURLを1エントリに貼り付けた場合、最後に貼り付けた動画1枚分のURLが展開されないようになっています。


キーワード投稿フォームの検索機能

トップページ・ユーザページ(Entries)において、投稿フォームのキーワード欄の横に検索フォームが追加されました。

少々分かり辛いですが、キーワードを入力後「...」を選択すると、入力した内容に適合するキーワードが投稿数順で表示されます。

f:id:daichan330:20110124210144p:image

2011/02/14追記

検索フォームのボタンは「...」から、虫眼鏡のボタンに変更され分かりやすくなりました。

f:id:daichan330:20110213181156p:image


PC版お絵描きのリサイズ方式変更

PC版お絵描き機能において、キャンバスのリサイズ方式が変更になりました。

f:id:daichan330:20110124015558p:image

はてなハイク1.0」では画面下部欄をドラッグしてキャンバスのサイズを変更する形式でしたが、「はてなハイク1.1」では画面右下にリサイズボタンが用意され、これをドラッグすることでキャンバスをリサイズすることができます。

従来版では上下方向にしかリサイズできませんでしたが、「はてなハイク1.1」版ではキャンバスの右側部分の位置を変更することもできるようになっています。

なお、IEではこのリサイズ方式は使用できず、従来の「はてなハイク1.0」のリサイズ方式となっています。


他ユーザのアンテナページ(favorites)へのリンク削除

他ユーザのアンテナページ(favorites)へのタブリンクが「はてなハイク1.1」では削除されました。

【自分のユーザページ(Entries)】

f:id:daichan330:20110124025603p:image

【他ユーザのユーザページ(Entries)】

f:id:daichan330:20110124025522p:image

この仕様変更に伴い、他ユーザのアンテナページに移動するためにはURLを直打ちすることが必要になりました。


改行のみ行の判定変更

改行のみの行について、「はてなハイク1.1」では正確に反映されるようになりました。

この変更に伴って、「はてなハイク1.0」時のように空白行を作るため半角もしくは全角空白を余分に入れる作業が必要なくなりました。


id記法表記時のプロフィールアイコン表示

はてなハイク1.1」ではid記法を表記した際、先頭に対象ユーザのプロフィールアイコン(profile_s.gif)が表示されるようになりました。

f:id:daichan330:20110124015459p:image


URLキーワードのfavicon表示

URLキーワードなどにエントリを投稿した場合、キーワードの先頭部分に対象サイトのfaviconが表示されるようになりました。

f:id:daichan330:20110124031747p:image

asinキーワード等においても、先頭に商品の縮小画像が表示されるようになっています。


mobile版の「ファン」表示変更

mobile版における「ファン」の表示が変更になりました。

はてなハイク1.0」では画面下に最新投稿ユーザ順で一部が出るのみでしたが、「はてなハイク1.1」では専用ページに分割され、プロフィールアイコンと共に表示されるようになり、ファンのユーザが分かりやすくなりました。


はてなハイク1.0】

f:id:daichan330:20110124042914p:image

はてなハイク1.1】

f:id:daichan330:20110124042912p:image


mobile版のショートカットキーの変更

mobile版のショートカットキーが下記表のようになりました。

はてなハイク1.0はてなハイク1.1
トップページ[0][8]
エントリ(Entries)[1][1]
アンテナ(favorites)-[0]
画面上へ-[9]
次ページ[6][6]
Myはてな-[#]

トップページのショートカットキーが[8]に変更され、[0]キーはアンテナページ(favorites)へのショートカットとなりました。

ショートカットキーの情報はフッタの一番下などに記載されています。

f:id:daichan330:20110124042913p:image


mobile版のヘッダ右上のユーザ名リンク先が変更

mobile版でヘッダ右上に表示されるユーザ名部分のリンク先が「はてなハイク1.1」ではアンテナページ(favorites)に変更となりました。

PC版では元々ヘッダ右上にあるユーザ名のリンクはアンテナページとなっており、PC版と表示仕様の統一が図られました。


かんたんログイン設定時の自動ログイン(2011/02/14追記)

mobile版において「かんたんログイン」を設定していた場合、「はてなハイク1.1」にアクセスした時点で自動的にログインされるようになりました。

(はてなココ、はてなハイク2などの仕様と共通。)


ID(About)ページにおける関連キーワードの表示変更(2011/02/14追記)

ID(About)ページの関連キーワードは、「はてなハイク1.0」ではユーザ自身が関連付けしたものしか表示されませんでした。

一方、「はてなハイク1.1」では他のユーザが関連付けたキーワードも表示されるようになっています。

なお、他のユーザが関連付けたキーワードについても、IDページのユーザ側で関連付けを削除することは可能です。


その他バグ修正

その他何点かのバグが修正されています。

以下に「はてなアイデア」に出されているアイデアで修正済のものの一例を挙げておきます。

中でも「FlashのバージョンアップによりPC版お絵描き機能のショートカットキーが使用不可になった」不具合の修正により、PC版お絵描き機能のショートカットキーが復活しています。*2


終わりに

2回に渡って「はてなハイク1.1」の機能変更点を紹介してきました。「はてなハイク1.0」と比べるとtouch版も含めてかなりの箇所で改善が見られ使いやすいものになっています。

また、今回は触れませんでしたが、「はてなハイク REST API」についても修正・改善が行われているようです。

(開発者向け) はてなハイク1.1とのAPI互換性について - はてなハイク日記

現状公式的な発表はまだありませんが、1月末の正式化に向けて最後の追い込みという時期でもあり、これからの動向にも注目していきたい所です。

*1WiiブラウザでPC版ページを閲覧した際などに表示されます。

*2Firefoxなどのブラウザでは「o」キーのショートカット機能によりお絵描きを一時保存できるようになっています。