三色ボールペン方式×WorkFlowy1.三色ボールペンWorkFlowy今、私のWorkFlowyは、「三色ボールペンWorkFlowy」です。「三色ボールペン方式」とは、『三色ボールペンで読む日本語』で齋藤孝氏が提唱した読書の基本技です。本に線を引いたり書き込んだりする際、次のルールに従って、青・赤・緑の3色に色分けをします。緑:主観的に面白い「三色ボールペン方式」は、読書技法ですが、知的生産一般に応用可能です。私は、Googleカレンダーに入力する予定を「三色ボールペン方式」で色分けしています。「Stylish」というアドオンを使えば、この「三色ボールペン方式」をWorkFlowyで実現できます。「三色ボールペンWorkFlowy」です。このことを、以下の2つの記事で書きました。続・WorkFlowyで「三色ボールペン方式」そうしたところ、takasek(@takasek)さんが、Twitterでコメントを寄せてくださいました。takasek(@takasek)さんのコメントによるすばらしい2つの改善提案を受けて、「三色ボールペンWorkFlowy」は、また少し成長した気がします。そこで、少し成長した「三色ボールペンWorkFlowy」を、「改・WorkFlowyで「三色ボールペン方式」として、ここにまとめます。2.いただいた改善提案いただいたtakasek(@takasek)さんのTweetは、こちらです。素晴らしいです!自分は青=U、赤=U+I、緑=Bと割り当ててみました。赤は青の上位概念だし、UとIはキーが隣なので。緑が下線に乗ってしまう問題ですが、こんな解決策(画像)で如何でしょうか。262つのことが含まれています。「三色ボールペン方式」の青線・赤線・緑ハイライトを、WorkFlowyの何に割り当てるか?緑ハイライトと下線が重なる問題の解決法それぞれ説明します。「三色ボールペン方式」の青線・赤線・緑ハイライトを、WorkFlowyの何に割り当てるかについて、takasekさんの提案は、次の組み合わせです。「三色ボールペン方式」の緑ハイライトWorkFlowyの太字この根拠は、次の2つです。「三色ボールペン方式」では、青線(客観的にまあ重要)の上位概念が、赤線(客観的にとても重要)である。青線=下線、赤線=下線+斜体という割り当ては、青線の程度が上がったものが赤線、という両者の関係を反映しているので、「三色ボールペン方式」の考え方と合っている。前提として、下線はCtrl+Uで、斜体はCtrl+Iであり、UとIはキーボード上、隣に並んでいる。赤線のためには、Ctrlを押しながらUとIを連続して押せばよく、操作が簡単。b.改・WorkFlowyで「三色ボールペン方式」へ私は、この改善提案に深く納得し、さっそく真似させていただきました。「青の上位概念が赤」というご指摘は、客観系統と主観系統の区別という「三色ボールペン方式」の基本思想に沿っており、すばらしいです。青と赤は、「やっぱり赤」「やっぱり青」などと、青から赤へ、赤から青へ、という修正が多い2色であるところ、青=U、赤=U+Iという組み合わせなら、この往復が簡単であるところも、ポイントが高いです。-moz-linear-gradient」による解決方法を示してくださいました。分かっていないのですが、教えていただいたとおりに記述したところ、うまくいきました。なんでも、グラデーションを指定しているとのことです。緑ハイライトですが、昨日のは元々の記述が消せてなかった&セミコロンの位置が間違っているので、こちらご使用ください。記述は「上部5%〜10%を透明→緑のグラデにする」という意味です。27b.改・WorkFlowyで「三色ボールペン方式」へもちろん即採用です。使えるバージョンに、takasekさんによる2つの改善提案を取り入れて、スタイルを書き直しました。今の「三色ボールペンWorkFlowy」のスタイルは、次のとおりです。#000000;}}不要な行もあるかと思います。エレガントに記述することもできるかと思います。うまく機能しているので、これでよしとしています。以下、ひとつひとつの説明です。solid;」で青線を引きます。「text-decoration:none;」で下線を消します。solid;」で赤線を引きます。#000000;」で、文字色を黒にします。「.contentItalic」で赤色にしてあるので、もとに戻すわけです。normal;」は、「.contentItalic」ですでに解除してあるので、書きません。「text-decoration:none;」は、「.contentUnderline」ですでに解除してあるので、書きません。normal;」で、太字を解除します。「background:」で、背景にグラデーションを設定します。normal;」で、斜体を解除します。#FF0000;」で、文字色を赤色にします。このため、先ほどの「.contentUnderline.contentItalic」で文字色を黒に戻す必要があります。」で背景を白にします。「.contentBold」で設定した背景を解除しているわけです。こんな記述じゃなくてもいい気がしますが、よくわからないので、こうしてあります。#04B404;」で、文字色を緑にしています。単純に、「.contentUnderline」と「.contentBold」が重畳的に適用されればよいので、特に記述する必要はありません。#000000;}ほしい表現は、赤線と緑ハイライトです。赤線は、「.contentUnderline.contentItalic」の設定が生きていますので、何も記述しなくてもよいです。緑ハイライトは、「.contentBold.contentItalic」で背景を白にしてしまっていますので、「background:」で、改めてグラデーションを設定します。#000000」で改めて文字色を黒に戻します。4.「三色ボールペンWorkFlowy」は、「三色ボールペン方式」のための、最も優れたデジタルツール私は、「三色ボールペン方式」を愛用しています。齋藤孝氏も繰り返すように、「三色ボールペン方式」は、知的生産の基本技です。日々使いこむことで、3色の色分けという具体的な行為が、客観系統と主観系統の区別という高度な知的作用と結びつきます。「三色ボールペン方式」を技として使い込むには、道具が大切です。アナログにおいては、「三色ボールペン方式」を実践するための道具として、三色ボールペンが存在しています。ところが、デジタルにおいては、これまで、「三色ボールペン方式」を実践するのに適した道具が存在していませんでした。「三色ボールペン方式」を実践するためには、少なくとも次の3つの条件を満たす必要があるのですが、この3つを兼ね備えたデジタルツールが見当たらなかったためです。簡単な操作で、赤・青・緑の色分けができる。赤+緑、青+緑という重ね塗りができる。文字を、客観系統と主観系統で色分けして、書き込むことができる。パソコンやiOS版のKindleアプリには、3色を含む複数色ハイライトの機能があります。Kindleアプリの色分けは、次の理由で、「三色ボールペン方式」を実践することができません。赤・青・緑の色分けの操作が、少し面倒。同じ場所に2色を塗ることができない。書き込む文字を色分けすることができない。これに対して、今回、アドオン「Stylish」で実現した「三色ボールペンWorkFlowy」は、この3つを満たしています。キーボードからの簡単な操作で、赤・青・緑の色分けが可能。同じ場所に、赤+緑、青+緑という重ね塗りができる。文字を、赤色と緑色という客観系統と主観系統で色分けをして、書き込むことができる。「三色ボールペンWorkFlowy」は、「三色ボールペン方式」という知的生産の基本技を、デジタルツールに活用する道を開くTipsです。「三色ボールペン方式」の愛用者の方も、そうでない方も、よろしければ、一度お試しください。さんから重ねてアドバイスをいただき、「background:」を少し書き換えました。記事執筆お疲れ様です!噛み砕いた説明さすがです。27「:not()」を使ってきれいに書く方法も、考えてみたいです。「WorkFlowy専用Firefox」の説明ブラウザから使うWorkFlowyを、専用アプリのようにするTipsが、「WorkFlowy専用Firefox」です。続・WorkFlowyで「三色ボールペン方式」スポンサードリンクTweet関連記事WorkFlowyの有機体から、暫定的な作品群を切り出す。AppleScript「WF2html_p3.scpt」による魔法を公開します。『コンテナ物語』は、2015年に読んだ本の中で、もっともよい収穫を得た本のうちの1冊で記事を読むMemoFlowyバージョンアップのお知らせ(ver.1.1)MemoFlowyはWorkFlowyへのテキスト入力に特化したメモアプリです。MemoFlowyは、WorkFlowyにテキストメモを書き込むためのアプリです。WorkFlowyは、クラウドサービスです。WorkFlowyのプロ記事を読む『WorkFlowy文章作法』第1章「2つの原則」(前半「知的生産のフロー」)この記事は、『WorkFlowy文章作法』の第1章「2つの原則」のうち、前半の「知的生産のフロー」で記事を読むWorkFlowy&HandyFlowyに文字置換機能を追加する「ReplaceFlowy」マロ。さんが、また偉大な仕事を達成しました。なんと、ついに、できちゃいました。irodrawEdition」をキーボードから使うための導入準備(Mac)諸事情により、Macの環境を再度設定しています。→もっと見る『クラウド時代の思考ツールWorkFlowy入門』WorkFlowyの本を書きました。子育てに没頭中のワーキングパパです。1980年代生まれ、愛知県在住。好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。