WorkFlowy

WorkFlowyの任意のトピックにWebページのタイトルとURLを保存するブックマークレット

以前、以下の記事でWorkFlowy の任意のトピックにWebページのタイトルとURLを簡単に保存する方法として、iPhoneフォンのメモアプリ「NoteBox」を活用する方法を紹介しました。

WorkFlowyの任意のトピックへWebページのタイトルとURLを保存したいときは「NoteBox」を使うと便利 WorkFlowyにWebページのURLを簡単に保存する方法を以下の記事で書きました。 https://teinein...

これは、 WebページのタイトルとURLをWorkFlowyの任意のトピックに手動で保存できるブックマークレットがない(自分では作れない)ための苦肉の策でした。

ただ、その後、WorkFlowyのアプリMemoFlowyHandyFlowyの開発者の@marumi_appさんが、 便利なブックマークレットを作ってくださいました。

このブックマークレットを使うと、以下の画像のように、トピックにタイトル、その下位のトピックにURLという形でWorkFlowyの任意のトピックにペーストすることができます。

ペースト結果

このブックマークレットは2種類ありますので、次項で紹介します。

ちなみに、 URLをトピックではなくnoteに保存したい場合は、以下の記事で紹介しましたので、ご参照ください。

WorkFlowyにWebページのタイトルとURLを簡単に保存する方法【まとめ】 WebページのタイトルとURLをWorkFlowy に簡単に保存する方法を紹介します。 パソコンとスマホ(iPhone)の場合...

1. WebTitleURL To MemoFlowy(仮称)

名称は、私が勝手につけましたので仮称です。

このブックマークレットは、スマホ用です。(iPhoneのSafariで動作確認)

このブックマークレットをWebページで発動すると、MemoFlowyが起動し、後述のとおり、MemoFlowyのinbox設定したWorkFlowy又は指定したトピックの WorkFlowyが開きます。

そこで、保存したいトピックにペーストすると、タイトルがペーストされ、その下位のトピックにURLがペーストされます。

MemoFlowy

無料
(2018.05.26時点)
posted with ポチレバ

(1) ペースト先をMemoFlowyのinboxにする

ブックマークレットを発動するとMemoFlowyのinbox指定したWorkFlowyが開くコードは、以下のとおりです。

javascript:s=document.title+"\n "+location.href;location="memoflowy://create2inbox?
text="+encodeURIComponent(s);

ブックマークレットの作り方は、任意のWebページをお気に入りに保存し、保存したお気に入りの編集を開き、URL欄に上記のコードを入れれば完成です。

(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です)

HandyFlowy

無料
(2018.05.26時点)
posted with ポチレバ

また、このブックマークレットは、スマホだけでなくパソコンでも使用できます。(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を使っています。

Dynawrite

無料
(2018.05.26時点)
posted with ポチレバ

MemoFlowy

無料
(2018.05.26時点)
posted with ポチレバ

HandyFlowy

無料
(2018.05.26時点)
posted with ポチレバ

以上です。

本記事は参考になりましたか?
もし、少しでも参考になったことがあれば、フォロー&シェアしていただけるとうれしいです!!


また、「1分で読める書評ブログ」も運営していますので、興味があれば、ぜひご覧ください。

ABOUT ME
小田やかた
二人の子どもを持つ共働きサラリーマンパパ。現在、小学生と保育園児の子育てに奮闘中です。 本ブログは、iPhoneとPCでの情報管理、文章作成、タスク管理がメインテーマのブログです。知的生産のある暮らし(新しい価値を生む暮らし)を目指しています。 著書に『アウトライナーのレシピ 』『モブログの極意 』『Apple Watchで何ができるか』『たすくまの小技40』『Evernoteの小技100』『これで読書ノートが続く!本を探す・読む・活かすを効率的にする「Kindle×Evernote読書術」』がある。
関連記事