モブログならこれ！ Textwell用DarkRoomがパワーアップしました

スライドカーソルだけでは勝てない。


Textwellに韋駄天カーソルのDarkRoomを移植しました
iOS7になってスライドカーソルが効かなくなった。二本指でタップしてからすぐ一本指でスライドすれば実は動かせるんだけど、ちょっと大変です。で、しばらくはDraftPadのDarkRoomを流用すれば凌...
華麗に改良。エディタ内エディタのDarkRoomです。左右にカーソルが動きます。DraftPadのときからこれでブログ記事を書いているので、このリズムでしか綴れません。Textwellの性格も見えてきたので、作り直してみました。今回のはヤバイですよ。

<meta name=viewport content=initial-scale=1,user-scalable=no>
<style>
  textarea {
   color: black;
   background:#eee;
   font-size: 22px;
   font-weight: normal;
   font-family: Hiragino Mincho ProN;
   width: 100%; height: 1000%; border: 0;
  }
  body {
    margin:0;
  }
</style>

<title>DarkRoom</title>
<body>
<textarea id=wine onKeyDown=dispTitle() onBlur=sendText()></textarea>
<script>
var p,mode;
wine.value=T.text;
len=T.text.length;
loc=T.range.loc;
wine.setSelectionRange(loc, loc+T.range.len);
wine.focus();
document.ontouchstart=touchStart;
document.ontouchmove=touchMove;

function touchMove(e){
  t=e.touches[0].pageX;
  if(t-p>4){
    if(mode>1) {
      if(mode==2) document.execCommand("redo");
      mode=3;
    }else{
      wine.setSelectionRange(wine.selectionStart+mode, wine.selectionEnd+1);
      p=t;
    }
    dispTitle();
  }
  if(p-t>4){
    if(mode>1) {
      if(mode==2) document.execCommand("undo");
      mode=3;
    }else{
      wine.setSelectionRange(wine.selectionStart-mode, wine.selectionEnd-1);
      p=t;
    }
    dispTitle();
  }
}

function touchStart(e){
  p=e.touches[0].pageX;
  mode=(wine.selectionStart == wine.selectionEnd);
  if(e.touches.length==2) mode=0;
  if(e.touches.length==3) mode=2;
  dispTitle();
}

function dispTitle(){
  s=wine.selectionStart;
  s=(mode)? s:s+" + "+(wine.selectionEnd-s);
  T.title(s+" / "+wine.value.length);
}

function sendText(){
   T("replaceRange",
      {text:wine.value,
      replacingRange:{len:len},
      selectingRange:{
        loc:wine.selectionStart,
        len:wine.selectionEnd-wine.selectionStart}
  });
}
</script>
</body>

登録リンクはこちら→ http://tinyurl.com/o6ncnp3



キーボードを閉じた瞬間、Textwellの編集画面に戻る。それがDarkRoom。変更があろうがなかろうがお構いなし。タイトルバーに文字数をリアルタイム表示します。いま何文字か、全体のどこあたりか。タイピングしながら把握できる。モノ書きには必需品。



スライドカーソルの機能は指の数で決まります。一本ならカーソルの移動。スライドする間ずっと動く。左右に限定しているので、思ったところに止めやすい。
二本だと範囲選択。右に引いて選択。左に引くと開始点の変更。もちろん、単語をダブルタップしたり、段落を二本指でタップしても範囲選択。一度選択すると指一本でも指定を継続できます。コピペ・メニューが出ないときは、少し軽く下に引いてください。
三本だとUndo/Redo。左にスライドすると「過去」に戻ります。右にスライドすると「現在」に帰る。時間旅行。とくにiPhoneでは取り消しがシェイクなので通勤中だと恥ずかしい。人間、羞恥心を忘れたら恥ずかしいじゃないですか。
（この操作法はChiroru氏のWriteSpaceを参考にしています）

  • Write Spaceのスライドカーソルに新しい機能がつきました。「undo & redo」 - #ChiroruLab


    • Textwell 1.1.7
    分類: 仕事効率化,ユーティリティ
    価格: \300 (Sociomedia)
    スライドの意味が変わる。それが新しいDarkRoom。書くことへの集中体験を生み出します。フォントのサイズや色を変えたいときはソースのstyleを書き換えてください。「font-size: 22px」となっている数字を16pxくらいにすればiPhone向きかな。
    iPhone用DarkRoomはこちら→ http://tinyurl.com/qdtb9hb