WorkFlowy

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

このブログ「いつもていねいに」を書いている小田やかたです。
プロフィール @ottaka18

以前、以下の記事で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 ポチレバ

この記事は以上です。

もし、少しでも参考になった内容があれば、下の「いいね」ボタンを押してください。励みになります!

小田やかた
小田やかた
このブログの更新情報や、iPhone・iPadを活用した効率的なインプット・アウトプットの方法をツイッターで発信しています。ぜひフォローしてください。

今すぐFollow!

小田やかた を

このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。

ABOUT ME
小田やかた
ブロガー&Kindle作家。二人の子どもを持つ共働きサラリーマンです。(プロフィールの詳細)iPhone・iPadアプリを活用した効率的なインプットとアウトプットの方法を発信しています。
関連記事