2007-10-11

d2.hatena.ne.jpへ頂いたご意見について

はてなダイアリーの新しいインターフェースを検証しているhttp://d2.hatena.ne.jp/について、本番への機能反映を控え、最近頂いたご意見への検討内容を録音しましたので、公開させていただきます。

検討の中では、主に以下のような内容を検討しています。

ブックマークボタンの位置に慣れない。タイトルの中でリンクなどを使いたい＞見出しの構造を選択性にします
その場編集が開始されるインターフェースがわかりにくい＞ほかの方法も検討しましたが、黄色い帯が表示されるインターフェースを採用したいと考えています
その場編集をしようとしてタイトルを間違ってクリックしてしまう＞タイトルの帯クリックによるインターフェースが受け入れられるようであれば、対策を検討していきたいと思います
textareaの枠外をクリックした際の動作。textareaが消えないほうがよい、自動的に送信してほしい、テキストが消えないようにしてほしい、など＞枠外のクリック動作はなくします
他人のソースを見たいことはまれなのでは？＞ゲストのときは動作しないようにし、はてなユーザーの場合は表示されるようにしたいと思っています
ページ移動用ボタンがわかりにくい＞現状の少し幅の広いボタンを採用したいと考えています
ちょっとした更新の動作＞新規エントリーは通常の更新、再編集はちょっとした更新、としました
その他

これが頂いたすべての意見ではありませんが、コメントや日記などで頂いたご意見についてはほぼすべて目を通し、検討しております。d2.hatena.ne.jpの検証について、多数のご意見を頂き誠にありがとうございます。

2007-10-11

はてなダイアリーに2つの「その場」インターフェースが加わりました

本日、はてなダイアリーに新しい2つのインターフェースが加わりました。ひとつは「その場編集」機能、もうひとつは「その場ページ移動」機能です。

また、このリリースにあわせて、日記のタイトル部分の表示方法を2種類の表示形式から選択できるようにしました。それぞれの詳細は以下のとおりです。なお、これらの機能をご利用いただくには、ブラウザのJavaScript機能を有効にしていただく必要があります。

その場編集機能

「その場編集機能」は日記が表示されている画面から、そのまま文章を編集することができる機能で、設定などを行わなくてもすぐにご利用いただけます。

その場編集機能を使うと、日記が表示されているページからページ移動することなく直接日記の内容を編集することができます。これまでも、はてなダイアリーでは「思考を妨げず、素早く簡単に編集ができるインターフェース」を目指してきましたが、今回の機能によって、より素早く、気軽に編集できるようになったと考えています。

日記が表示されているページで見出しのある行にマウスカーソルを重ねると、見出し部分の背景色が黄色く変化します。その状態でクリックすると、テキストフォームの表示に切り替わるので、編集してから「登録する」ボタンをクリックすることでその場で編集して保存することができます。

ページ上部にあるアイコン（）をクリックすると、空欄のテキストフォームが表示されます。細いフォームには見出しを、大きなフォームには本文を書いて「登録する」ボタンをクリックすると、新しいエントリーを追加することができます。

見出しを書くには、これまで見出し記法として行頭に「*」を書く必要がありましたが、その場でエントリーを追加する場合には見出し欄に文字を入力するだけで「*」は不要です。
「日記を書く」などから遷移する管理ツールで編集する場合には、見出しの先頭にこれまで通り「*」が必要です。

既存のエントリーを編集した時には「ちょっとした編集」として自動トラックバックの送信やキーワードの抽出、はてなアンテナへの更新通知などが行われません。新しいエントリーを追加した時には全て行われます。

その場ページ移動機能

ページの一番下の部分に下向きの矢印ボタンが表示され、このボタンを押すとページ移動しなくても、その場で次の日記が同じページ内に表示されるようになりました。

次の日記を表示した後でも前の日記もページ内に残っていて、ボタンを押すたびに追加されていくので、1ページの中に読んだ日記がたまっていき、1つのページ内で戻って読み返すといった動作が簡単にできるようになっています。

他人のはてな記法が見られます

他人の日記でも自分の日記をその場編集する時と同じ動作で、記事の元のテキストを見ることができるようになりました。

これにより、他人の日記で「これはどうやって書くのだろう」と思った瞬間に書き方を見ることで、より効果的にはてな記法を習得できるのではないかと考えています。

なお、 を使ってコメントアウトした部分は、他のユーザーには見えません。

見出しの2段表示

これまではてなダイアリーでは、見出しであるh3要素の中に「■によるリンク」「カテゴリーとそのリンク」「タイトル」「時刻」「ブックマークなどの各種ボタン」を表示してきました。これらを一度整理し、見出し部分はあくまでタイトルが表示され、その他の要素と分けて表示できるようになりました。

はてなダイアリーをご利用の方は、管理ツールの「記事の設定」より「見出し」欄の設定を「見出しを2段で表示する」に変更することで2段で表示されるようになります。今後新たにダイアリーを開設した方は、この2段表示がデフォルトで開設されます。

今回の変更について

今回の変更は、9月28日よりd2.hatena.ne.jpにて行ってきた一連のインターフェース実験の成果を反映したものです。実験期間中には、コメントや日記などで多数の貴重なご意見を頂き有難うございました。
頂いたご意見に対しては、以下の告知にて検討内容や変更箇所の告知を行わせていただいております。
また、今後も継続的に改善を行っていきたいと思いますので、引き続きご意見を頂ければと思います。

2007-10-11

d2.hatena.ne.jpへ頂いたご意見について

2007-10-09

d2.hatena.ne.jpにその場ページ移動

2007-10-05

d2.hatena.ne.jpの変更について

2007-10-03

2007-09-29

2007-09-28

はてなダイアリーの新しいインターフェース実験について

2007-10-11

テキストで音楽が演奏できる、「メロディ再生記法」(MML記法)をリリースしました

本日、MML(Music Macro Language) を記述し、はてなダイアリーとはてなグループの日記でお手軽に音楽を演奏できるメロディ再生記法（MML記法）をリリースしました。

 >|mml|
 t120l16 @3 o5 cdefedc8 efgagfe8 c4 c4 c4 c4 ccddeeffe8d8c4;
 t120l16 @3 o4 r2 cdefedc8 efgagfe8 c4 c4 c4 eeffe8d8c4;
 t120l16 @3 o6 r1 cdefedc8 efgagfe8 c4 eeffe8d8c4;
 ||<

と、スーパーpre 記法の || の内側に mml と入力し、内部に MML を記述すると

t120l16 @3 o5 cdefedc8 efgagfe8 c4 c4 c4 c4 ccddeeffe8d8c4;
t120l16 @3 o4 r2 cdefedc8 efgagfe8 c4 c4 c4 eeffe8d8c4;
t120l16 @3 o6 r1 cdefedc8 efgagfe8 c4 eeffe8d8c4;

のように再生/停止ボタンが表示され、再生ボタンをクリックすると演奏が始まります。(演奏には FlashPlayer 9 が必要です)。

MML 記法では、内部でFlashのライブラリ「FlMML」を利用しているため、MML で使えるコマンドはテキスケ: ActionScript日記 - サウンドのリアルタイム生成（５）をご覧下さい。また FlMML という大変便利なライブラリを公開してくださったおーさん、どうもありがとうございました。

どうぞご利用ください。