はろーわーるど。由利しぃず(@Yuriseeds)です。
はてなブログのエディタってすごく書きやすいですよね。でも実は、ブログの章立てとかを考えながら書くときは、別の道具を使った方がもっと楽ちんなんです。
投稿する前にアウトライナー(アウトラインプロセッサ)を使って下書き→推敲(+Markdown書き出し)までやっちゃうと楽にブログ書けるよ！ と言うのが今回のお話です。
僕が現在愛用しているアウトライナーであるWorkflowyの紹介も兼ねてますけどね！
アウトライナーって何？
アウトライナーは「文章構造を可視化して書く」ためのツールです。もっと簡単に言うと「僕の文章こんな造りになってるんや！」ってのがよくわかる道具、です！
Mac用アプリケーションはたくさんあります。Workflowyでなくとも好きなのがあれば、それ使いましょう。
有名なやつ→OmniOutlinerでGoogle検索
問題はWindowsの場合でして、古いアプリケーションしかないのですよ。だからフォントとかボタンがちょ～～っとだけレトロです。出来れば他の使いたいのです。
と言うわけで、WindowsでもMacでも、なんだったらスマホでも使えちゃうWorkflowyを活用しましょう。どこでも書けるって楽しいですよ。
なぜWorkflowyなのか
始めやすいのは重要です。取っつきやすいから。インストールすらしないでOKなんですよ。ここにアクセスして、アカウント作るだけ！ 楽ちん！
WorkFlowy - Organize your brain.
他にも見やすいとか使いやすいとかカスタムしやすいとか、色々利点はあります！ が、そんな話は偉大な先人様がちゃんとまとめてくださっております！ こちらご覧ください！ あっ僕もいつも見てます！
あと本もあるよ！
クラウド時代の思考ツールWorkFlowy入門 (OnDeck Books（NextPublishing）)
- 作者: 彩郎
- 出版社/メーカー: インプレスR&D
- 発売日: 2016/01/29
- メディア: Kindle版
- この商品を含むブログ (1件) を見る
3ステップで使ってみよう！
ステップ1 登録する
Sign Upボタン押すと登録画面がでてきます。あとは流れで進めてください。全部英語ですが、Twitterとかはてなでアカウント作るときとやることは同じです。大丈夫大丈夫やればできるできる。
ステップ2 書いてみる
ログインすると真っ白い画面が出てきます。
早速章立てを書いてみましょう。改行したら文の頭に黒丸付いてるのがわかりますかね。ちなみにこの記事の章立てはこんな感じです。
(黒丸の色が違うかも知れないけど気にしないでね)
この時点でもう半分くらい書けた気がしますね。じゃあ各章の中身を書いてみましょう！
はいこれでブログできちゃった！ 段々が付いてますが、これはキーボードのTabキー押したらできます。文章がギュンって右に動きますよ。反対に左に動かす(文章を一段上の階層にする)時はShift+Tabキーです。
ステップ3 推敲する
推敲ってわかりますかね？ 文章見ながら「あ～でもねぇこ～でもねぇ」と手直しすることです。文章をもみほぐす、と言ってもいいかもしれない。
ここでWorkflowyの真価が発揮されます！ なんと「文章がドラッグで動かせ」ます。使い方はとっても簡単で、黒丸を掴んでドラッグしますと……
ギュンギュン動きます。
すげー楽よね。文章の順番がおかしいなぁと思ったらコレを使って直していきましょう。
章立てがおかしいなぁと思ったらTabキーやShift+Tabキーを使いましょう。文章を右へ左へ、わちゃわちゃと動かすことができますよ。「ここ1章もいらんぞ！ 消したれ！」とか、ぱぱっと出来るのはすごい快感です。
さらにさらに。章立て全体をもう一度眺めたいぞ！ と思ったら黒丸の左にカーソルを置いてみてください。すると……
マイナスのアイコンが出てきましたね、コレをクリックするとなんとびっくり。文章が隠れます。展開するときはプラスを押してくだせぇ。
おまけ ブックマークレット使ってMarkdown変換
書いた文章をそのままはてなブログのページに貼り付けて、ちょちょっと要らないスペースとか消したら投稿できちゃうわけですが、スペース消すの自体面倒くさいですよね。
せっかくだし、Workflowyで書いた原稿はMarkdown形式へ一発変換しちゃいましょう。こんな便利なものを作ってくださった方がいらっしゃいますので！
WorkFlowyのexportをブログ用のMarkdownに変換するbookmarklet(noteを使わない人向け)｜マロ。｜note
大感謝！ 使い方はマロ。さんのnoteを見てください。コレを使ってMarkdown形式の原稿を書き出します。こんな風に！
はいこれをコピペしたら投稿完了！ お疲れっしたー！
できないこともあるよ
メリットばっかり書いてきましたが苦手なところもあります。
まず画像を貼る場合。Workflowy自体が画像を貼る機能持っておりません。画像リンクのURLを書いときましょう。もしくはあとで画像貼る場所がわかるよう、自分で覚え書きしときましょうね。
あと他のブログやアフィリエイトリンクも少し貼りづらいですね。あとでリンクを貼る場所がわかるよう、自分で覚え書きを(ry
それから文字の色やサイズも変更できません。自分でHTMLタグ打ちましょ。もしくはあとで文字の色やサイズを変える場所がわかるよう、自分で(ry
一番大変な「構成を考える」作業はWorkflowyで完結してるので、そんなに手間ではないですけどね。
注意点もあるよ
1ヶ月に作れる黒丸の数は250個までに制限されています(難しい言い方をすると、1ヶ月間の新規作成トピック数は250個に制限されています)。
ちなみに有料プランだったら無制限ですって！ ここで儲けてるわけですね。幸い文章を消せば制限数は回復するのですが、ブログの下書きを同時並行で10本くらい書いてるとちょっと足りなくなってきます。
さぁ！ ここまでおつきあいいただいた皆様へお得なおしらせです。すでにWorkflowyのユーザーになっている人から招待を受けてWorkflowyを始めると、250個分追加でもらえます！
つまり最初から500個黒丸が作れる！
素敵だね。そんなお得なリンクはこちらです！
僕も250個増えるのでWIN-WINです。そう言った意味でも、ご利用いただけると超助かる。あっでもでも、登録したメールアドレスが僕のところにお知らせされちゃうみたいなので、問題ありましたら捨てアドとか使ってくださいね。
まとめっ！
使おう。Workflowy。
WorkFlowy - Organize your brain.
くどいですがこちらもよろしくです！
また見てね！