*

WorkFlowyからブログエントリをHTMLで切り取る。ハサミスクリプトirodrawEditionの導入方法と使い方(Mac)

公開日: : 最終更新日:2015/06/01 WorkFlowy

1.WFtoHTML irodrawEdition

(1) WorkFlowyでブログ原稿を書く

2015年になって以来、私は、この「単純作業に心を込めて」の原稿を、すべてWorkFlowyで書いています。

たとえば、昨日書いた「WorkFlowyの「トピック」とは何か?」の原稿は、このWorkFlowyトピックです。

WorkFlowyの「トピック」とは何か? – WorkFlowy

また、まさにこのエントリの原稿は、このWorkFlowyトピックです。

ハサミスクリプトirodrawEditionの導入方法 – WorkFlowy

(原稿を書いている2015/05/28 22:00時点で、このトピックは、未完成です。でも、皆様がこのエントリをブログ「単純作業に心を込めて」で読んでくださっている時点では、理屈からいって、完成しているはずです。)

(2) WorkFlowyからHTMLを切り取るハサミスクリプトirodrawEdition

a.WorkFlowyからHTMLを切り取るための作業行程

では、これらのWorkFlowyトピックで原稿を書いてから、ブログにエントリとして公開するまでの間に、私は、どんな作業をしているのでしょうか。

WorkFlowyのExport機能で取得したテキストデータをブログエディタに貼り付けて、ブログエディタでHTMLタグのマークアップをする、という方法でも、ブログエントリとしての公開は可能です。実際、最初の方は、こんな作業をしていました。

しかし、今、私がしている作業は、もっとずっとシンプルです。

マロ。さんが制作されたハサミスクリプトirodrawEditionのおかげで、一瞬にして、ほぼそのまま投稿できるHTMLデータを、WorkFlowyから取得できるためです。

たとえば、昨日書いた「WorkFlowyの「トピック」とは何か?」の原稿は、次のWorkFlowyトピックでした。

WorkFlowyの「トピック」とは何か? – WorkFlowy

このトピックをOPML形式でExportして、

OPMLでExportする

ハサミスクリプト用に登録してあるキーボードショートカットを押せば、HTMLでの切り取りが完了します。クリップボードの中には、ブログエントリのHTMLデータが入っています。

あとは、MarsEditなどのブログエディタを開いて、

marseditに貼り付ける

貼り付けるだけです。

出来上がり

b.ハサミスクリプトirodrawEdition

この魔法のようなことを可能にしてくれるのが、マロ。さん制作のハサミスクリプトirodrawEditionです。

ハサミスクリプトirodrawEditionは、現在、2つのバージョンがあります。

ハサミスクリプトirodrawEditionの機能比較
バージョン 特徴 利用料金
WFtoHTML irodrawEdithion(無料版) ベースとなるハサミスクリプトを、若干アレンジ。ulリストを作る機能、WorkFlowyのnoteをコメントアウトする機能など。 無料! URLにアクセスするだけで、ダウンロードできます。
WFtoHTML irodrawEdithionバージョンアップ(引用/Table機能追加) 無料版をバージョンアップ。引用機能(bqトピックの子トピックをblockquoteで囲む)、テーブル機能(tbトピックの子トピックをテーブルHTMLにする)が追加されています。 200円買い切り(2015年5月29日現在の価格) スタバのコーヒーよりも安い200円買い切りです。noteで購入できます。noteへの会員登録・クレジットカード登録が必要です。

無料版の「WF2HTMLのirodrawさん専用バージョンWFtoHTML irodrawEdithion|マロ。|note」なら、会員登録すら必要なく、すぐにダウンロードできます。

(3) このエントリの対象について

このエントリは、以下、ハサミスクリプトirodrawEditionの導入方法を説明します。ハサミスクリプトファイルをダウンロードし、キーボードショートカットを登録する方法の説明です。

この説明の対象は、ブログエントリをHTMLで書いているMacユーザーです。ハサミスクリプトirodrawEditionは、Mac OSのApple Scriptなので、Macでしか使えず、また、ハサミスクリプトirodrawEditionがWorkFlowyから切り取るのは、HTMLであってマークダウンやはてな記法ではないからです。

他方で、ハサミスクリプトには、irodrawEditionの他にも、たくさんのバージョンがあります。MacのApple ScriptではなくWindowsでも使えるBookmarkletバージョンや、HTMLではなく、マークダウン記法やはてな記法で書きだすバージョンがあります。

そのため、MacでなくWindowsを使う方も、HTMLではなくマークダウン記法やはてな記法を使う方も、ハサミスクリプトを使うことができます。

これら、irodrawEdition以外のハサミスクリプトについては、irodrawEditionを含む全ラインナップのまとめとして、後日、整理してご紹介する予定です。

2.ハサミスクリプトirodarwEditionの導入方法

では、ハサミスクリプトirodrawEditionの導入方法を説明します。

ハサミスクリプトは、ダウンロードするだけで使えます。ですが、キーボードショートカットに登録するのが便利です。

そこで、

  • Apple Scriptファイルをダウンロードする
  • キーボードショートカットに登録する

の順に説明します。

(1) Apple Scriptファイルをダウンロードする

a.ダウンロード

ハサミスクリプトirodrawEditionは、note.muからダウンロードできます。

旧バージョンなら、無料です。note.muへの会員登録すら必要ありません。

有料版の場合は、noteへの会員登録と、クレジットカード登録が必要になります。

これらが済んでいれば、こんな感じで購入できます。

noteで購入

ダウンロード画面は、こんな感じです。パスワードを入力し、

パスワードを入力

表示されたリンクからファイルをダウンロードします。

ダウンロード

b.Apple Scriptファイルのまま、使う

ダウンロードしたファイルを開くと、「スクリプトエディタ」というアプリケーションが起動します。

再生ボタンをクリックすると、ハサミスクリプトirodrawEditionが動きます。

Script画面でクリックして実行

WorkFlowyからOPML形式でExportしたデータをクリップボードに入れて、ハサミスクリプトを実行すれば、HTMLに変換されます。

(2) キーボードショートカットに登録する

スクリプトエディタの再生ボタンをクリックして使うのも悪くないのですが、キーボードショートカットを割り当てることもできます。この方がずっと便利です。

MacOSに最初から入っている「Automator」というアプリケーションを使います。

Automatorは、それほどよく使われているアプリケーションではないかもしれません(私もありませんでした)。難しそうな気がします。

Automatorでサービス登録

でも、ひとつずつ手順を踏んでいけば全然難しくありませんので、導入時に設定しておくことをおすすめします。

a.Autmatorにサービスを登録する

(a) Automatorで「サービス」を新規作成

まず、Automatorを開きます。

このアイコンです。

Automatorでサービス登録

新規作成で、「サービス」を選択します。

新規作成・サービス

左メニューの「ユーティリティ」を選ぶと、「AppleScriptを実行」というメニューが現れるはずです。

そこで、この「AppleScriptを実行」を、右側にドラッグ&ドロップします。

すると、この状態になるはずです。

ドラッグドロップ

右側上部は、「次の選択項目を受け取る」が「テキスト」で、「検索対象」が「すべてのアプリケーション」です。

右側本体部には、「AppleScriptを実行」というボックスがひとつ置かれています。。

(b) ハサミスクリプトファイルを開き、全部コピー

次に、ハサミスクリプトファイルを開きます。

ダウンロードしたファイルを開くと、「スクリプトエディタ」が起動するはずです。

ダウンロードしたScriptを開き、すべてコピー

ハサミスクリプトには、何やら難しいことが書いてあります。が、難しいことは考えず、内容をすべて選択し、コピーします。

(c) Automatorに貼り付け

クリップボードにハサミスクリプトの中身全部をコピーした状態で、先ほど作成したAutomatorのファイルに戻ります。

そして、「AppleScriptを実行」の中に貼り付けます。

automatorの中に貼り付ける

このとき、もともと書いてあったテキストを残す必要はありません。「AppleScriptを実行」の中を全部選択し、クリップボードにコピーしたハサミスクリプトをペーストし、置き換えてください。

これで、Automatorの作業は完了です。適当なファイル名をつけて、Automatorのファイルを保存してください。

automatorを保存する

私は、「hasami-script-irodrawEditon」と名付けてみました。

b.サービスにキーボードショートカットを登録する

次は、ハサミスクリプトをキーボードから動かせるようにする設定です。

MacOSのキーボードショートカット割り当て機能を使って、たった今作ったAutomatorファイルに、好きなキーボードショートカットを割り当てます。

まず、「システム環境設定」の「キーボード」を開きます。

次に、左メニューから「サービス」を選びます。

すると、右側に、リストが表示されますので、その中から、先ほど保存したAutomatorファイルを探します。

「テキスト」の中に、保存したファイル名で表示されているはずです。

Automatorファイルが見つかったら、「ショートカットを登録」をクリックし、好きなキーを登録します。

サービスにキーボードを登録する

ちなみに、私は、システム環境設定で、「Control+Option+P」を登録しています。

これで、ハサミスクリプトirodrawEditionをMacに導入する設定が完了です。

所要時間、30分もかかりません。

3.ハサミスクリプトirodrawEditionの使い方

使い方を簡単に説明します。

(1) WorkFlowyでブログ原稿を書く

まず、WorkFlowyでブログ原稿を書きます。

トピックの構造が、HTMLを決めます。自分がほしいHTMLに応じたトピック構造で原稿を書くのがポイントです。

このあたりは、後日、別途、丁寧に説明します。

今日のところは、サンプルとして、次の2つのWorkFlowyトピックをご覧ください。

WorkFlowyの「トピック」とは何か? – WorkFlowy

ハサミスクリプトirodrawEditionの導入方法 – WorkFlowy

(2) OPMLでExportして、クリップボードにコピー

WorkFlowyで原稿を書き上げたら、Export機能を使い、OPML形式でクリップボードにコピーします。

OPMLでExportする

ブログエントリのタイトルを書いたトピックで「Export」を選び、「OPML」を選択します。表示された文字列をすべて選択して、コピーすれば完了です。

(3) ハサミスクリプトirodrawEditionを動かす

そのまま、キーボードショートカットを押します。

私の場合は、Control+Option+Pです。

なお、私の中では、この行程は、上のOPMLをクリップボードにコピーする行程と、ほぼ一体化しています。

つまり、

  • WorkFlowyで、トピックをOPMLでExport
  • 表示されたOPMLファイルをすべて選択して、Control+Cでコピー
  • 直後に、Control+Option+Pで、ハサミスクリプト発動

という一連の動作によって、WorkFlowyからHTMLを切り出すことができるのです。

(4) ブログエディタに貼り付けて、調整して、投稿する

(3)を終えれば、クリップボードにブログエントリのHTMLが入っていますので、これをどこかに貼り付けて、投稿すれば、完了です。

私は、MarsEditを使っています。

MarsEditを開き、新しいPostを作成します。

marseditに貼り付ける

Control+Vでペーストします。

出来上がり

あとは、カテゴリやスラッグを設定し、確認して、投稿するだけです。

4.おわりに(関連情報と今後の展望)

私の場合、ハサミスクリプトirodrawEditionを導入したことで、WorkFlowyは、優れたブログツールになりました。そして、WorkFlowyでブログを書く体験は、私にたくさんのものを与えてくれています。

このエントリによって、ひとりでも多くの方に、ハサミスクリプト×WorkFlowyでブログを書くことを体験をしていただけるなら、私はすごくうれしいです。

最後に、ハサミスクリプト関連情報と、今後の展望をメモします。

(1) ハサミスクリプト関連情報

a.ファイル配布場所URL

(a) irodrawEdition

WF2HTMLのirodrawさん専用バージョンWFtoHTML irodrawEdithion|マロ。|note

WFtoHTML irodrawEdithionバージョンアップ(引用/Table機能追加)|マロ。|note

(b) その他バージョン

b.「単純作業に心をこめて」のハサミスクリプト関連エントリ

WorkFlowyと自分のブログによる知的生産システムと、ハサミスクリプト「WFtoHTML_irodrawEdition」が果たす役割

最強のブログ原稿創造システム「WorkFlowy×ハサミスクリプト」に、画像機能を追加する方法

WorkFlowyの有機体から、暫定的な作品群を切り出す。AppleScript「WF2html_p3.scpt」による魔法を公開します。

(2) ハサミスクリプト×WorkFlowyの今後の展望

書いてみたいのは、こんなことです。

ハサミスクリプト×WorkFlowyだけで本1冊分くらいのボリュームになりそうです。(個人的には、それくらい画期的なツールだと確信してます。)

スポンサードリンク

関連記事

no image

WorkFlowyとタスク管理をつなぐ「最下層トピックを切り取ってフラットに並べるタスク管理版ハサミスクリプト」

1.「一番下の階層が揃うアウトライナー」からのTwitterにおける集合知 マロ。さんの知的生産の治

記事を読む

no image

アドオン「Stylish」で「WorkFlowy専用Firefox」に機能を追加する

1.「WorkFlowy専用Firefox」を、一段高いレベルに引き上げてくれたアドオン「Styli

記事を読む

no image

WorkFlowyをプレゼン資料として使ってみたことの報告(後編:新たな試行錯誤とそこから得た収穫)

1.はじめに ここしばらくの間、私は、WorkFlowyをプレゼン資料として使うことに取り組んでいま

記事を読む

no image

WorkFlowyのImportの基本(テキストファイル、Excel、Evernote)

1.WorkFlowyのImportとExportは、WorkFlowyと他のツールをつなぐ Wor

記事を読む

no image

【2015年の文章】WorkFlowyで文章を書き続けていたら、文章を書くことが、もっと好きになった

「文章を書く」ということは、私にとって、とても大切なことです。 2015年は、私にとって、「文章を書

記事を読む

no image

磯野家の家系図版「WorkFlowy用語の基礎知識」(3)アウトライン・リスト・トピックの操作に関する用語

1.はじめに 「私家版WorkFlowy用語の基礎知識(β版)」を、スクリーンショットや具体例を用い

記事を読む

no image

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

1.WorkFlowyの階層の数をめぐるTwitterでの段差ラ部の会話 今朝、Twitterの片

記事を読む

no image

養殖と放流。MemoFlowyで釣ったアイデアを漁獲する方法。

MemoFlowy Ver.1.8のTwitter機能に関連して。 1.MemoFlowyのTwit

記事を読む

no image

MemoFlowy運用例(2016年7月段階)

2016年6月のバージョンアップ(iOS版Ver.1.4・Android版Ver.1.1)で、次の段

記事を読む

no image

「WorkFlowy専用Firefox」の余白を、アドオン「Stylish」で調整する

1.「WorkFlowy専用Firefox」で、これができればいいなと思っていたこと (1) 「Wo

記事を読む

スポンサードリンク

スポンサードリンク

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 ↑