KindleからWorkFlowyへの「入口」を拡張するツール「kindle highlight to WorkFlowy」

1年ちょっと前に妄想していたこれ。

彩郎版のKindleハイライト取得ブックマークレットを構想する

実現しちゃいました！


●kindle highlight to WorkFlowy for PCブックマークレット｜マロ。｜note

●kindle highlight to memoflowyブックマークレット｜マロ。｜note


KindleからWorkFlowyへの﹁入口﹂を拡張するツールです。これを使えば、WorkFlowyは、これまで以上に、読書ノートとしての力を発揮するんじゃないかと思います。

WorkFlowyに取り込んだテキスト情報は、すべてがアウトプットの素材になります。この世に存在する様々な媒体の中で、テキスト情報の供給源としてもっとも厚みがあって豊かなものは、本ではないかと思います。だから、読書ノートは、WorkFlowyと最も相性のよい用途のひとつです。

私は、WorkFlowyで、本からの抜き書きを中核とする読書ノートを実践しています。﹁WorkFlowy抜き書き読書ノート﹂といいます。



WorkFlowy抜き書き読書ノート

WorkFlowyに取り込んだ本からの抜き書きは、WorkFlowyの中を流れ、自分のアウトプットの素材となります。

﹇具体例﹈本からの引用を格納した﹁トピック﹂は、WorkFlowyの中を、どのように流れていくのか？

また、WorkFlowyなら、どこからでも無限に深い階層を作ることができます。だから、あるひとつの抜き書きに触発されて、その場で長い文章を書き上げることも自由です。

深層からのスタート︵読書ノートのメモが成果物に結実するひとつのパターン︶

さらに、齋藤孝氏が提唱する三色ボールペン方式を実践することもできます。WorkFlowyは、理想的なデジタル三色ボールペンです。

Kindle本を、三色ボールペン方式で読む︵kindle.amazon.co.jp × ﹁三色ボールペンWorkFlowy﹂︶

(2)　Kindleの個人ページ︵kindle.amazon.co.jp︶から、WorkFlowyに、ハイライト箇所を取り込む

Kindle本のハイライト箇所は、個人ページ︵kindle.amazon.co.jp︶からテキストデータの形で取得できます。


Kindleの個人ページ︵kindle.amazon.co.jp︶はおもしろい

とはいえ、この個人ページのハイライト一覧から取得できるデータは、それほど使いやすい形ではありません。余計な文字列や装飾が入っているためです。

ブックマークレット﹁kindle highlight js﹂は、この問題を解消し、ハイライト一覧を使いやすいテキストデータに変換してくれます。


●kindle highlight js

●[kindle]読書メモ(Highlight)をEvernoteにいい感じに保存できるブックマークレットをつくった – hello-world.jp.net


﹁Evernoteにいい感じに保存できるブックマークレット﹂と紹介されていますが、クリップボードにテキストデータを取り込むためにも活用できますので、WorkFlowyのためにも便利です。


●ブックマークレット﹁KindleHighlight﹂で、﹁kindle.amazon.co.jp﹂から、Kindle本のハイライト箇所を、シンプルなデータで、クリップボードに取り込む

●WorkFlowyで、Kindle本の﹁読書ノート﹂を作る


ただ、この﹁kindle highlight js﹂、WorkFlowyにテキストデータを取り込むために使おうとすると、ちょっとした課題が残ります。


●KindleアプリのURLスキームが、location番号のリンクに埋め込まれているため、プレーンテキストによるコピー&ペーストでは、取得できない。

●﹁Read more at﹂という文字列が、ちょっと余計

●ひとつの抜書き&location情報がひとつのトピックの下にまとまると、もっとよい


これを解消するために構想したのが、﹁彩郎版のKindleハイライト取得ブックマークレット﹂だったわけですが、1年以上の時を越え、本日、マロ。さんの手により、形になりました！

それが、この記事の主題、

マロ。さんによる新作ブックマークレット﹁kindle highlight to WorkFlowy﹂

です。


●kindle highlight to WorkFlowy for PCブックマークレット｜マロ。｜note

●kindle highlight to memoflowyブックマークレット｜マロ。｜note

﹇主題﹈ブックマークレット﹁kindle highlight to WorkFlowy﹂

(1)　種類︵2×2=4種類︶

ブックマークレットは、次の2種類です。


●kindle highlight to WorkFlowy for PC

●kindle highlight to memoflowy


for PCが基本となるもので、ブラウザ上で新しいタブを開き、そこに整形したハイライトをOPMLで書き出します。

to memoflowyがMemoFlowyのURLスキームを利用できるバージョンです。同一端末に、MemoFlowyがインストールされている必要がありますが、MemoFlowyのURLスキームによって、WorkFlowyへの送信までを、一挙に処理してくれます。

それぞれ、ひとまとまりの抜き書きをbqトピック下にまとめる形式・フラットな形式という2種類で書き出すことができます。


●bqトピック下にまとめる形式

●フラットな形式


つまり、ブックマークレットは2×2で4種類。ご自身の環境に合わせて、好きなものをご利用ください。


●kindle highlight to WorkFlowy for PC

●bqトピック下にまとめる形式

●フラットな形式



●kindle highlight to memoflowy

●bqトピック下にまとめる形式

●フラットな形式

(2)　使い方

a．kindle highlight to WorkFlowy for PC

事前準備として、ブラウザのブックマークに、ブックマークレットを登録してください。

kindle highlight to WorkFlowy for PC

それを前提にすると、次の3手順です。


●手順1　ブラウザで、Kindleの個人ページのハイライト一覧を表示する

●手順2　ブラウザのKindle個人ページで、ブックマークレットを使う

●手順3　生成されたOPMLを、WorkFlowyにペーストする

手順1　ブラウザで、Kindleの個人ページのハイライト一覧を表示する

ブラウザで、Kindleの個人ページのハイライト一覧を表示します。

最初に表示されるのは、もっとも最近にハイライトした本なので、特定の本のハイライトを取得したいなら、その本のどこか適当な箇所をハイライトしてから、個人ページのハイライト一覧を表示するとよいかと思います。


﹇2017-02-08追記﹈特定のKindle本のハイライトページを表示するには、マロ。さんによるブックマークレットも便利です。


●Amazonからkindle highlightページを開くブックマークレット｜マロ。｜note

●Kindleの﹁Your Highlights﹂で、目当ての本のハイライト一覧を、直接、表示するには？


すーうさん︵@sourd︶にもご教示いただきました。


— すーう (@sourd) 2017年2月8日

手順2　ブラウザのKindle個人ページで、ブックマークレットを使う

ブックマークレットを使います。

ブラウザのブックマークから、登録したブックマークを選択するだけです。

すると、このように、別タブにOPMLが生成されます。

手順3　生成されたOPMLをWorkFlowyにペーストする

あとはコピー&ペーストで、WorkFlowyにインポートするだけです。

こうなります。

b．kindle highlight to memoflowy

事前準備として、ブラウザアプリ︵SafariとかChromeとか︶のブックマークに、ブックマークレットを登録してください。

kindle highlight to memoflowy

また、当然ながら、MemoFlowyが必要です。


●MemoFlowy︵iOS︶

●MemoFlowy ︵Android︶

●MemoFlowy︵公式ページ︶


これを前提とすると、次の3手順です。


●手順1　ブラウザで、Kindleの個人ページのハイライト一覧を表示する

●手順2　ブラウザのKindle個人ページで、ブックマークレットを使う

●手順3　MemoFlowyによる送信を観察する

手順1　ブラウザで、Kindleの個人ページのハイライト一覧を表示する

ブラウザアプリで、Kindleの個人ページのハイライト一覧を表示します。


スマートフォン対応ではないので見づらいですが、このページで読むわけではないので、気にすることはありません。

手順2　ブラウザのKindle個人ページで、ブックマークレットを使う

ブラウザのKindle個人ページで、ブックマークレットを使います。

パソコンと同じように、ブックマークから、登録したブックマークレットを選択するだけです。

すると、MemoFlowyのスプラッシュ画面が登場し、


MemoFlowyに切り替わります。

手順3　MemoFlowyによる送信を観察する

あとは、MemoFlowyにまかせておけば、WorkFlowyにハイライト箇所を送信してくれます。

気が向けば、WorkFlowy画面に切り替えて観察してください。

送信後は、こんな感じです。

(3)　WorkFlowyのトピック構造︵bq版︶

WorkFlowyに取り込まれるトピック構造を確認してみましょう。フラット版はフラットなので、bq版を説明します。

トピック構造は、次のとおりです。


●書名by著者

●bq

●ハイライト1

●location

●kindleのURLスキーム



●bq

●ハイライト2

●location

●kindleのURLスキーム

a．親トピックは、﹁書名by著者﹂

親トピックは、﹁書名by著者﹂です。

b．ハイライトのひとまとまり

ひとつのハイライトとその関連情報が、ひとつずつ、﹁bq﹂というトピックの下にまとまります。

それぞれのまとまりの中には、ハイライト箇所・location番号・KindleのURLスキームの3つが格納されています。


ちなみに、KindleのURLスキームをクリックすると、Kindleアプリが立ち上がり、ハイライト箇所を表示してくれます。



WorkFlowyにKindleのURLを書いて、﹁読書ノート﹂を育てる

※ただし、iPhoneのKindleアプリでは、アプリは立ち上がるのですが、該当箇所の表示がうまくいかないようです。

﹇展開﹈WorkFlowyへの﹁入口﹂を拡張するための、ひとつの有力なあり方

先日、WorkFlowyへの﹁出口﹂と﹁入口﹂の基礎知識を整理しました。

WorkFlowyで文章を執筆するフローを構築するための、﹁出口﹂と﹁入口﹂の基礎知識

このとき、私は、


●﹁出口﹂は充実してきたけれど、

●﹁入口﹂はまだ伸びしろが残っている


と書きました。

今回取り上げたこの﹁kindle highlight to WorkFlowy﹂は、WorkFlowyの﹁入口﹂を拡張してくれる存在です。

この道具がしていることをすこし抽象的に観察すると、


●他のツールが管理している、情報の構造を持つテキスト情報を、

●その情報の構造がWorkFlowyにおいてうまく反映されるように、整形し、

●行頭スペース数による整形

●OPMLによる整形



●WorkFlowyに取り込みやすいようにする

●別タブを立ち上げて、そこにコピーすべきテキストを表示する

●MemoFlowyのURLスキームで、MemoFlowyからWorkFlowyにテキストを流し込む




ということです。

Kindleのハイライト一覧に限られるものではなく、大きな可能性を秘めたものだと言えます。

先日のアップデートで直接送信URLスキームを獲得したMemoFlowyの存在も大きいですので、今後、WorkFlowyの﹁入口﹂は、着実に強化されていくことでしょう。