HandyFlowyからネット検索するための機能拡張スクリプト Assist

一度作ると便利百倍。

ポップアップメニュー

HandyFlowy 1.0
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

Previewが思うようにいかなかったのでリベンジ。カレント・トピックをGoogleで検索したりWikipediaで調べたりする拡張スクリプトです。見た目に凝りました。

登録リンク(MemoFlowy経由)はこちら→ http://tinyurl.com/zow763r

起動すると

こんな感じのメニューが浮かび上がります。対象となるのは見出しトピック。ブラウザのタイトルから取得できるのでキーワードに転用しています。Googleを選べばSafariでGoogleが開く。WikipediaならWikipedia。必要な情報をコピーし、HandyFlowyに戻って貼り付ける。下位トピックにデータを溜めていくと、トピックに深みが増していきます。

スクリプトの解説

スクリプトは下記の通り。list配列に「"メニュー名":"URLスキーム"」を並べることで項目が増やせます。URLスキーム内に <@> とすればカレント・トピックを、<@@> とすればWorkFlowyのテキスト全体を転送する。DraftPadのアシストのイメージです。

list={
  "Textwell":"textwell://replace?text=<@@>",
  "Google":"http://google.com/search?q=<@>",
  "Wikipedia":"https://ja.m.wikipedia.org/wiki/<@>",
  "英辞郎":"http://eow.alc.co.jp/sp/search.html?q=<@>"
};

listwidth=260;
listleft=(screen.width-listwidth)/2;
html="<div onclick=Jump() style=\"color:black;font-weight:bold;padding:12px;\">【 Assist 】</div>";
for(key in list) html+="<hr><div onclick=Jump(\""+key+"\") style=\"padding:12px;\">"+key+"</div>";
e=document.createElement("div");
e.innerHTML=html;
e.style.cssText="position:fixed;font-size:large;text-align:center;color:blue;background:white;top:20%;left:"+listleft+"px;width:"+listwidth+"px;z-index:99;border:1px gray solid;border-radius:5px;box-shadow:5px 5px 5px 5px rgba(0,0,0,0.3);";
document.body.appendChild(e);

function Jump(key){
  document.body.removeChild(e);
  if(key){
    url=list[key];
    s=document.title.replace(/ - WorkFlowy/,"");
    p=pageContainer.getElementsByClassName("project selected ")||pageContainer.getElementsByClassName("project selected  noted");
    t=p[0].innerText;
    url=url.replace(/<@>/g,encodeURIComponent(s));
    url=url.replace(/<@@>/g,encodeURIComponent(t));
    window.open(url);
  }
}

カスタマイズの仕方

TextwellでHandyFlowyに機能拡張スクリプトを登録しよう
実はスタンバってました。MemoFlowyの兄貴分HandyFlowyの登場です。WorkFlowyの操作を担当。トピック削除/複製がボタンで出来る。トピック移動もスムーズにできる。編集でスライドカー...

スクリプト登録アクションを使うとカスタマイズしやすいです。

まとめ

カスタマイズごとにエンコードするのは実際のところ面倒です。理想的にはHandyFlowyで直接スクリプトを編集できると良いのですが、どうなんでしょう？

追記: 20:57
確かにiPhoneの小さな画面でスクリプトを組むのは難しいですよね。Textwellでも大枠はiPadで組んでいます。細かな修正がiPhoneで出来れば御の字かな。