はてなダイアリーの編集モードを2つに分け、その場編集モードに「その場サブウィンドウ」を追加しました

本日、はてなダイアリーの編集モードを「その場編集モード」と「編集画面モード」の2つに分け、その場編集モードに画像の挿入、商品や動画の紹介、おえかきの投稿が可能なその場サブウィンドウを追加しました。

2つの編集モード

これまではてなダイアリーでは自分の日記を見ている時にページ移動せずにその場で編集できる機能と、編集画面へ移動して編集を行う機能の2つのインターフェイスが混在していましたが、それぞれ「その場編集モード」と「編集画面モード」の2つの編集モードに分け、管理画面の「編集設定」より設定できるようになりました。既に日記を開設している方は従来の動作に近い「編集画面モード」、今後新しく日記を開設する方は「その場編集モード」がデフォルトの設定になっています。

その場編集モード

自分の日記を見ているその場で日記の編集ができるモードです。「新しいエントリー」をクリックすると入力フォームが表示されます。ヘッダの「日記を書く」をクリックした時も同様です。過去の記事の編集はエントリーの見出しの下に表示される「編集」をクリック。見出しの背景をダブルクリックでも編集が可能です。

また、記事の設定で2段の見出しを選択している場合に、カテゴリの新規作成や選択、削除もその場で簡単に行える機能を追加しています。新しいエントリー作成時や記事の編集時に、見出しの下にフォルダ型のアイコンが表示されるので、ここから過去に作成したカテゴリを選択したり、新しいカテゴリを作成して選択することができます。一度選択したカテゴリは×ボタンをクリックすると選択が解除されます。

編集画面モード

その場編集の機能がオフの状態で、従来の編集画面から日記を書くモードです。新しいエントリーの作成や編集は全て編集画面に移動して行います。その場編集の簡易な編集フォームとは異なり、HTML入力支援ボタンの利用やはてな外のサイトへのトラックバック送信、今日の1枚の投稿、日付にタイトル設定を行うことができます。

その場サブウィンドウ

その場編集モードで編集中に、「登録する」「キャンセル」ボタンの右側にある「写真・商品などを挿入」リンクをクリックすると、その場サブウィンドウが表示されます。

その場サブウィンドウ内ではタブ状のメニュー毎に機能が分かれており、現在ご利用いただけるのは以下4つです。

  • 写真を挿入
    • はてなフォトライフに画像をアップロードすると、その場で記事に画像を貼り付ける記法が挿入されます。
    • 過去にはてなフォトライフにアップロードした画像が表示されているので、挿入したい画像を複数選んで貼り付けることもできます。
  • 商品を紹介
  • 動画を紹介
  • おえかき
    • マウスを使って簡単に絵を描いて日記に貼り付けることができます。ペンの色と太さを選んで、マウスをドラッグして絵を描き「投稿」ボタンをクリックしてください。

d2での実験にご協力いただきありがとうございました

今回の変更は、昨年12月21日よりd2.hatena.ne.jpにて行ってきました新しい編集モードの実験や、1月18日より開始しましたその場サブウィンドウの実験を経て本番でリリースしたものです。期間中、多数の貴重なご意見を頂きありがとうございました。

今後も継続的に改善を行っていきたいと思いますので、引き続きコメントやトラックバック等でご意見をお寄せください。