Firefox自体の印刷設定は、WorkFlowyだけに特化する3.おわりに1.「WorkFlowy専用Firefox」で、WorkFlowyのトピックを、文書のように、印刷するWorkFlowyを使っていると、ときどき、トピックを印刷したくなることがあります。WorkFlowyで文章を書いているときに、自分が書いた文章を印刷し、紙で読み返すためWorkFlowyで書いた議事録トピックの一部を印刷して、一緒にプロジェクトを進めている誰かに伝言メモとして渡すためWorkFlowyで作ったプレゼントピックの上位階層を印刷し、レジュメとして配布するためWorkFlowyは印刷機能を持っていますので、WorkFlowyのトピックを紙に印刷することはできます。WorkFlowyの印刷機能にできるのは、トピックをリストとして印刷することだけです。印刷結果には、1行ごとに「●」(bullet)や、レベルに応じた段差がついてきます。このWorkFlowy自身が用意しているリストのようなレイアウトは、WorkFlowyを印刷したい目的によっては、全然うまく機能しません。自分が書いた文章を読み返すためには、「●」や段差はむしろじゃまになる。「●」も段差もない、普通の文章のような見た目が望ましい。一緒にプロジェクトを進めている誰かに渡す伝言メモは、メモ作成者やメモの宛先が、レイアウト上、一見してそれと分かる場所に表現されていることが望ましい。セミナーのレジュメには、それ相応の美しさが要求されるので、リストのようなレイアウトでは不十分。WorkFlowyを印刷したいと思う多くの目的との関係では、WorkFlowy自身が用意している印刷レイアウトは、力不足です。WorkFlowyのトピックを自由なレイアウトで印刷し、いろんな場面で活躍してもらうことは、諦めるしかないのでしょうか。そんなことはありません。たしかに、WorkFlowy自身は、自由なレイアウトで印刷する機能を持っていません。「WorkFlowy専用Firefox」を使えば、驚くほど広い範囲で、WorkFlowyをカスタマイズできます。印刷レイアウトも、例外ではありません。「WorkFlowy専用Firefox」を印刷用にカスタマイズすれば、この記事の原稿トピックを、このように印刷できます。Firefox自体の印刷設定を調整し、ブックマークレットを登録し、アドオンを追加すれば、まるでWordから印刷した報告書のように、WorkFlowyのトピックを印刷できるのです。印刷用にカスタマイズした「WorkFlowy専用Firefox」なら、WorkFlowy自身の印刷機能が用意する印刷レイアウトに制約されず、自由なレイアウトでWorkFlowyを印刷できます。この記事では、WorkFlowyを印刷用にカスタマイズすることの原理を説明します。2.WorkFlowyを印刷用にカスタマイズする原理WorkFlowyを印刷用にカスタマイズすることの原理は、次の3つです。HTMLとCSSによって、印刷レイアウトを自由に創り出すHTMLとCSSは、ブックマークレット&アドオンで準備するHTMLは、WorkFlowyのトピックから、ハサミスクリプトで切り取るCSSは、アドオン「Stylish」で、印刷用CSSをあらかじめ準備しておくFirefox自体の印刷設定は、WorkFlowyだけに特化する順に説明します。HTMLとCSSで、印刷レイアウトを自由に創り出すもっとも基本となる発想は、HTMLとCSSで印刷レイアウトをコントロールする、ということです。HTMLとCSSは、普通、ウェブブラウザで表示するウェブサイトの見た目をコントロールします。HTMLとCSSの発想は、HTMLで、文書内に存在する意味の構造を直接に記述するCSSで、文書の意味構造との対応関係によって、見た目をコントロールするということ、つまり「文書の意味構造と見た目の分離」です。この発想が通用する範囲は、なにもウェブブラウザから見るウェブサイトの見た目だけに限られません。プリンタで紙に印刷するときも、HTMLとCSSで印刷レイアウトをControlすることが可能なはずです。print」というものを用意しています。この記述以降に記載されたスタイルは、印刷するときにだけ、有効になります。そこで、WorkFlowyのトピックから生成したHTMLに、印刷用に準備したCSSを適用すれば、自由なレイアウトで、WorkFlowyを印刷できるはずです。HTMLとCSSは、ブックマークレットとアドオンで準備するでは、この基本となる発想を、具体的には、どのような道筋で実現したらよいでしょうか。結論からいえば、HTMLはハサミスクリプトで、CSSはアドオン「Stylish」で、準備します。a.HTMLを準備する印刷用ハサミスクリプトハサミスクリプトは、WorkFlowyのトピックからHTMLを切り出すスクリプトです。ブックマークレット版とAppleScript版があり、HTMLの切り出し方にもいくつかのバージョンがあります。WorkFlowyをブログツールに。ハサミスクリプトファミリーの整理(Win&Mac・HTML&マークダウン&はてな記法)WorkFlowyからブログエントリをHTMLで切り取る。ハサミスクリプトirodrawEditionの導入方法と使い方(Mac)WorkFlowy×ハサミスクリプトを支えるふたつの思想ハサミスクリプトは、マロ。さんの知的生産の治具工房による作品です。さんに、「WorkFlowyの印刷レイアウトをHTMLとCSSでコントロールできないだろうか」と相談をしたところ、マロ。さんが、WorkFlowyから印刷用のHTMLを切り出すハサミスクリプト(ブックマークレット)を、新たに作成してくださいました。WorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。|note印刷用ハサミスクリプトを使うと、その時点で開いているWorkFlowyのトピックが、ウェブブラウザの別ウィンドウで、シンプルなHTMLページとして、開きます。これが、印刷用のHTMLです。b.CSSを準備するアドオン「Stylish」アドオン「Stylish」は、ウェブブラウザで表示しているウェブサイトに、自分で用意したCSSを適用するためのアドオンです。アドオン「Stylish」で「WorkFlowy専用Firefox」に機能を追加するアドオン「Stylish」を使えば、CSSでカスタマイズできる範囲であるかぎり、どのようにでも、ウェブサイトの見た目を変更できます。その範囲はとても広く、しばしば実質的には新しい機能を追加したのと変わらないほどです。Workflowyでnoteを全文表示にしてみたところで、CSSは、印刷レイアウトも制御できるのでした。いうことは、アドオン「Stylish」で印刷用のCSSを準備すれば、印刷レイアウトを自由に調整できます。アドオン「Stylish」は、ワンクリックでCSSの適用・不適用を切り替えることができます。印刷用CSSを数パターン用意しておけば、その場にふさわしい印刷レイアウトに、一瞬できせかえ可能です。このように、ハサミスクリプトによってWorkFlowyからHTMLを切り出し、アドオン「Stylish」によってCSSをきせかえすれば、WorkFlowyの印刷レイアウトを、かなり自由に制御できます。Firefox自体の印刷設定は、WorkFlowyだけに特化する最後に、Firefox自体の印刷設定です。Firefoxは、印刷設定メニューを持っています。印刷設定メニューに見つからない設定項目も、about:configをいじれば、かなり柔軟に設定可能です。「WorkFlowy専用Firefox」から印刷する可能性があるのは、圧倒的にWorkFlowyです。そのため、Firefox自体の印刷設定も、WorkFlowyだけに特化してしまって、問題ありません。どのような項目を設定すればよいでしょうか。余白ヘッダー&フッターを設定しました。デフォルトの設定のままだと、余白は狭く、ヘッダー&フッターに余計な情報が多いため、違和感を感じていたためです。具体的な設定方法は、別の記事で改めてまとめます。3.おわりに以上のとおり、HTMLとCSSによって、印刷レイアウトを自由に創り出すHTMLとCSSは、ブックマークレット&アドオンで準備するHTMLは、WorkFlowyのトピックから、ハサミスクリプトで切り取るCSSは、アドオン「Stylish」で、印刷用CSSをあらかじめ準備しておくFirefox自体の印刷設定は、WorkFlowyだけに特化するという3つによって、WorkFlowyを印刷用にカスタマイズできます。この印刷用WorkFlowyなら、こんな感じで、報告書っぽく印刷することも可能です。WorkFlowyを自由なレイアウトで印刷する道が開かれたことで、WorkFlowyが活躍できる幅が、また少し広がるのではないかと思います。さんが公開する印刷用ハサミスクリプトをお試しください。ちなみに、iPhoneからも使えます。WorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。WorkFlowyは、Zoom機能を持っ記事を読むWorkFlowy&HandyFlowyに文字置換機能を追加する「ReplaceFlowy」マロ。さんが、また偉大な仕事を達成しました。WorkFlowyは、思想を持ったツールです。なんと、ついに、できちゃいました。irodrawEdition」をキーボードから使うための導入準備(Mac)諸事情により、Macの環境を再度設定しています。→もっと見る『クラウド時代の思考ツールWorkFlowy入門』WorkFlowyの本を書きました。子育てに没頭中のワーキングパパです。1980年代生まれ、愛知県在住。好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。