以前、以下の記事でWorkFlowy の任意のトピックにWebページのタイトルとURLを簡単に保存する方法として、iPhoneフォンのメモアプリ「NoteBox」を活用する方法を紹介しました。
これは、 WebページのタイトルとURLをWorkFlowyの任意のトピックに手動で保存できるブックマークレットがない(自分では作れない)ための苦肉の策でした。
ただ、その後、WorkFlowyのアプリMemoFlowyやHandyFlowyの開発者の@marumi_appさんが、 便利なブックマークレットを作ってくださいました。
このブックマークレットを使うと、以下の画像のように、トピックにタイトル、その下位のトピックにURLという形でWorkFlowyの任意のトピックにペーストすることができます。

このブックマークレットは2種類ありますので、次項で紹介します。
ちなみに、 URLをトピックではなくnoteに保存したい場合は、以下の記事で紹介しましたので、ご参照ください。
1. WebTitleURL To MemoFlowy(仮称)
名称は、私が勝手につけましたので仮称です。
このブックマークレットは、スマホ用です。(iPhoneのSafariで動作確認)
このブックマークレットをWebページで発動すると、MemoFlowyが起動し、後述のとおり、MemoFlowyのinbox設定したWorkFlowy又は指定したトピックの WorkFlowyが開きます。
そこで、保存したいトピックにペーストすると、タイトルがペーストされ、その下位のトピックにURLがペーストされます。
(1) ペースト先をMemoFlowyのinboxにする
ブックマークレットを発動するとMemoFlowyのinbox指定したWorkFlowyが開くコードは、以下のとおりです。
javascript:s=document.title+"\n "+location.href;location="memoflowy://create2inbox? text="+encodeURIComponent(s);
(2) ペースト先をあらかじめ指定したトピックにする
あらかじめ指定したWorkFlowyのトピックをMemoFlowyで開くコードは以下のとおりです。
javascript:s=document.title+"\n "+location.href;location="memoflowy://create2inbox?inboxtopic=【トピック番号】&text="+encodeURIComponent(s);
コードの中の【トピック番号】は、指定したいトピックのアドレスが、例えば「https://workflowy.com/#/de3328d7f565 」の場合は、de3328d7f565 を入れます。
2. WebTitleURL To WorkFlowy(仮称)
名称は、私が勝手につけましたので仮称です。
前項はMemoFlowyを経由するので、MemoFlowyでのWorkFlowyの画面の読み込みに少し時間がかかる場合があります。
このブックマークレットは、MemoFlowyを起動するわけではなく、トピックにタイトル、その下位トピックにURLがペーストできるデータをクリップボードに保存してくれるものです。いちいち自分でコピーする必要がなく、ブックマークレットを発動すると自動でコピーしてくれるのが、かなり便利です。
よって、ブックマークレット発動後は、データの読み込みが生じないHandyFlowyを起動させ、保存したいトピックにペーストするだけで完了です。(もちろん、MemoFlowyでペーストしてもOKです)
また、このブックマークレットは、スマホだけでなくパソコンでも使用できます。(iPhoneのSafariとMacのSafariで動作確認)
コードは以下のとおりです。
javascript:!function()%7B!function(text)%7Bvar%20range%3Ddocument.createRange()%2CstyleAttr%3Ddocument.createAttribute(%22style%22)%3BstyleAttr.value%3D%22-webkit-user-select%3A%20auto%3B%22%3Bvar%20span%3Ddocument.createElement(%22pre%22)%3Bspan.setAttributeNode(styleAttr)%2Cspan.textContent%3Dtext%2Cdocument.body.appendChild(span)%2Crange.selectNode(span)%3Bvar%20selection%3Dwindow.getSelection()%3Bselection.removeAllRanges()%2Cselection.addRange(range)%2Cdocument.execCommand(%22copy%22)%2CsetTimeout(function()%7Bspan.remove()%7D%2C50)%7D(document.title%2B%22%5Cn%20%22%2Blocation.href)%7D()%3B
3. おわりに
これらのブックマークレットのおかげで、かなり手早くWebのタイトルとURLをWorkFlowyに保存できるようになりました。
特に、私は何か調べものをするとき、HandyFlowy(WorkFlowy)を使って整理するのですが、情報源のWebページを手早くメモすることができ、大変重宝しています。
ちなみに、今回、このブックマークレットを作ってくださった@marumi_appさんは、HandyFlowyとMemoFlowyだけではなく、パソコンでもWorkFlowyを快適に使えるDeskFlowyや、MemoFlowyのDynalist版であるDynawriteなども開発されています。
ちなみに、本ブログでは、まだ、取り上げていませんが、私はWorkFlowyをパソコンで使うときは常にDeskFlowyを使っています。