WorkFlowyからブログエントリをHTMLで切り取る。>WorkFlowyからブログエントリをHTMLで切り取る。WorkFlowyでブログ原稿を書く2015年になって以来、私は、この「単純作業に心を込めて」の原稿を、すべてWorkFlowyで書いています。昨日書いた「WorkFlowyの「トピック」とは何か?」の原稿は、このWorkFlowyトピックです。WorkFlowyまた、まさにこのエントリの原稿は、このWorkFlowyトピックです。22:00時点で、このトピックは、未完成です。皆様がこのエントリをブログ「単純作業に心を込めて」で読んでくださっている時点では、理屈からいって、完成しているはずです。WorkFlowyからHTMLを切り取るハサミスクリプトirodrawEditiona.WorkFlowyからHTMLを切り取るための作業行程では、これらのWorkFlowyトピックで原稿を書いてから、ブログにエントリとして公開するまでの間に、私は、どんな作業をしているのでしょうか。WorkFlowyのExport機能で取得したテキストデータをブログエディタに貼り付けて、ブログエディタでHTMLタグのマークアップをする、という方法でも、ブログエントリとしての公開は可能です。実際、最初の方は、こんな作業をしていました。今、私がしている作業は、もっとずっとシンプルです。さんが制作されたハサミスクリプトirodrawEditionのおかげで、一瞬にして、ほぼそのまま投稿できるHTMLデータを、WorkFlowyから取得できるためです。昨日書いた「WorkFlowyの「トピック」とは何か?」の原稿は、次のWorkFlowyトピックでした。WorkFlowyこのトピックをOPML形式でExportして、ハサミスクリプト用に登録してあるキーボードショートカットを押せば、HTMLでの切り取りが完了します。クリップボードの中には、ブログエントリのHTMLデータが入っています。b.ハサミスクリプトirodrawEditionこの魔法のようなことを可能にしてくれるのが、マロ。さん制作のハサミスクリプトirodrawEditionです。irodrawEdithion|マロ。irodrawEdithionバージョンアップ(引用/Table機能追加)|マロ。|noteハサミスクリプトirodrawEditionは、現在、2つのバージョンがあります。ベースとなるハサミスクリプトを、若干アレンジ。ulリストを作る機能、WorkFlowyのnoteをコメントアウトする機能など。URLにアクセスするだけで、ダウンロードできます。無料版をバージョンアップ。引用機能(bqトピックの子トピックをblockquoteで囲む)、テーブル機能(tbトピックの子トピックをテーブルHTMLにする)が追加されています。スタバのコーヒーよりも安い200円買い切りです。noteで購入できます。noteへの会員登録・クレジットカード登録が必要です。irodrawEdithion|マロ。|note」なら、会員登録すら必要なく、すぐにダウンロードできます。このエントリの対象についてこのエントリは、以下、ハサミスクリプトirodrawEditionの導入方法を説明します。ハサミスクリプトファイルをダウンロードし、キーボードショートカットを登録する方法の説明です。この説明の対象は、ブログエントリをHTMLで書いているMacユーザーです。Scriptなので、Macでしか使えず、また、ハサミスクリプトirodrawEditionがWorkFlowyから切り取るのは、HTMLであってマークダウンやはてな記法ではないからです。他方で、ハサミスクリプトには、irodrawEditionの他にも、たくさんのバージョンがあります。ScriptではなくWindowsでも使えるBookmarkletバージョンや、HTMLではなく、マークダウン記法やはてな記法で書きだすバージョンがあります。そのため、MacでなくWindowsを使う方も、HTMLではなくマークダウン記法やはてな記法を使う方も、ハサミスクリプトを使うことができます。これら、irodrawEdition以外のハサミスクリプトについては、irodrawEditionを含む全ラインナップのまとめとして、後日、整理してご紹介する予定です。2.ハサミスクリプトirodarwEditionの導入方法では、ハサミスクリプトirodrawEditionの導入方法を説明します。ハサミスクリプトは、ダウンロードするだけで使えます。キーボードショートカットに登録するのが便利です。Scriptファイルをダウンロードするキーボードショートカットに登録するの順に説明します。Scriptファイルをダウンロードするa.ダウンロードハサミスクリプトirodrawEditionは、note.muからダウンロードできます。旧バージョンなら、無料です。note.muへの会員登録すら必要ありません。irodrawEdithion|マロ。irodrawEdithionバージョンアップ(引用/Table機能追加)|マロ。|note有料版の場合は、noteへの会員登録と、クレジットカード登録が必要になります。これらが済んでいれば、こんな感じで購入できます。ダウンロード画面は、こんな感じです。表示されたリンクからファイルをダウンロードします。Scriptファイルのまま、使うダウンロードしたファイルを開くと、「スクリプトエディタ」というアプリケーションが起動します。再生ボタンをクリックすると、ハサミスクリプトirodrawEditionが動きます。WorkFlowyからOPML形式でExportしたデータをクリップボードに入れて、ハサミスクリプトを実行すれば、HTMLに変換されます。キーボードショートカットに登録するスクリプトエディタの再生ボタンをクリックして使うのも悪くないのですが、キーボードショートカットを割り当てることもできます。この方がずっと便利です。MacOSに最初から入っている「Automator」というアプリケーションを使います。Automatorは、それほどよく使われているアプリケーションではないかもしれません(私もありませんでした)。難しそうな気がします。ひとつずつ手順を踏んでいけば全然難しくありませんので、導入時に設定しておくことをおすすめします。Automatorで「サービス」を新規作成まず、Automatorを開きます。新規作成で、「サービス」を選択します。左メニューの「ユーティリティ」を選ぶと、「AppleScriptを実行」というメニューが現れるはずです。そこで、この「AppleScriptを実行」を、右側にドラッグ&ドロップします。すると、この状態になるはずです。右側上部は、「次の選択項目を受け取る」が「テキスト」で、「検索対象」が「すべてのアプリケーション」です。右側本体部には、「AppleScriptを実行」というボックスがひとつ置かれています。次に、ハサミスクリプトファイルを開きます。ダウンロードしたファイルを開くと、「スクリプトエディタ」が起動するはずです。ハサミスクリプトには、何やら難しいことが書いてあります。難しいことは考えず、内容をすべて選択し、コピーします。Automatorに貼り付けクリップボードにハサミスクリプトの中身全部をコピーした状態で、先ほど作成したAutomatorのファイルに戻ります。「AppleScriptを実行」の中に貼り付けます。このとき、もともと書いてあったテキストを残す必要はありません。「AppleScriptを実行」の中を全部選択し、クリップボードにコピーしたハサミスクリプトをペーストし、置き換えてください。これで、Automatorの作業は完了です。適当なファイル名をつけて、Automatorのファイルを保存してください。私は、「hasami-script-irodrawEditon」と名付けてみました。b.サービスにキーボードショートカットを登録する次は、ハサミスクリプトをキーボードから動かせるようにする設定です。MacOSのキーボードショートカット割り当て機能を使って、たった今作ったAutomatorファイルに、好きなキーボードショートカットを割り当てます。「システム環境設定」の「キーボード」を開きます。次に、左メニューから「サービス」を選びます。すると、右側に、リストが表示されますので、その中から、先ほど保存したAutomatorファイルを探します。「テキスト」の中に、保存したファイル名で表示されているはずです。Automatorファイルが見つかったら、「ショートカットを登録」をクリックし、好きなキーを登録します。ちなみに、私は、システム環境設定で、「Control+Option+P」を登録しています。これで、ハサミスクリプトirodrawEditionをMacに導入する設定が完了です。所要時間、30分もかかりません。使い方を簡単に説明します。WorkFlowyでブログ原稿を書くまず、WorkFlowyでブログ原稿を書きます。トピックの構造が、HTMLを決めます。自分がほしいHTMLに応じたトピック構造で原稿を書くのがポイントです。今日のところは、サンプルとして、次の2つのWorkFlowyトピックをご覧ください。OPMLでExportして、クリップボードにコピーWorkFlowyで原稿を書き上げたら、Export機能を使い、OPML形式でクリップボードにコピーします。ブログエントリのタイトルを書いたトピックで「Export」を選び、「OPML」を選択します。表示された文字列をすべて選択して、コピーすれば完了です。ハサミスクリプトirodrawEditionを動かすそのまま、キーボードショートカットを押します。私の場合は、Control+Option+Pです。●なお、私の中では、この行程は、上のOPMLをクリップボードにコピーする行程と、ほぼ一体化しています。直後に、Control+Option+Pで、ハサミスクリプト発動という一連の動作によって、WorkFlowyからHTMLを切り出すことができるのです。ブログエディタに貼り付けて、調整して、投稿する(3)を終えれば、クリップボードにブログエントリのHTMLが入っていますので、これをどこかに貼り付けて、投稿すれば、完了です。私は、MarsEditを使っています。MarsEditを開き、新しいPostを作成します。Control+Vでペーストします。あとは、カテゴリやスラッグを設定し、確認して、投稿するだけです。4.おわりに(関連情報と今後の展望)私の場合、ハサミスクリプトirodrawEditionを導入したことで、WorkFlowyは、優れたブログツールになりました。WorkFlowyでブログを書く体験は、私にたくさんのものを与えてくれています。このエントリによって、ひとりでも多くの方に、ハサミスクリプト×WorkFlowyでブログを書くことを体験をしていただけるなら、私はすごくうれしいです。最後に、ハサミスクリプト関連情報と、今後の展望をメモします。irodrawEdithion|マロ。irodrawEdithionバージョンアップ(引用/Table機能追加)|マロ。その他バージョンBookmarkletWorkFlowyのexportをブログ用のタグに変換するbookmarklet|マロ。|noteWorkFlowyのexportをブログ用のMarkdownに変換するbookmarklet|マロ。|noteWorkFlowyのexportをブログ用のタグに変換するbookmarklet(引用を使う人向け)|マロ。|noteWorkFlowyのexportをブログ用のMarkdownに変換するbookmarklet(noteを使わない人向け)|マロ。|noteWorkFlowyのexportをはてな記法に変換するbookmarklet|マロ。|noteWorkflowyからiPhoneでtumblrに投稿するbookmarklet|マロ。|noteAppleScriptWorkflowyで選択したアウトラインにhタグを付けて書き出すAppleScript|マロ。最強のブログ原稿創造システム「WorkFlowy×ハサミスクリプト」に、画像機能を追加する方法WorkFlowyの有機体から、暫定的な作品群を切り出す。AppleScript「WF2html_p3.scpt」による魔法を公開します。書いてみたいのは、こんなことです。ハサミスクリプト×WorkFlowyによって、ブログエントリは、「書いたあとで整理する&自分以外の読み手を想定する」の領域にノート、Evernote、ブログ、そして......ハサミスクリプト×WorkFlowyだけで本1冊分くらいのボリュームになりそうです。(個人的には、それくらい画期的なツールだと確信してます。削除(「文字単位の削除」と「トピック単位の削除」)WorkFlowyは、テキストを階層構造で管理するシステムです。『ソーシャル時代のハイブリッド読書術』を読んでから、「読書ノート」を作る習慣を始めまし記事を読むついにペースト機能が完成!MemoFlowyバージョンアップ(Ver.1.3)のお知らせMemoFlowyはWorkFlowyへのテキスト入力に特化したメモアプリです。記事を読む【お知らせ】『クラウド時代の思考ツールWorkFlowy入門』、2016年1月29日、発売開始です。外山滋比古さんの『思考の整理学』に、「メタ・ノート」という記事を読むスポンサードリンクPREVWorkFlowyの「トピック」とは何か?NEXTWorkFlowyをブログツールに。なんと、ついに、できちゃいました。irodrawEdition」をキーボードから使うための導入準備(Mac)諸事情により、Macの環境を再度設定しています。→もっと見る『クラウド時代の思考ツールWorkFlowy入門』WorkFlowyの本を書きました。子育てに没頭中のワーキングパパです。1980年代生まれ、愛知県在住。好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。ハサミスクリプト×WorkFlowyの今後の展望WorkFlowyからブログエントリをHTMLで切り取る。