Hatena::Groupdaichan330

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

2011-01-22

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

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

更新情報

  • 2011/01/22:初版
  • 2011/01/24
    • URLキーワードページの強化」の項を追加
    • 「ともだち招待」の内容に一部誤りがあったので修正(PC版追記)
  • 2011/02/14
    • 以下を追記修正
      • 「長文エントリの省略機能」
      • PC版トップページの「検索」がインクリメンタルサーチ化」
      • URLキーワードページの強化」
    • 「mobile版トップページに「☆レポート」リンクが追加」の項を追加

はじめに

昨年末に「はてなハイク」の新バージョン(通称「はてなハイク1.1」)がβテストサービスとして公開されてからもうすぐ1ヶ月が経とうとしています。

はてなハイク - お絵かきも楽しめるミニブログ

はてなハイク1.1のベータテストを開始しました - はてなハイク日記

公式のβテスト期間は「1ヶ月を予定」とあるので、もうすぐ何らかの告知があるものと思われますが、この時期に改めて「はてなハイク1.1」で追加・変更された機能を紹介していきます。

なお、変更点が従来の「はてなハイク」(以降、「はてなハイク1.0」と明記)と比べて大量にあるため、「新機能編」と「機能変更編」の2回に分けようと思います。

なお、「これは新機能ではなく機能変更だ!」などというものがあるかもしれませんが、独断で勝手に行っています。また、touch版は個人的に使用していないため、以降は専らPC/mobile版の説明となりますのでご了承下さい。


touch版の新設

公式にもある通り、はてなハイク1.1では「スマートフォンやニンテンドー DSi のための表示モード」、通称touch版が新設されました。

http://h1beta.hatena.ne.jp/touch/

このモードはスマートフォンやiPad, iPod touch, ニンテンドーDSiブラウザ, Wiiブラウザなどを対象にしているようで、PC版とmobile版の中間位のインタフェースとなっているようです。

f:id:daichan330:20110119223019p:image (トップページ)

f:id:daichan330:20110119223153p:image (ユーザページ[Entries])

touch版お絵描き機能

最もtouch版で特徴的な点に「touch専用のお絵描きモード」が挙げられます。アクセスするとキャンバスと左下のカラーパレットのみのシンプルな画面が表示されます。カラーパレットを選択すると以下のような画面が表示されます。

f:id:daichan330:20110119223629p:image

カラーパレット上で操作可能な点は、色・線の太さ・undo/redoのみであり、バケツや消しゴムなどの機能は用意されていません。あくまでも簡易的なお絵描きといった印象です。なお、ユーザアイコン横のフォームは投稿するキーワードの入力欄です。

なお、キャンバスはPC版のお絵描きとは違い、全体が透過モードとなっているので注意が必要です。(サムネイル等で表示が変になる場合があります。)

「Keywords」タブ

また、touch版のトップページにはPC/mobile版とは異なり、「Keywords」タブが用意されています。これはPC版の「Hot Keywords」に相当するもので、現状「はてなハイク」上で盛り上がっている(時間当たりの発言数が多い)キーワードが上位に表示されるようになっています。

f:id:daichan330:20110119223247p:image


Replyツリーの展開機能

PC版ではReplyなどで発言のツリーが構成された場合、その発言を「展開」することが可能となりました。

f:id:daichan330:20110119212247p:image

上記にある「展開」ボタンをクリックすると、以下のようにReplyツリーが展開して表示されます。

f:id:daichan330:20110119212353p:image

この機能により、議論などでReplyが繋がった際、発言を一気に読むことが楽になりました。(展開済みのエントリはReply関連のアイコンが薄く表示される。)

展開機能で一度に展開できる段数は、「展開」ボタンをクリックしたエントリから上下3段階までとなっています。3段階以上にReplyが繋がっている場合は、該当エントリに再度「展開」ボタンが表示されます。

なお、この機能はIEDSiブラウザ・Wiiブラウザでは使用できません。


autopagerize

PC版では、スクロールバーを下げると自動的に次ページを読むautopagerize機能が採用されています。

デフォルトで有効となっていますが、変更したい場合は「設定 - 投稿一覧」で有効/無効の選択ができるようになっています。

なお、この機能もIEでは使用することができません。


新着投稿チェック

PC版ではトップページ,キーワードページ,ユーザページ(Entries),IDページ(About)では新規投稿があった場合、twitterなどと同様新着投稿があった旨を発言フォームのすぐ下に表示するようになりました。(ブラウザのタブ上にも表示されます。)

f:id:daichan330:20110119212116p:image

この「○○件の新着があります」をクリックすると、新着分が上部にページの再読込無く表示されるようになっています。

なお、新着表示で一度に再読込無く開くことが出来る件数は最大200件までとなっており、それ以上になると下記のメッセージが表示されるようになります。この場合、ページの再読込が発生します。

f:id:daichan330:20110119214940p:image

この機能もデフォルトで有効となっていますが、変更したい場合は「設定 - 投稿一覧」で有効/無効の選択ができるようになっています。(ただし、autopagerizeと連動しているようです。)

なお、この機能もIEでは使用することができません。


長文エントリの省略機能

はてなハイク1.1」では1.0当初から要望されていた機能の一つである長文エントリの省略表示機能が実装されました。*1

長文エントリを投稿した場合、以下のように「(省略されました・・全てを読む)」が表示されるようになります。このリンクをクリックすると全文が表示されます。

f:id:daichan330:20110119212502p:image

なお、長文の目安ですが文字数以外に行数もチェック対象となっているようです。

本機能はPC/mobile版両方ともに有効となっており、PC版では以下のページが省略表示の対象となります。

  • トップページ
  • キーワードページ
  • IDページ(About)

mobile版では上記に加えてユーザページ(Entries)も省略表示の対象となります。

2011/02/14追記

省略時の表示は最終的に(続きを読む)に落ち着いたようです。

f:id:daichan330:20110213180849p:image

なお、省略表示が出る条件は以下の2つのようです。

  1. エントリの総行が15行を超える場合
  2. エントリの総文字数が(全角)819文字を超える場合

「819文字」という文字数は、おそらく「ハイク=819」という語呂合わせから取られているのではないかと思われます。

なお、「819文字」書いた場合、この程度が表示されます。

f:id:daichan330:20110213180957p:image:w270:h245


PC版トップページの「検索」がインクリメンタルサーチ化

PC版トップページにある「検索」機能がインクリメンタルサーチとなりました。

「注目キーワード」の下にある検索フォームに文字列を入力すると、文字列にヒットするキーワードが投稿数順で表示されるようになっています。

例えば「はてな」を入れると以下のような表示になります。

f:id:daichan330:20110119212731p:image

2011/02/14追記

検索結果表示ページの検索フォームもインクリメンタルサーチ化しました。

なお、WebKit系ブラウザ(Safari,Google Chromeなど)では検索フォームに文字を入力すると、フォームの左端に検索結果の表示をクリアするための「×」ボタンが表示されるようになりました。*2

f:id:daichan330:20110213183324p:image

f:id:daichan330:20110213183325p:image


キーワードページの「プロフィール」欄

キーワードページに「プロフィール」欄が追加されました。

f:id:daichan330:20110119212854p:image f:id:daichan330:20110119213434p:image

「プロフィール」欄では以下の情報が表示されます。

  • はてなキーワード」の情報概要表示
    • 「もっと見る」で該当のはてなキーワードにアクセスすることが可能。
    • はてなキーワードのブックマーク数
    • はてなキーワードに付けられているスター
    • はてなキーワードに登録されている画像
  • 投稿数

なお、はてなキーワード上で同じキーワードに複数の内容が登録されている場合、全てのキーワードの概要が表示されるようになっています。(上記例の「GOSICK」の場合。)

mobile版ではフッタ欄に「プロフィール」が追加されており、アクセスするとPC版同様の情報が表示されるようになっています。

f:id:daichan330:20110119223718p:image

f:id:daichan330:20110119223719p:image


商品キーワードページの強化

Amazon商品キーワードページ(asin形式リンク)が強化されました。

PC/mobile版共に投稿フォームの直下に商品の簡易情報が出るようになっています。

f:id:daichan330:20110119221752p:image

通常キーワードと同様「プロフィール」欄も用意されており、以下の情報が新たに表示されるようになっています。

  • Amazonの対象商品のサムネイル(登録されている場合のみ)
  • Amazonの対象商品へのリンク
  • はてなキーワードにおけるasinページ情報
    • 注文数
    • クリック数
    • ブログ言及数
  • 商品キーワードページへの投稿数

f:id:daichan330:20110119221701p:image

また、「関連キーワード」欄として、「はてなキーワード」の商品ページで表示される「この商品が好きな人は、こんな商品も購入しています」に挙げられている5件に関して、はてなハイクの商品キーワードが挿入されるようになっています。

f:id:daichan330:20110119221718p:image


URLキーワードページの強化(2011/01/24追記)

URLキーワードページについてもasinキーワードページ同様に強化が行われています。

こちらも通常キーワードと同様「プロフィール」欄も用意されました。

f:id:daichan330:20110124015836p:image f:id:daichan330:20110124021148p:image

「プロフィール」欄では以下の情報が新たに表示されるようになっています。

  • 対象URLはてなスクリーンショットイメージ(登録されている場合のみ)
  • 対象URLのブックマーク数
  • 対象URLに対して付けられているスター
  • 対象URLの概要情報(表示可能な場合のみ)
  • URLキーワードへの投稿数

また、対象URLがブックマークされている場合には「関連キーワード」欄において、関連するURLキーワードも表示される場合があります。*3

f:id:daichan330:20110124021223p:image

(上記例は「404 Not Found - はてなハイク」)

なお、「関連キーワード」に表示されるURLキーワードのタイプには、「URLがそのまま表示されているキーワード」と「対象URLのtitleが取得済のキーワード」があります。

前者は1度も対象のURLキーワードにアクセスされていないもの、後者は1度でも対象のURLキーワードにアクセスがあったものが該当します。

(初めてURLキーワードにアクセスした場合にのみ、対象URLのtitleを取得しに行く構成となっている模様。)

2011/02/14追記

URLキーワードもASINキーワードと同様に投稿フォームの直下に対象URLの簡易情報が表示されるようになりました。

f:id:daichan330:20110213180642p:image

この欄では以下の情報が表示されます。

  • URLキーワードのタイトル(URLリンク込み)
  • サムネイル画像(はてなスクリーンショット?)
  • 対象URLの概要(はてなブックマークでブックマークした際に表示されるものと共通)
  • 対象URLのブックマーク数
  • 対象URLに付けられているスター数

なお、トップページ等ではURLキーワードに投稿があった場合に簡易情報欄が表示されるようになりました。

(ただし、同一URLキーワードが複数件ある場合は最新のエントリにのみ表示されます。)

f:id:daichan330:20110213180736p:image


IDページ(About)での「全新着」表示

IDページ(About)において「全新着」が追加されました。(PC/mobile版共通)

f:id:daichan330:20110119213115p:image (PC版)

f:id:daichan330:20110119223722p:image (mobile版)

「全新着」では現状以下の内容が反映されるようになっています。

f:id:daichan330:20110119213231p:image


外部フォトレージサービスのサムネイルインライン展開

外部フォトレージサービスの写真のURLを貼り付けた場合、サムネイルをインライン展開で表示するようになりました。

現状対応しているサービス(確認したもの)は以下があります。

twitpic・plixi・yfrog・img.ly・twipple・twitvideo・フォト蔵・ow.ly

なお、携帯百景(movapic)・Flickrなどには現時点で未対応のようです。


Youtube・ニコニコ動画のURL短縮表示でのインライン展開

Youtube・ニコニコ動画のURL短縮表示(you.tubenico.ms)で貼り付けた場合も、通常URL同様動画をインライン展開で表示するようになりました。


mobile版の動画対応

mobile版でもYoutube・ニコニコ動画・うごメモはてなの各種動画に対応しました。

f:id:daichan330:20110119223720p:image

動画のエントリを貼り付けた場合、モバイルサイトへのリンクが含まれるサムネイルが表示されるようになっています。

(上記、URL短縮表示を行った場合でも同様にサムネイルが表示されます。)


記法展開

新たにmap記法、idea記法を展開するようになりました。

map記法

例えばヘルプにある以下を投稿すると、

f:id:daichan330:20110119214605p:image

下記のエントリになります。

f:id:daichan330:20110119214536p:image

Googleマップ及び「はてなココ」上の「この地点の近くのスポット」リンクが表示されます。

なお、「はてなハイク1.1」で展開可能なmap記法は、はてなダイアリーで採用されているmap記法とは表記が異なるので注意が必要です。

(はてなダイアリーのmap記法形式ではマップが表示されません。)

idea記法

例えば「idea:29084」と書いて投稿した場合、以下のようにはてなアイデアの情報を展開するようになりました。

f:id:daichan330:20110119213709p:image


はてなアイデアへのトラックバック

上記のidea記法やはてなアイデアの各アイデアへのURLを貼った場合、対象のアイデアにトラックバックされるようになりました。


絵文字対応

はてなハイク1.1では「うごメモはてな」と同様、絵文字の投稿があった場合に自動的にemoji記法として認識し、PC版では対応する画像を表示させるようになりました。

f:id:daichan330:20110122140437p:image

絵文字はキーワードに指定することも可能です。*4

なお、PC版から絵文字を使う場合は、emoji記法*5を使う必要があります。


PC版で表示言語・表示内容が選択可能に

PC版で表示言語・表示内容を選択できるようになりました。

ただし元々「はてなハイク」は日本語圏(.jp)及び英語圏(.com)のみの対応となっていたためか、選択可能な内容は以下となっています。

  • 表示言語:日本語・EnglishEnglish(UK)
  • 表示内容:日本語(.jp)・全世界(.com)

f:id:daichan330:20110119223711p:image


mobile版のエントリ削除対応

mobile版でも(ようやく)エントリが削除できるようになりました。

PC版と同様、エントリ上に表示される「×」ボタンを押すと、

f:id:daichan330:20110119223712p:image

削除確認画面が表示されます。「はい」ボタンを押せばエントリを削除することができます。

f:id:daichan330:20110119223713p:image


イマココ

mobile/touch版では、イマココができるようになりました。

f:id:daichan330:20110119223714p:image

投稿フォームの右下にある「イマココ」ボタンをクリックすると、現在地のmap記法の情報が展開されて表示されるようになっています。

f:id:daichan330:20110119223715p:image

ただし、本機能はGPS対応した携帯・スマートフォンのみしか使用できません。*6

また、現時点では「はてなココ」との連動機能にはなっておらず、「はてなハイク1.1」独自機能のようです。


ともだち招待(2011/01/24一部修正)

mobile/touch版でははてなハイク1.1」では「はてなココ」などと同様の「ともだち招待」機能が用意されています。

f:id:daichan330:20110119223716p:image

mobile版ではトップページのフッタにある「ともだち招待」を選択すると招待ページに移動できます。

一方、PC版ではアンテナ(favorites)の左側にある「お気に入り」欄の一番下に「ともだち招待」のリンクが追加されています。

f:id:daichan330:20110124023949p:image

招待するユーザは以下から選択することが可能です。

  • メール
  • マイミク
  • twitterのフォローしているユーザ
  • QRコード ※mobile版のみ
  • はてなID(直接指定)
  • スターフレンド
  • はてなハイク」のお気に入り
  • はてなココ」のともだち
  • ともだち候補
  • Windows Live のアドレス帳 ※PC版のみ

相手側が「ともだち招待」を受け取って承認した場合、自動的に両者は「ともだち」状態となり、「お気に入り」状態となるようです。

なお、「はてなハイク」の『お気に入り』と「はてなココ(はてなハイク2)」の『ともだち』とは現時点では別物となっていますが、両者共に登録されるのではないかと思われます。


mobile版におけるユーザページ(Entries)の強化

mobile版のユーザページ(Entries)のフッタにおいて、以下の情報へのリンクが新たに表示されるようになりました。*7

  • プロフィール
  • お気に入りユーザ
  • お気に入りキーワード
  • 関連キーワード

f:id:daichan330:20110119223721p:image


mobile版トップページに「☆レポート」リンクが追加(2011/02/14追記)

mobile版のトップページに「☆レポート」のリンクが追加されました。

f:id:daichan330:20110214000018p:image

リンクにアクセスすると「mobile版の☆レポートページ」が表示されるようになっています。


終わりに

はてなハイク1.1」の新機能部分だけ挙げて紹介しましたが、次回紹介する「機能変更編」も含めて、かなり大量の部分で改善が行われています。さすがに開発スタッフが一から組み直したと発言してるだけのことはあるようです。*8

また(「はてな」にしては昨今珍しく、)「はてなハイク1.1」のキーワード上に投稿された要望・不具合に対しても(現時点の段階でも)かなりの頻度で対応しているので、正式化までまだまだどのような機能が採用・実装されていくか気になる所です。

*1:「はてなハイク」は日本語文字を最大40000字以上1エントリに記載可能なため、長文を連続で投稿された場合、mobile版では非常に見辛い・重い仕様となっていました。また本機能を悪用し大量に無効なURLを貼り付けるスパムなども発生していました。

*2:<input type="search">対応。

*3はてなブックマークの「関連エントリー」「このエントリーを含むエントリー」などと同様のエントリがありますが、抜けなどもあるためどうやら独自機能の模様。

*4:ただし文字コードの関係上、携帯などで絵文字ありキーワードに投稿すると文字化けして別キーワードに投稿されてしまう現象が発生する場合があります。

*5:[emoji:XXX]の形式

*6GPS非対応の携帯で「イマココ」ボタンを押しても、ページが再読込されるだけで何も起こりません。

*7:1.0では直近で投稿があったファンのID名しか表示されていませんでした。

*8:その分今までの2年間位ずっと放置プレイだったのですが。