*

続・WorkFlowyで「三色ボールペン方式」

公開日: : WorkFlowy

1.WorkFlowyで「三色ボールペン方式」

今、私がパソコンから使っているWorkFlowyは、「三色ボールペン方式」です。

WorkFlowyで三色ボールペン方式

アドオン「Stylish」を使って、下線・太字・斜体の表示を変えることで実現しています。

WorkFlowyで「三色ボールペン方式」

2.「三色ボールペンWorkFlowy」の改善

(1) 課題=文字色の色分け

他方で、当初の「三色ボールペンWorkFlowy」には、課題もありました。下線をborder-bottomで実現している、というかっこ悪さもありますが、機能面で足りなかったのは、文字色です。

三色ボールペン方式の、赤青緑という3色の色分けは、汎用的な基本技法です。本に線を引くときに、線を3色に色分けするだけでなく、本に自分の言葉を書き込むときに、書き込む文字を3色に色分けすることもあります。

これに対して、当初の「三色ボールペンWorkFlowy」では、線を3色に色分けすることはできますが、文字を3色に色分けすることはできませんでした。

つまり、当初の「三色ボールペンWorkFlowy」に足りないのは、

  • 青色文字
  • 赤色文字
  • 緑色文字

です。

(2) 改善=赤色文字&緑色文字

そこで、ここを改善しました。こんな感じです。

新しい「三色ボールペンWorkFlowy」

新しい「三色ボールペンWorkFlowy」は、次の2つの文字色を使えます。

  • 赤色文字
  • 緑色文字

css上は、

  • 赤色文字を「.contentUnderline.contentBold」、つまり、下線&太字で
  • 緑色文字を「.contentUnderline.contentItalic.contentBold」、つまり、下線&太字&斜体で

実現しています。

(青色文字は、割り当てるクラスが足りなかったので、今回は見送りました。)

(3) cssの説明

Stylishに記述するcssは、次のとおりです。

a.赤色文字

.contentUnderline.contentBold{

border-bottom:none;

text-decoration:none;

background-color:#FFFFFF;

color:#FF0000;

}

b.緑色文字

.contentUnderline.contentItalic.contentBold {

font-weight: normal;

border-bottom: none;

background-color:#FFFFFF;

color:#31B404;

}

3.おわりに

「三色ボールペン方式」は、私の知的生産を支える基本思想のひとつです。また、WorkFlowyは、私の知的生産を支える基本ツールのひとつです。

ですから、WorkFlowyを「三色ボールペン方式」仕様にカスタマイズできたことは、私にとって、大きな意義を持つ転換点でした。

今後、ますますWorkFlowyが手放せなくなりそうです。

スポンサードリンク

関連記事

no image

アウトライナーで考えるための3つのコツ(『アウトライン・プロセッシング入門』より)

1.はじめに 『アウトライン・プロセッシング入門: アウトライナーで文章を書き、考える技術』は、「ア

記事を読む

no image

[HandyFlowy機能拡張スクリプトの基礎知識]ウェブ上で公開されているWorkFlowy向けのブックマークレットをHandyFlowy機能拡張スクリプトとして登録する手順

HandyFlowyは、機能拡張スクリプトという機能を持っています。 機能拡張スクリプト - Han

記事を読む

no image

【連載】WorkFlowyのテキスト入力に関するキー操作の基本(2) テキストの選択(文字単位の選択とトピック単位の選択)

WorkFlowyは、テキストを階層構造で管理するシステムです。テキストをトピックに格納し、トピック

記事を読む

no image

WorkFlowyを使うためのインターネット接続の基本(オフライン操作の限界と注意点)

WorkFlowyは、テキスト管理システムを提供するクラウドサービスです。アカウントを作ることで、使

記事を読む

no image

自分のWorkFlowyを育てる。「赤坂シナモンの地下迷宮」へと続く試行錯誤の中間報告。

1.はじめに (1) WorkFlowyを使い始めて2ヶ月間 私がWorkFlowyを本格的に使

記事を読む

no image

MemoFlowyへと合流したふたつの流れについて(MemoFlowy開発チーム誕生の経緯)

2015年12月3日、MemoFlowyというアプリが公開されました。 MemoFlowy(App

記事を読む

no image

まずはここから!多機能なHandyFlowyの中で、使用頻度が高く、よい仕事をする、3つの地味機能

HandyFlowyは、iPhone・iPad用のWorkFlowy専用クライアントアプリです。昨日

記事を読む

no image

WorkFlowyで文章群を書き続ける環境の一例(2016年7月1日段階)

1.はじめに このブログ記事を読みました。 WorkFlowyのPC環境、MemoFlowyアプリの

記事を読む

no image

WorkFlowy基本5原則【第1原則】ただひとつの「アウトライン」に自分のすべてを同居させる

1.はじめに WorkFlowyは、他の道具にはあまり見られない特徴を持つ、ちょっと変わった道具で

記事を読む

no image

WorkFlowyで作る紙の本の読書ノートの実例:『[超メモ学入門]マンダラートの技法』

1.はじめに 読書からの収穫を増やすために、当たりだと感じた本と出会えたときには、「読書ノート」を作

記事を読む

スポンサードリンク

スポンサードリンク

no image
お待たせしました! オフライン対応&起動高速化のHandyFlowy Ver.1.5(iOS)

お待たせしました! なんと、ついに、できちゃいました。オフライン対応&

no image
「ハサミスクリプト for MarsEdit irodrawEdition」をキーボードから使うための導入準備(Mac)

諸事情により、Macの環境を再度設定しています。 ブログ関係の最重要は

no image
AI・BI・PI・BC

AI 『〈インターネット〉の次に来るもの 未来を決める12の法則』を読

no image
[『サピエンス全史』を起点に考える]「それは、サピエンス全体に存在する協力を増やすか?」という評価基準

1.「社会派」に対する私の不信感 (1) 「実存派」と「社会派」 哲学

no image
[『サピエンス全史』を起点に考える]サピエンス全体に存在する協力の量と質は、どのように増えていくのか?

『サピエンス全史』は、大勢で柔軟に協力することがサピエンスの強みだと指

→もっと見る

  • irodraw
    彩郎 @irodraw 
    子育てに没頭中のサラリーマンです。1980年代生まれ、愛知県在住。 好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。
    このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。
    連絡先:irodrawあっとまーくtjsg-kokoro.com

    feedlyへの登録はこちら
    follow us in feedly

    RSSはこちら

    Google+ページ

    Facebookページ

PAGE TOP ↑