*

iPhoneからWorkFlowyを報告書っぽいレイアウトで印刷する(印刷用ハサミスクリプト暫定版の紹介)

公開日: : WorkFlowy

1.印刷用ハサミスクリプトが、暫定版として、公開されました

先日、WorkFlowyで書いたトピックを、アウトラインっぽくないレイアウトで印刷する方法を、ご紹介しました。

WorkFlowyを印刷用にカスタマイズする

その後、マロ。さんが、「WorkFlowyから印刷用htmlを作るBookmarklet」の暫定版を公開してくださいました。

WorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。|note

このブックマークレットを使えば、上の記事で説明したとおり、パソコンの「WorkFlowy専用Firefox」からの印刷レイアウトを柔軟に調整することができます。

その上、このブックマークレットは、iPhoneからの印刷も助けてくれます。iPhoneから、WorkFlowyのトピックを、報告書っぽいレイアウトで、印刷することができるのです。

以下、このブックマークレットを使って、iPhoneからWorkFlowyのトピックを報告書っぽく印刷する方法を説明します。

2.事前準備

事前準備として、

  • iPhoneとWi-Fiプリンタをつなぐ
  • 印刷用ハサミスクリプトブックマークレットをiPhoneのブラウザに登録する

の2つを行います。

(1) iPhoneとWi-Fiプリンタをつなぐ

Wi-Fiに対応しているプリンタなら、iPhoneから写真やPDFなどを印刷することができます。AirPrintというAppleの技術に対応しているプリンタなら、とても簡単です。AirPrintに対応していないWi-Fiプリンタでも、それほど難しくはありません。

a.AirPrint対応プリンタの場合

AirPrintは、Appleが、OS XやiOSの一部として提供する機能です。AirPrintに対応するプリンタに、iPhoneやMacから、Wi-Fiを通じて、直接印刷できます。

AirPrint について – Apple サポート

お手持ちのプリンタがAirPrint対応なら、iPhoneとプリンタの両方をひとつのWi-Fiネットワークにつなぐだけで、iPhoneとプリンタをつなぐことができます。

iPhone、iPad、または iPod touch からプリントする – Apple サポート

b.AirPrint非対応のWi-Fiプリンタの場合

ここ数年で発売されたWi-Fi対応のプリンタは、たいてい、AirPrintに対応しているようです。

しかし、それ以前のプリンタなど、AirPrintに対応していないWi-Fiプリンタも存在します。実際、我が家のプリンタは、AirPrint未対応でした。

その場合、メーカーが提供しているアプリによって、iPhoneとプリンタをつなぎます。

たとえば、我が家のプリンタはEPSONなので、次のアプリでした。

カラリオプリンター Epson iPrint | 製品情報 | エプソン

iPhoneとプリンタの両方をひとつのWi-Fiネットワークにつないだ上で、iPhoneで起動したこのアプリからプリンタを探せば、iPhoneとプリンタをつなぐことができます。

(2) iPhoneのブラウザに印刷用ハサミスクリプトをブックマークする

次に、iPhoneのブラウザに、印刷用ハサミスクリプトをブックマークします。

iPhoneからWorkFlowyを使う場合は、公式アプリを使うのが普通です。WorkFlowy開発陣も、アプリを使うことを推奨しています。でも、公式アプリは、ブックマークレットが使えませんので、ブックマークレットを使うためには、ブラウザアプリでWorkFlowyを開く必要があるのです。

ブラウザアプリは、ブックマークレットに対応しているのであれば、何でもかまいません。SafariでもChromeでもよいですし、それ以外でも大丈夫です。

しかし、仮にAirPrint非対応のプリンタを使うのであれば、Google Chromeを使うことをおすすめします。Google Chromeなら、GoogleクラウドプリントによるGoogleドライブへのPDF保存が使えるためです。

さて、印刷用ハサミスクリプトは、次のページで公開されています。

WorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。|note

このページに掲載されているコードを丸ごとコピーして、ブラウザアプリのブックマークに登録すれば、準備完了です。

3.iPhoneからWorkFlowyのトピックを報告書っぽいレイアウトで印刷する手順

では、iPhoneからWorkFlowyのトピックを報告書っぽいレイアウトで印刷してみます。AirPrint非対応のプリンタから印刷する方法を説明するため、Google Chromeを使いますが、Safariや他のブラウザでも、手順は大筋で同一です。

(1) iPhoneのブラウザで、印刷したいWorkFlowyのトピックを開く

まず、印刷したいWorkFlowyのトピックを、ブラウザアプリで開きます。

印刷したいトピックにZoomして、印刷したい部分をすべて展開します。折りたたまれているところは、印刷されません。

ChromeでWorkFlowyのトピックを表示する

(2) 印刷用ハサミスクリプトを実行し、レイアウトを整える

印刷したいトピックをブラウザで開いたら、ここで、ハサミスクリプトブックマークレットを実行します。

ブックマーク一覧の中から、印刷用ブックマークレットをクリックするだけです。

その結果、こうなります。

ブックマークレットを実行すると、htmlが表示される。

この段階で、かなり文章っぽくなりました。もはやリストではありません。

しかし、もう少しレイアウトを整えてみます。

印刷用ハサミスクリプトは、要素をクリックすると、HTMLに仕込まれたclass属性が変わり、それに対応して、見た目も変わります。HTMLやclass属性がわからなくても、クリックする度に見た目が変わりますので、好きな見た目になるまでクリックすればよいです。

今の暫定版が用意しているclassと見た目は、次のとおりです。

  • content
    • 標準
    • 普通の見た目
  • date
    • 日付
    • 右寄せ
  • author
    • 作者
    • 右寄せ
  • title
    • タイトル
    • センタリング&文字サイズ大きめ&ゴシック
  • to
    • 宛先
    • 左寄せ
  • center
    • センタリング一般
  • right
    • 右寄せ一般

ぽちぽちクリック(iPhoneだとタップ)によって調整すれば、こんな感じの見た目になります。

要素をクリックして、レイアウトを整える

(3) 印刷する

あとは、これを印刷するだけです。

一般的なiPhoneからの印刷と同じであり、WorkFlowyに特有の問題はないかと思いますが、簡単に説明します。

a.AirPrint対応プリンタの場合

AirPrint対応プリンタを使う場合、ブラウザから直接印刷できます。

ブラウザの共有メニューから印刷を選択し、

共有から、印刷を選択する

AirPrint対応プリンタを選ぶだけです。

GoogleクラウドプリントかAirPrintを選択する

b.AirPrint非対応プリンタの場合

AirPrint非対応プリンタの場合、いったんPDFファイルを経由するのがよいかと思います。

  • ブラウザでPDFファイルを作成
  • PDFファイルをWi-Fi印刷アプリで印刷する

という手順です。

そして、ブラウザでPDFを作成するには、Google ChromeアプリのGoogleクラウドプリントを使うことをおすすめします。

(a) Googleクラウドプリントの「ドライブに保存」

まず、Google Chromeアプリの共有メニューから「印刷」を選び、「Googleクラウドプリント」を選択します。

そこに「ドライブに保存」とありますので、これをタップ。

Googleクラウドプリント→「ドライブに保存」で、PDFファイルを作成できる

すると、Googleドライブに、PDFファイルが保存されます。

作成中

(b) Googleドライブアプリから、PDFを「アプリで開く」→Wi-Fi印刷アプリへ

次に、Googleドライブアプリから、そのPDFを確認します。

GoogleDriveアプリで、作成したPDFを確認

このPDFファイルのメニューに「アプリで開く」がありますので、これを選択。

「アプリで開く」から他のアプリに受け渡し可能。

ここでプリンタのWi-Fi印刷アプリを探して、PDFファイルをアプリで開きます。

EPSONのアプリに受け渡す。

エプソンのアプリなら、こんな感じです。

EPSONのアプリから印刷する

あとは、Wi-Fi印刷アプリで印刷をするだけです。

※参考

iPhoneからPDFファイルを作成するためにGoogle Chromeアプリが使えることを、私は、このブログ記事で知りました。ありがとうございます。

iOS用GoogleChromeならWebページをPDF出力できます – W&R : Jazzと読書の日々

4.おわりに

次の写真に写っている紙は、ここに書いた手順で、WorkFlowyのトピックをiPhoneから印刷したものです。

紙に印刷したところ

事前準備こそ多少面倒ですが、それさえ終わっていれば、とても簡単です。

印刷用ハサミスクリプトが、WorkFlowyの新しい可能性を、またひとつ切り開いてくれました。

参考

(1) WorkFlowyを印刷用にカスタマイズ

WorkFlowyを印刷用にカスタマイズする

WorkFlowyから印刷用htmlを作るBookmarklet(暫定版公開)|マロ。|note

(2) Google ChromeからPDFファイルを作成する方法

iOS用GoogleChromeならWebページをPDF出力できます – W&R : Jazzと読書の日々

iOSのChromeを使えばWebサイトのPDF化が簡単にできる件 – NAVER まとめ

iOSのGoogle ChromeからPDFを作成: あれやこれや備忘録

スポンサードリンク

関連記事

no image

「WorkFlowy専用Firefox」を、アドオン「Easy Copy」で強化する

0.概要 「WorkFlowy専用Firefox」で、WorkFlowy内にWorkFlowyのUR

記事を読む

no image

アドオン「Stylish」による「推敲用WorkFlowy」(段差フラット&bullet非表示)

1.問題意識 私は、WorkFlowyを、「文章を書き上げるためのツール」として使っています。 W

記事を読む

no image

「HandyFlowy機能拡張スクリプトライブラリ」の暫定版公開(お礼とご報告)

1.HandyFlowy機能拡張スクリプトライブラリ暫定版の公開について 先日(2016年4月22日

記事を読む

no image

アシストボタンからカスタマイズツールバーへの進化(HandyFlowy ver.1.1)

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

記事を読む

no image

「WorkFlowyで本を書いた人からの手紙」

1.はじめに こんにちは。少しずつ暖かくなってきましたが、いかがお過ごしでしょうか。 先日さし上げた

記事を読む

no image

WorkFlowy基本5原則【第5原則】毎日の生活の中で気軽に使ってみる

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

記事を読む

no image

WorkFlowyは「文章エディタ」になりうるか?(WorkFlowyの生態系を育てる)

1.「プログラマーのエディタ」と「文章エディタ」 「テキストエディタ」と「文章エディタ」は似ているけ

記事を読む

no image

WorkFlowyのキーボードによるトピック移動機能の基本

1.WorkFlowyという「ただひとつの巨大なリスト」の流動性を高める、キーボードからのトピック移

記事を読む

no image

なぜ、MemoFlowyを使うのか?(3) 書いたメモを、WorkFlowyのアウトラインの中の好きな場所へ簡単に放り込める

MemoFlowyは、WorkFlowyにテキストメモを投稿するためのiOS用アプリです。ぱっとアプ

記事を読む

no image

WorkFlowy&HandyFlowyに文字置換機能を追加する「ReplaceFlowy」

マロ。さんが、また偉大な仕事を達成しました。 WorkFlowyに、文字置換機能を追加するブックマー

記事を読む

スポンサードリンク

スポンサードリンク

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 ↑