:i/UI/編集のバックアップ差分(No.31)

to your Kindle
追加された行はこの色です。
削除された行はこの色です。
RIGHT:&tag(ページ,編集,UI,WikiFormat,プラグイン,タグ,思い付き,実装,設計);

UI全般については
→[[UI]]


*目次 [#fd5354aa]
#contents
----
#lsx(new=true);
 
*関連 [#m6a38874]
#lsx(tag=UI,new=true,except=^ページ/編集/UI(/.*)?$)
 
[[検索:UI]]
 
*UI周辺のタグ [#u3704095]
#tag(0,UI)
*ページ/編集/UIとは [#w727553f]
RIGHT:[[:t/UI]]

ページ編集のためのUIについて。


*思い付き [#b481655b]
-ページ名はシングルクリックで選択できるように
ページ名はテキストボックスで表示。編集ページなら「［ページ名］の編集」のように。
リンクにはしない。それはトピックパスにあるので。更新はブラウザーの機能で。そのため、フォーム付きのPOSTリクエストとGETリクエストとは分ける。iPhoneのSafariでは更新はページ先頭にあるがページ名も先頭にあるので変わらない。
**次へ [#n1b7fb40]
iPhoneのSafari用に。
ページの更新ボタンを押す必要があるとき、「次へ」ボタンで更新ボタンのそばまでスクロールできる。
**編集直後のページ表示では、編集した行に「更新した」というマークを [#j00fba3e]
章立てになっていても、1つの章が長い場合もあるので、行単位で。

つまり、差分表示のページへ遷移。



**実は新規作成ページなど無い [#gda342bf]
PukiWikiと同じく、新規作成は存在しないページの編集。
**入力欄を一行テキストボックスに変更可能に [#wd0e0290]
Enterで送信できるのが良い。
この場合、改行を別の文字で代用。送信されると改行になる。

挙動は[[Google:checkpad.jp]]のように。
**プラグイン専用欄 [#n12d2dc2]
ページの属性を決めるようなプラグインは専用欄に書きたい。
欄内ではソート。

テキストエリア。
1行に1つ。

内部ではマージ、1つのテキストとして処理。
編集時に別れていればいい。
**プレビューは入力欄と違うページに [#we7ee581]
新しいウィンドウかインラインフレームで。
本当のページでなければプレビューにならない。
**プレビュー不要 [#ad56218e]
戻しやすく戻したときに跡が残らない「更新」を導入する。
→これで編集とプレビューをまとめる。
→他ページから参照される部分もプレビューできる。プレビューが他のページに影響を与えてもいい。

参照不可能でそのうち削除されるページ。
%%プラグインのトリガーのため。%%
%%UIから使うためのもの。プラグインでなら元から可能だから。%%

RIGHT:[[:t/プラグイン]]
**消すボタン封じ [#b72c4280]
IEであってもESCキーで消えないように。
ESCキーは「範囲選択を解除」とか「IMEの状態を初期化」だけでいい。
**リロード時のページ破棄封じ [#ga7b3727]
ページの有効期限を付けて。
またはページ遷移封じを。
**フォーム [#s56e3c97]
ページを作るボタンにはテキストボックスを。
「ページを作る」よりも「見たいページ」のほうがいい。作成と閲覧と検索のUIを一つに。

RIGHT:[[:t/検索]]
**%%間違えにくい%% [#ia13b88b]
%%ページの編集のUIで、Alt+SやAlt+PよりもAlt+f 1回、Alt+f 2回のほうが間違えにくい。%%
**ヘルプ内検索ボックス [#d1356327]
編集中にヘルプを読みたいことがある。

-編集ページにヘルプへのリンクを
-ヘルプには類義語を含めて、検索しやすいようにしておく。
（コンテンツだけの話。システムではサポートしなくていい）

RIGHT:[[:t/ヘルプ]] [[:t/検索]]
**とりあえず投稿 [#q48aec39]
一部でも投稿できるように。
Wikiは推敲できるのが特徴なのだから。

ページ名が無い、内容が無い、プラグインに必要な引数が無い、設定が無い、クエリーが無いなど。

後で編集できるように。
※同じUIで。


**新規作成時に既存ページ名を参照したい [#sda6636c]
-既存ディレクトリの下にページを作るために。
-ページ名を統一するために。


**ページ/編集ページにGoogle検索リンクを載せたい [#rd90e821]
編集ページの定義に、ページ名（フルパス）を検索するリンクを入れればいい。
ルートページ/名前も含めれば、そのWikiに関連するページだけが検索されるはず。

**ファイル取り込み [#xfa56264]
定位置に置いてあるファイルを自動的に取り込む。
+ファイルを作る
+FTPクライアントなどでどこかにアップロード
他サーバーでも可？
※ファイル一覧が得られないと不可能。
+取り込み
+マークアップをページに書き込むことで貼り付け

取り込む際、ファイル名がページ名になる。
（だから/が使えない）

拡張子次第で取り込んだときのレスポンスが変わる。
レスポンスとはファイル一覧
image1.gif &#x26;ref(image1.gif);
image2.png &#x26;ref(image2.png);
など、すぐに貼れるように。

この一覧のひな形はページになっていて、編集可能。


**画像を貼りやすく [#xaaa4133]
画像やその他ファイルを貼るとき、既存のファイル名を調べたりしなくていいように。
-名前（利用者が扱う名前）が重複したら自動的に変更。
RIGHT:[[:t/ページ/内部名]]
-時刻を名前にする。
プラグイン呼び出しには近い時刻を付ければいい。

…のどちらかで。

「1つ前の」という指定で埋め込める。
編集時に展開されるように。

-ファイルの種別はMIMEか拡張子から自動判別。

RIGHT:[[:t/添付]]


*早く入力するために [#c8e1e863]


**続けて新規作成 [#q9057bcb]
新規作成ページはページ一覧を備える。
で、送信後にまた空の新規作成ページを返すように。
続けて新規作成ができるようになる。

新規作成ページを別フレームにするのもいい。


**フォーム2つに [#f204ae2c]
フォームを2つ用意、Tabキーでフォーカスを移して、1文字でも入力した時点で前のフォームを（バックグラウンドで）送信。
というのもいい。
1文字入力を待つのは間違い防止のため。
全てのページを打ち終わったら「送信」ボタン。最後のフォームを送信してページ遷移。
**テキストボックス化 [#bc7c1d47]
最近編集したページ一覧を。
選択するとテキストボックス化。編集後、送信ボタンで送信。ページ名に戻る。


**「かんたんプラグイン入力サポート」 [#lb40bcd5]
[[@wiki>http://atwiki.jp/]]の「かんたんプラグイン入力サポート」のようなものはどうか？
要はパラメータの意味を出すヘルプがあればいい。入力欄は分けないほうがいい。

打っているそばから表示更新…はカーソル位置が得られないと…差分を得て…は重くて無理。
→選択すると表示。


**クリックで章追加 [#wfb1ee72]
最初の章と最後の章には「ここに追加」ボタンを。
全章に付けてもいい。
ページの途中、任意の章の前に追加するのをやりやすく。


**ユニバーサルエディットボタン(Universal Edit Button) [#g82ca541]

 <link rel="alternate"
  type="application/wiki"
  title="このページを編集..."
  href="?%E3%83%9A%E3%83%BC%E3%82%B8%2F%E7%B7%A8%E9%9B%86%2FUI&cmd=edit"
 />

†[[http://universaleditbutton.org/%E6%97%A5%E6%9C%AC%E8%AA%9E>http://universaleditbutton.org/%E6%97%A5%E6%9C%AC%E8%AA%9E]]